*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-size:16px}body{color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit;background:0 0;border:none;outline:none}:root{--color-primary:#e11d48;--color-primary-hover:#be123c;--color-primary-dark:#9f1239;--color-primary-light:#e11d481a;--color-primary-lighter:#e11d480d;--color-primary-rgb:225, 29, 72;--color-secondary:#0f172a;--color-secondary-hover:#1e293b;--color-secondary-light:#0f172a1a;--color-bg:#f8fafc;--color-bg-secondary:#f1f5f9;--color-surface:#fff;--color-surface-hover:#f8fafc;--color-surface-elevated:#fff;--color-text:#0f172a;--color-text-secondary:#475569;--color-text-tertiary:#94a3b8;--color-text-inverse:#fff;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-divider:#e2e8f0;--shadow-xs:0 1.5px 3px #0f172a05, 0 1px 2px #0f172a03;--shadow-sm:0 3px 6px #0f172a08, 0 1px 3px #0f172a05;--shadow-md:0 4px 6px -1px #0f172a08, 0 12px 24px -4px #0f172a0f, 0 4px 8px -2px #0f172a03;--shadow-lg:0 10px 15px -3px #0f172a0a, 0 25px 45px -10px #0f172a17, 0 8px 16px -8px #0f172a05;--shadow-xl:0 20px 30px -5px #0f172a14, 0 40px 80px -15px #0f172a29;--shadow-glow:0 0 24px #e11d482e;--shadow-primary:0 8px 20px #e11d481f, 0 16px 36px #e11d4814;--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--font-display:"Outfit", "Inter", sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-xs:.75rem;--font-sm:.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:1.875rem;--font-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800}@keyframes page-enter{0%{opacity:0;filter:blur(4px);transform:translateY(16px)scale(.98)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}:root{--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--transition-spring:.4s cubic-bezier(.34, 1.56, .64, 1);--transition-bounce:.5s cubic-bezier(.68, -.55, .265, 1.55);--z-base:1;--z-header:100;--z-navbar:100;--z-drawer:200;--z-modal:300;--z-toast:400;--header-height:60px;--navbar-height:68px;--max-width:1200px;--content-padding:var(--space-4)}#app{flex-direction:column;min-height:100dvh;display:flex}#app-header{z-index:var(--z-header);background-color:var(--color-surface);position:sticky;top:0}#app-content{padding-bottom:calc(var(--navbar-height) + var(--space-4));min-height:calc(100dvh - var(--header-height));flex:1}.page-content{padding-bottom:calc(var(--navbar-height) + env(safe-area-inset-bottom,16px) + 32px)!important}#app-navbar{z-index:var(--z-navbar);position:fixed;bottom:0;left:0;right:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideRight{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes dotPulse{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes popIn{0%{opacity:0;transform:scale(0)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes cartBounce{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(1.5deg)}to{transform:translateY(0)rotate(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 16px #00d67f40}50%{box-shadow:0 0 28px #00d67f73}}@keyframes gradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes ripple{to{opacity:0;transform:scale(4)}}@keyframes navBounce{0%,to{transform:scale(1.1)}50%{transform:scale(1.3)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-enter{animation:.35s forwards fadeInUp}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.text-gradient{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.icon-wrapper{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-wrapper svg{display:block}.skeleton{background:linear-gradient(90deg, var(--color-border-light) 25%, var(--color-surface-hover) 50%, var(--color-border-light) 75%);border-radius:var(--radius-md);pointer-events:none;-webkit-user-select:none;user-select:none;background-size:200% 100%;animation:2.5s linear infinite shimmer;color:#0000!important}.skeleton-text{height:12px;margin-bottom:var(--space-2);width:80%}.skeleton-title{height:20px;margin-bottom:var(--space-3);width:60%}.skeleton-image{aspect-ratio:16/10;border-radius:var(--radius-xl);width:100%}.skeleton-circle{border-radius:50%;width:48px;height:48px}.flying-dot{background:var(--color-primary);color:#fff;z-index:10000;pointer-events:none;width:32px;height:32px;box-shadow:var(--shadow-lg);border-radius:50%;justify-content:center;align-items:center;transition:all .8s cubic-bezier(.19,1,.22,1);display:flex;position:fixed}.spring-hover{transition:all var(--transition-spring)!important}.spring-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)scale(1.02)}.spring-hover:active{transform:translateY(1px)scale(.97)}.spring-tap{transition:transform .25s cubic-bezier(.34,1.56,.64,1)!important}.spring-tap:active{transform:scale(.93)}.glow-hover{transition:all var(--transition-spring)!important}.glow-hover:hover{box-shadow:0 0 20px rgba(var(--color-primary-rgb), .35);border-color:rgba(var(--color-primary-rgb), .5)}@keyframes radar-ripple-premium{0%{opacity:.95;box-shadow:0 0 0 0 rgba(var(--color-primary-rgb), .5), 0 0 0 4px rgba(var(--color-primary-rgb), .3);transform:scale(.6)translate(-50%,-50%)}to{opacity:0;box-shadow:0 0 0 16px rgba(var(--color-primary-rgb), 0), 0 0 0 32px rgba(var(--color-primary-rgb), 0);transform:scale(2.6)translate(-50%,-50%)}}@keyframes gradient-shimmer-liquid{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes fluid-bubble-rise{0%{opacity:.4;transform:translateY(0)scale(.9)rotate(0)}50%{opacity:.8;transform:translateY(-6px)scale(1.1)rotate(180deg)}to{opacity:.4;transform:translateY(0)scale(.9)rotate(360deg)}}.liquid-progress-shimmer{background:linear-gradient(270deg, var(--color-primary), #f97316, #8b5cf6, var(--color-primary));background-size:400% 400%;animation:4s infinite gradient-shimmer-liquid}body.platform-capacitor{--status-bar-height:max(env(safe-area-inset-top,0px), 28px);--bottom-safe-area:max(env(safe-area-inset-bottom,0px), 28px)}body.platform-capacitor #app-header{padding-top:var(--status-bar-height)!important}body.platform-capacitor .panel-page>div:first-child[style*=position\:sticky][style*=top\:0],body.platform-capacitor .panel-page>div:first-child[style*="position: sticky"][style*="top: 0"]{padding-top:var(--status-bar-height)!important;height:calc(64px + var(--status-bar-height))!important}body.platform-capacitor #app-navbar{padding-bottom:var(--bottom-safe-area)!important;background-color:var(--color-surface)!important}body.platform-capacitor #app-content{padding-bottom:calc(var(--navbar-height) + var(--space-4) + var(--bottom-safe-area))!important}body.platform-capacitor #app-content:has(.panel-page){padding-bottom:0!important}body.platform-capacitor .panel-page,body.platform-capacitor .panel-page[style*=height\:100dvh],body.platform-capacitor .panel-page[style*="height: 100dvh"],body.platform-capacitor .panel-page[style*="height:100%"],body.platform-capacitor .panel-page[style*="height: 100%"]{height:100dvh!important}body.platform-capacitor .panel-page>div[style*=overflow-y\:auto],body.platform-capacitor .panel-page>div[style*="overflow-y: auto"]{padding-bottom:calc(24px + var(--bottom-safe-area))!important}body.platform-capacitor .comercio-header-back,body.platform-capacitor .pm-close-btn,body.platform-capacitor .pm-heart-btn{top:calc(16px + var(--status-bar-height))!important}body.platform-capacitor .pm-footer{padding-bottom:calc(var(--space-4) + var(--bottom-safe-area))!important;background-color:var(--color-surface)!important}.scroll-reveal{will-change:transform, opacity;opacity:0!important;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)!important}.reveal-fade-up{transform:translateY(30px)!important}.reveal-fade-in{transform:translateY(0)!important}.reveal-scale-up{transform:scale(.85)!important}.reveal-fade-right{transform:translate(-40px)!important}.reveal-fade-left{transform:translate(40px)!important}.scroll-reveal.revealed{opacity:1!important;transform:translate(0)scale(1)!important}.reveal-delay-1{transition-delay:.1s!important}.reveal-delay-2{transition-delay:.2s!important}.reveal-delay-3{transition-delay:.3s!important}.reveal-delay-4{transition-delay:.4s!important}.reveal-delay-5{transition-delay:.5s!important}@media (prefers-reduced-motion:reduce){.scroll-reveal{opacity:1!important;transition:none!important;transform:none!important}}.fab-hidden{opacity:0!important;pointer-events:none!important;transform:scale(.8)translateY(20px)!important}body.modal-open #support-bot-fab-btn,body.modal-open #app-guide-fab,body.modal-open #global-order-fab,body.modal-open #global-commerce-pending-fab,body.modal-open #global-active-delivery-fab,body.modal-open #global-delivery-available-fab,body.multiple-modals .v5-back-btn,body.multiple-modals #close-delivery-map-btn{opacity:0!important;pointer-events:none!important}body:has(#modal-container>div+div) .v5-back-btn{opacity:0!important;pointer-events:none!important}body:has(#modal-container>div+div) #close-delivery-map-btn{opacity:0!important;pointer-events:none!important}:root{--header-bg:#ffffffbf;--header-border:#e2e8f080;--header-search-bg:#f1f5f9;--header-chip-bg:#f1f5f9;--footer-bg:#fff;--footer-border:#e2e8f066;--footer-item-inactive:#94a3b8;--glass-bg:#ffffffbf;--glass-border:#e2e8f066;--glass-blur:blur(24px);--color-bg:#f8fafc;--color-bg-secondary:#f1f5f9;--color-surface:#fff;--color-surface-hover:#f8fafc;--color-surface-elevated:#fff;--color-text:#0f172a;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-tertiary:#94a3b8;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-success:#10b981;--color-success-light:#10b9811a;--color-warning:#f59e0b;--color-warning-light:#f59e0b1a;--color-danger:#ef4444;--color-danger-hover:#dc2626;--color-danger-light:#ef44441a;--color-danger-rgb:239, 68, 68;--shadow-danger:0 4px 16px #ef444459;--color-info:#3b82f6;--color-info-light:#3b82f61a}#app-header,.header-main,#app-navbar,.bottom-nav{-webkit-backdrop-filter:var(--glass-blur);background-color:var(--header-bg);border-color:var(--header-border);transition:all .3s}[data-theme=dark]{--header-bg:#060913d9;--header-border:#1e293b66;--header-search-bg:#0d1322;--header-chip-bg:#0d1322;--footer-bg:#060913;--footer-border:#1e293b59;--footer-item-inactive:#475569;--glass-bg:#111a2ecc;--glass-border:#ffffff0d;--glass-blur:blur(24px);--color-bg:#050811;--color-bg-secondary:#0a0f1d;--color-surface:#10192c;--color-surface-hover:#17243e;--color-surface-elevated:#10192c;--color-text:#f1f5f9;--color-text-primary:#f8fafc;--color-text-secondary:#94a3b8;--color-text-tertiary:#475569;--color-border:#1e293b;--color-border-light:#0f172a;--color-divider:#1e293b;--shadow-sm:0 4px 12px #00000080;--shadow-md:0 8px 24px #0009, 0 0 15px #e11d4808;--shadow-lg:0 16px 36px #000000b3, 0 0 25px #e11d480d;--shadow-xl:0 24px 48px #000c, 0 0 35px #e11d4814;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{color:var(--color-text-primary)!important}[data-theme=dark] .bg-white{background-color:var(--color-surface)!important}[data-theme=dark] .text-slate-900{color:var(--color-text-primary)!important}[data-theme=dark] .text-slate-600{color:var(--color-text-secondary)!important}[data-theme=dark] .text-slate-400{color:var(--color-text-tertiary)!important}[data-theme=dark] .border-slate-100,[data-theme=dark] .border-slate-200{border-color:var(--color-border)!important}@media (width>=1024px){:root:not(.preview-mode) #app-navbar,html:not(.preview-mode) #app-navbar{display:none!important}:root:not(.preview-mode) #app-header,html:not(.preview-mode) #app-header{background:var(--color-primary)!important;-webkit-backdrop-filter:blur(24px)!important;box-shadow:0 8px 32px rgba(var(--color-primary-rgb), .25)!important;z-index:2000!important;border-bottom:1px solid #ffffff26!important;border-radius:0!important;height:80px!important;margin:0!important;padding:0!important;display:block!important;position:sticky!important;top:0!important}[data-theme=dark] :root:not(.preview-mode) #app-header,[data-theme=dark] html:not(.preview-mode) #app-header{background:var(--color-primary)!important;box-shadow:0 8px 32px rgba(var(--color-primary-rgb), .35)!important;border-bottom:1px solid #ffffff1f!important}:root:not(.preview-mode) body.header-hidden #app-header,html:not(.preview-mode) body.header-hidden #app-header{display:none!important}:root:not(.preview-mode) html,:root:not(.preview-mode) body,:root:not(.preview-mode) #app,html:not(.preview-mode) body,html:not(.preview-mode) #app{border:none!important;width:100%!important;margin:0!important;padding:0!important;overflow-x:hidden!important}:root:not(.preview-mode) .main-slider,html:not(.preview-mode) .main-slider{background:#f8fafc!important;width:100%!important;max-width:none!important;height:calc(100vh - 80px)!important;margin:0!important;padding:0!important;display:block!important;overflow:hidden!important}:root:not(.preview-mode) .slide-panel,html:not(.preview-mode) .slide-panel{background:#f8fafc!important;border:none!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;display:none!important}:root:not(.preview-mode) .slide-panel.active,html:not(.preview-mode) .slide-panel.active{display:block!important}.desktop-header-container{box-sizing:border-box;width:100%;max-width:1200px;height:100%;margin:0 auto;padding:0 24px}.desktop-header-content{justify-content:space-between;align-items:center;gap:32px;height:100%;display:flex}.desktop-header-left{flex-shrink:0;align-items:center;gap:24px;display:flex}.desktop-logo{align-items:center;gap:12px;text-decoration:none;transition:transform .25s cubic-bezier(.175,.885,.32,1.275);display:flex}.desktop-logo:hover{transform:scale(1.04)rotate(-1deg)}.desktop-logo-img{filter:drop-shadow(0 4px 10px #00000040);border:2px solid #ffffff59;transition:all .3s}.desktop-logo:hover .desktop-logo-img{border-color:#fff;box-shadow:0 0 12px #ffffff80}.desktop-brand-name{letter-spacing:-.04em;text-shadow:0 2px 10px #00000026;font-family:Outfit,sans-serif;font-size:24px;font-weight:900;color:#fff!important;-webkit-text-fill-color:#fff!important}.desktop-address-box{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff14;border:1px solid #fff3;border-radius:14px;flex-direction:column;min-width:170px;max-width:260px;padding:8px 16px 8px 14px;transition:all .25s cubic-bezier(.165,.84,.44,1);display:flex}[data-theme=dark] .desktop-address-box{background:#ffffff0f;border-color:#ffffff26}.desktop-address-box:hover{background:#ffffff26;border-color:#ffffff73;box-shadow:0 4px 20px #ffffff1a}[data-theme=dark] .desktop-address-box:hover{background:#ffffff1f;border-color:#fff6}.desktop-address-label{color:#fff9;text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px;font-size:10px;font-weight:800;line-height:1}.desktop-address-value-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.desktop-address-value{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}[data-theme=dark] .desktop-address-value{color:#fff}.desktop-address-arrow{color:#ffffffb3;align-items:center;display:flex}.desktop-header-center{flex:1;max-width:480px}.desktop-search-bar{background:#ffffff26;border:1px solid #ffffff40;border-radius:14px;align-items:center;height:48px;padding:2px 2px 2px 18px;transition:all .25s cubic-bezier(.165,.84,.44,1);display:flex}[data-theme=dark] .desktop-search-bar{background:#ffffff1f;border-color:#fff3}.desktop-search-bar:focus-within{background:#ffffff40;border-color:#fff;box-shadow:0 8px 32px #00000026}.desktop-search-bar input{background:0 0;border:none;outline:none;flex:1;font-size:14px;font-weight:600;color:#fff!important}[data-theme=dark] .desktop-search-bar input{color:#fff!important}.desktop-search-bar input::placeholder{color:#ffffffa6}.desktop-search-btn{width:44px;height:44px;color:var(--color-primary);cursor:pointer;background:#fff;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex}.desktop-search-btn:hover{background:#ffffffe6;transform:scale(1.05);box-shadow:0 4px 14px #ffffff4d}.desktop-search-btn:active{transform:scale(.95)}.desktop-header-right{flex-shrink:0;align-items:center;gap:16px;display:flex}.desktop-nav-links{align-items:center;gap:12px;display:flex}.desktop-nav-link{background:#ffffff14;border:1px solid #ffffff26;border-radius:14px;align-items:center;gap:8px;padding:10px 16px;font-size:13.5px;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.165,.84,.44,1);display:inline-flex;color:#ffffffe0!important}[data-theme=dark] .desktop-nav-link{background:#ffffff0f;border-color:#ffffff1a;color:#ffffffe0!important}.desktop-nav-link svg{color:#ffffffe6;transition:transform .25s var(--transition-spring);font-size:16px}.desktop-nav-link:hover svg{color:#fff;transform:scale(1.15)rotate(-3deg)}.desktop-nav-link:hover{background:#ffffff2e;border-color:#fff6;box-shadow:0 4px 15px #00000014;color:#fff!important}[data-theme=dark] .desktop-nav-link:hover{background:#ffffff24;border-color:#ffffff4d}.desktop-nav-link.active{box-shadow:0 4px 14px #00000026;color:var(--color-primary)!important;background:#fff!important;border-color:#fff!important}.desktop-nav-link.active svg{color:var(--color-primary)!important}.desktop-header-action-btn{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;color:#fff!important}.desktop-header-action-btn:hover{background:#ffffff1f;border-color:#ffffff4d;transform:translateY(-1px);color:#fff!important}.desktop-notif-dot{background:#e11d48;border:2px solid #0f172a;border-radius:50%;width:8px;height:8px;position:absolute;top:10px;right:10px}[data-theme=dark] .desktop-notif-dot{border-color:#050811}.desktop-profile-box{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:8px;padding:10px 16px;transition:all .2s;display:flex;position:relative;color:#fff!important}[data-theme=dark] .desktop-profile-box{background:#ffffff08;border-color:#ffffff0d}.desktop-profile-box:hover{background:#ffffff1f;border-color:#ffffff4d;box-shadow:0 4px 15px #0000001a}.desktop-profile-icon{color:#ffffffd9;align-items:center;display:flex}.desktop-profile-label{font-size:13.5px;font-weight:700;color:#fff!important}.desktop-profile-arrow{color:#fff9;align-items:center;transition:transform .25s;display:flex}.desktop-profile-box:hover .desktop-profile-arrow{color:#fff;transform:rotate(180deg)}.desktop-profile-dropdown{opacity:0;visibility:hidden;z-index:1000;background:#0f172a;border:1px solid #ffffff1a;border-radius:18px;width:200px;transition:all .25s cubic-bezier(.165,.84,.44,1);position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;transform:translateY(10px);box-shadow:0 12px 48px #0006}[data-theme=dark] .desktop-profile-dropdown{background:#050811}.desktop-profile-box:hover .desktop-profile-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.desktop-dropdown-item{color:#fffc;align-items:center;gap:12px;padding:14px 20px;font-size:13.5px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.desktop-dropdown-item:hover{color:#fff;background:#ffffff14}.desktop-dropdown-item svg{color:#ffffff80;transition:color .2s}.desktop-dropdown-item:hover svg{color:#fff}.desktop-address-box-wrapper .desktop-address-dropdown{-webkit-backdrop-filter:blur(20px);opacity:0;visibility:hidden;z-index:2500;background:#0f172af2;border:1px solid #ffffff1f;border-radius:18px;width:280px;transition:all .25s cubic-bezier(.165,.84,.44,1);position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;transform:translateY(10px);box-shadow:0 16px 48px #0006,0 0 24px #e11d480d}[data-theme=dark] .desktop-address-box-wrapper .desktop-address-dropdown{background:#050811f5;border-color:#ffffff14}.desktop-address-box-wrapper.active .desktop-address-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.addr-dropdown-header{color:#fff9;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #ffffff14;padding:14px 18px;font-family:Outfit,sans-serif;font-size:13px;font-weight:800}.addr-dropdown-list{max-height:240px;overflow-y:auto}.addr-dropdown-item{cursor:pointer;border-bottom:1px solid #ffffff0a;align-items:center;gap:12px;padding:12px 18px;transition:all .2s;display:flex}.addr-dropdown-item:last-child{border-bottom:none}.addr-dropdown-item:hover{background:#ffffff0f}.addr-icon{color:var(--color-primary-light);flex-shrink:0;align-items:center;display:flex}.addr-info{flex-direction:column;flex:1;min-width:0;display:flex}.addr-name{color:#fff;font-size:13px;font-weight:700}.addr-detail{color:#ffffff80;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11px;overflow:hidden}.desktop-global-footer{color:#fff;background:#e21b3c;border-top:1px solid #ffffff1a;margin-top:60px;padding:64px 24px 48px;display:block}.footer-container{max-width:1200px;margin:0 auto}.footer-columns{grid-template-columns:repeat(4,1fr);gap:40px;margin-bottom:48px;display:grid}.footer-column h4{color:#fff;letter-spacing:-.01em;margin:0 0 20px;font-family:Outfit,sans-serif;font-size:16px;font-weight:900}.footer-column ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.footer-column ul li a{color:#fffc;font-size:13.5px;font-weight:700;text-decoration:none;transition:color .2s}.footer-column ul li a:hover{color:#fff;text-shadow:0 0 8px #ffffff4d}.footer-divider{background:#ffffff26;height:1px;margin-bottom:32px}.footer-legal-section{flex-direction:column;gap:24px;display:flex}.footer-legal-links{flex-wrap:wrap;gap:24px;font-size:12px;display:flex}.footer-legal-links a{color:#ffffffb3;font-weight:700;text-decoration:none;transition:color .2s}.footer-legal-links a:hover{color:#fff;text-decoration:underline}.footer-bottom-row{justify-content:space-between;align-items:flex-start;gap:40px;display:flex}.footer-cuit-info{color:#ffffffbf;flex:1;font-size:12px;font-weight:600;line-height:1.6}.footer-data-fiscal{border-radius:6px;flex-shrink:0;align-items:center;display:flex;overflow:hidden;box-shadow:0 4px 16px #00000026}.home-page,.category-page,.comercio-page,.cart-page,.profile-page,.notifications-page{box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.category-grid,.category-row-small,#brands-slider-container,#promoted-section,#offers-section,.home-section,.comercio-info,.comercio-products,.category-page>div,.cart-page>div,.profile-page>div,.notifications-container-premium{box-sizing:border-box!important;width:100%!important;max-width:1200px!important;margin-left:auto!important;margin-right:auto!important;padding-left:24px!important;padding-right:24px!important}.home-page>a[href="#/gofavores"]{display:none!important}.category-row-small{scrollbar-width:none!important;-ms-overflow-style:none!important;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:16px!important;margin-top:16px!important;margin-bottom:24px!important;padding-top:8px!important;padding-bottom:8px!important;display:flex!important;overflow-x:auto!important}.category-row-small::-webkit-scrollbar{display:none!important}.category-card-small{background:var(--color-surface)!important;border:1px solid var(--color-border-light)!important;height:140px!important;box-shadow:var(--shadow-sm)!important;border-radius:24px!important;flex:0 0 110px!important;transition:all .3s cubic-bezier(.175,.885,.32,1.275)!important}.category-card-small:hover{box-shadow:var(--shadow-md)!important;border-color:var(--color-primary)!important;transform:translateY(-6px)scale(1.04)!important}.categories-arrow-btn{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:none;color:#e11d48!important;background:#fff!important;border:1.5px solid #e2e8f0!important;transition:all .25s cubic-bezier(.175,.885,.32,1.275)!important;box-shadow:0 4px 14px #0000000f!important}[data-theme=dark] .categories-arrow-btn{background:#10192c!important;border-color:#1e293b!important;box-shadow:0 4px 14px #0006!important}.categories-arrow-btn:hover{transform:scale(1.1);color:#fff!important;background:#e11d48!important;border-color:#e11d48!important;box-shadow:0 6px 20px #e11d4833!important}.categories-arrow-btn:active{transform:scale(.9)}.comercios-grid{grid-template-columns:repeat(4,1fr)!important;gap:24px!important;max-width:1200px!important;margin:0 auto!important;padding:0!important}.desktop-notifications-box{position:relative}.desktop-notifications-dropdown{-webkit-backdrop-filter:blur(20px);opacity:0;visibility:hidden;z-index:2500;background:#0f172af2;border:1px solid #ffffff1f;border-radius:20px;width:360px;transition:all .25s cubic-bezier(.165,.84,.44,1);position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;transform:translateY(10px);box-shadow:0 16px 48px #00000080,0 0 24px #e11d480d}[data-theme=dark] .desktop-notifications-dropdown{background:#050811f5;border-color:#ffffff14}.desktop-notifications-box:hover .desktop-notifications-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.notif-dropdown-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.notif-dropdown-header .notif-title{color:#fff;font-family:Outfit,sans-serif;font-size:15px;font-weight:800}.notif-dropdown-header .mark-all-read-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;padding:4px 10px;font-size:11px;font-weight:700;transition:all .2s}.notif-dropdown-header .mark-all-read-btn:hover{color:var(--color-primary);background:#fff;border-color:#fff}.notif-dropdown-list{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;max-height:320px;overflow-y:auto}.notif-dropdown-list::-webkit-scrollbar{width:6px}.notif-dropdown-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.notif-dropdown-empty{color:#fff6;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;font-size:13px;font-weight:600;display:flex}.notif-dropdown-empty svg{color:#ffffff40}.notif-dropdown-item-card{cursor:pointer;border-bottom:1px solid #ffffff0a;gap:12px;padding:14px 20px;transition:all .2s;display:flex;position:relative}.notif-dropdown-item-card:hover{background:#ffffff0d}.notif-dropdown-item-card.unread{background:#e11d480d}.notif-dropdown-item-card.unread:hover{background:#e11d4814}.notif-item-dot{background:0 0;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:6px}.notif-dropdown-item-card.unread .notif-item-dot{background:#e11d48;box-shadow:0 0 8px #e11d48}.notif-item-body{flex:1;min-width:0}.notif-item-title-row{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.notif-item-title-row .title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:800;overflow:hidden}.notif-item-title-row .time{color:#fff6;flex-shrink:0;font-size:10px;font-weight:600}.notif-item-body .text{color:#ffffffb3;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.notif-dropdown-view-all{text-align:center;background:#ffffff08;border-top:1px solid #ffffff14;padding:14px;font-size:12.5px;font-weight:800;text-decoration:none;transition:all .2s;display:block;color:#fff!important}.notif-dropdown-view-all:hover{background:#ffffff14;color:#e11d48!important}.notifications-page{z-index:100!important;background:var(--color-bg)!important;box-sizing:border-box!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;min-height:calc(100vh - 80px)!important;padding-top:60px!important;padding-bottom:60px!important;display:flex!important;position:relative!important}.notifications-page .empty-state-rigorous{text-align:center!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;margin:auto!important;padding:40px 20px!important;display:flex!important}}@media (width>=1024px) and (width<=1320px){.desktop-header-container{padding:0 12px}.desktop-header-content{gap:16px}.desktop-header-left{gap:12px}.desktop-brand-name{font-size:20px}.desktop-logo-img{width:36px!important;height:36px!important}.desktop-address-box{min-width:120px;max-width:170px;padding:6px 10px}.desktop-address-label{font-size:9px}.desktop-address-value{font-size:11px}.desktop-header-center{max-width:240px}.desktop-search-bar{height:40px;padding-left:12px}.desktop-search-btn{width:36px;height:36px}.desktop-nav-links{gap:8px}.desktop-nav-link{gap:6px;padding:8px 10px;font-size:12px}.desktop-header-action-btn{width:38px;height:38px}.desktop-profile-box{gap:6px;padding:8px 12px}.desktop-profile-label{font-size:12px}.desktop-header-right{gap:10px}}@media (width<=1023px){.desktop-header-container,.desktop-global-footer{display:none!important}}@media (width>=1024px){.panel-page{width:100%!important;max-width:100%!important;height:100vh!important;max-height:100vh!important;box-shadow:none!important;border-radius:0!important;margin:0!important;padding:0!important}.comercio-page,.panel-page{padding:0!important}#settings-form{max-width:1400px;margin:0 auto;grid-template-columns:1.2fr 1fr!important;align-items:start!important;gap:24px!important;padding:24px!important;display:grid!important}#settings-form>.admin-card:first-child{grid-column:1/-1!important}#settings-form>#save-settings-btn{grid-column:1/-1!important;margin-top:16px!important}#settings-form>.danger-zone{grid-column:1/-1!important;margin-top:24px!important}.delivery-orders-list{padding:8px 0;grid-template-columns:repeat(auto-fill,minmax(420px,1fr))!important;gap:24px!important;display:grid!important}#delivery-scroll-area{width:100%;max-width:1600px;margin:0 auto;padding:24px 32px 120px!important}.tab-pills{max-width:500px;margin-bottom:24px!important}}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-weight:var(--font-weight-semibold);font-size:var(--font-sm);border-radius:var(--radius-full);transition:all var(--transition-base);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;letter-spacing:.01em;min-height:44px;display:inline-flex;position:relative;overflow:hidden}.btn:active{box-shadow:var(--shadow-xs);transition:transform 80ms cubic-bezier(.16,1,.3,1),box-shadow 80ms;transform:scale(.96)}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover{box-shadow:0 8px 28px rgba(var(--color-primary-rgb), .35);transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg, var(--color-secondary), var(--color-secondary-hover));color:#fff;box-shadow:var(--shadow-sm)}.btn-secondary:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-outline{border:1.5px solid var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-xs);background:0 0}.btn-outline:hover{background:var(--color-primary-lighter);border-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover{background:var(--color-surface-hover);color:var(--color-text);transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg, var(--color-danger), var(--color-danger-hover));color:#fff;box-shadow:var(--shadow-danger)}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 8px 28px #ef444466}.btn-icon{padding:var(--space-2);border-radius:var(--radius-md);min-width:44px;min-height:44px}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-xs);min-height:36px}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-base);border-radius:var(--radius-full);min-height:52px;font-weight:var(--font-weight-bold)}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn-success{color:#fff;font-weight:var(--font-weight-bold);background:linear-gradient(135deg,#22c55e,#15803d);box-shadow:0 6px 20px #22c55e40}.btn-success:hover{transform:translateY(-2px);box-shadow:0 10px 28px #22c55e66}.btn-google{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.btn-google:hover{background:var(--color-surface);border-color:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-google img,.btn-google svg{width:20px;height:20px}.card{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border-light);transition:all var(--transition-base);overflow:hidden}.card-elevated{box-shadow:var(--shadow-sm);border:none}.card-elevated:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.card-interactive{cursor:pointer;will-change:transform;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s}.card-interactive:active{transform:scale(.95);box-shadow:0 2px 8px #00000014!important}@keyframes springUp{0%{opacity:0;transform:translateY(100%)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes springDown{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(100%)scale(.95)}}.card-body{padding:var(--space-4)}.card-img{aspect-ratio:16/10;object-fit:cover;width:100%}.input-group{gap:var(--space-2);flex-direction:column;display:flex}.input-group label{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);font-size:var(--font-base);min-height:44px;transition:all var(--transition-base)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), .15)}.input::placeholder{color:var(--color-text-tertiary)}textarea.input{resize:vertical;min-height:100px}select.input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%235A6B80' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 5.646a.5.5 0 0 1 .708 0L8 8.293l2.646-2.647a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.badge{align-items:center;gap:var(--space-1);padding:3px var(--space-3);font-size:var(--font-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);line-height:1.4;display:inline-flex}.badge-primary{background:var(--color-primary-light);color:var(--color-primary-dark)}.badge-secondary{background:var(--color-secondary-light);color:var(--color-secondary)}.badge-accent{background:var(--color-accent-light);color:var(--color-accent-hover)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning-dark)}.stat-pill.primary{background:var(--color-primary-lighter);color:var(--color-primary)}.stat-pill.success{background:var(--color-success-light);color:var(--color-success)}.pills-container{gap:var(--space-4);padding:var(--space-4);scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;background:var(--color-bg);display:flex;overflow-x:auto}.pills-container::-webkit-scrollbar{display:none}.pill{cursor:pointer;scroll-snap-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border:none;flex-direction:column;align-items:center;gap:10px;min-width:76px;padding:4px 0;transition:all .25s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative}.pill-icon{justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative}.category-icon-premium{border:1px solid var(--color-border-light);background:var(--color-surface);border-radius:20px;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s;display:flex;box-shadow:0 8px 16px #0000000d}.category-icon-svg{transition:transform .3s;width:28px!important;height:28px!important}.pill-text{color:var(--color-text-secondary);letter-spacing:-.01em;font-size:12px;font-weight:700;transition:all .3s}.pill:hover .category-icon-premium{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.pill.active .category-icon-premium{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 10px 20px rgba(var(--color-primary-rgb), .25);transform:scale(1.05)}.pill.active .category-icon-svg{color:#fff!important}.pill.active .pill-text{color:var(--color-text);font-weight:900}.category-card-large[href*=Restaurante]:hover,.category-card-large[href*=Comida]:hover,.category-card-small[href*=Restaurante]:hover,.category-card-small[href*=Comida]:hover,.pill-burger:hover .category-icon-premium,.pill-comida:hover .category-icon-premium{border-color:#f9731666!important;box-shadow:0 12px 30px #f9731640,0 0 15px #f9731626!important}.category-card-large[href*=GoMarket]:hover,.category-card-small[href*=GoMarket]:hover,.pill-favor:hover .category-icon-premium,.pill-gofavor:hover .category-icon-premium{border-color:#8b5cf666!important;box-shadow:0 12px 30px #8b5cf640,0 0 15px #8b5cf626!important}.category-card-small[href*=Farmacia]:hover,.pill-pharmacy:hover .category-icon-premium,.pill-farmacia:hover .category-icon-premium{border-color:#22c55e66!important;box-shadow:0 12px 30px #22c55e40,0 0 15px #22c55e26!important}.category-card-small[href*=Súper]:hover,.category-card-small[href*=Super]:hover,.category-card-small[href*=Almacén]:hover,.category-card-small[href*=Almacen]:hover,.pill-supermercado:hover .category-icon-premium,.pill-super:hover .category-icon-premium,.pill-almacen:hover .category-icon-premium{border-color:#10b98166!important;box-shadow:0 12px 30px #10b98140,0 0 15px #10b98126!important}.category-card-small[href*=Kiosco]:hover,.category-card-small[href*=Helado]:hover,.category-card-small[href*=Helader]:hover,.pill-kiosco:hover .category-icon-premium,.pill-helados:hover .category-icon-premium{border-color:#ec489966!important;box-shadow:0 12px 30px #ec489940,0 0 15px #ec489926!important}.category-card-small[href*=Mascotas]:hover{border-color:#f59e0b66!important;box-shadow:0 12px 30px #f59e0b40,0 0 15px #f59e0b26!important}.category-card-small[href*=Librería]:hover,.category-card-small[href*=Libreria]:hover{border-color:#0ea5e966!important;box-shadow:0 12px 30px #0ea5e940,0 0 15px #0ea5e926!important}.tab-pills{gap:var(--space-2);padding:var(--space-1) 0;scrollbar-width:none;display:flex;overflow-x:auto}.tab-pills::-webkit-scrollbar{display:none}.tab-pill{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:var(--color-surface);border:1.5px solid var(--color-border-light);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;min-height:36px;box-shadow:var(--shadow-xs)}.tab-pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.tab-pill.active{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:#fff;box-shadow:var(--shadow-primary);border-color:#0000}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(110deg,#e4e4e7 30%,#f4f4f5 50%,#e4e4e7 70%) 0 0/200% 100%;animation:1.6s cubic-bezier(.4,0,.2,1) infinite shimmerSweep}@keyframes shimmerSweep{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{width:100%;height:14px;margin-bottom:var(--space-2)}.skeleton-text:last-child{width:60%}.skeleton-title{width:70%;height:20px;margin-bottom:var(--space-3)}.skeleton-avatar{border-radius:50%;width:44px;height:44px}.skeleton-image{aspect-ratio:16/10;width:100%}.product-skeleton-card{background:var(--color-surface);border:1px solid var(--color-border-light);box-shadow:var(--shadow-xs);border-radius:20px;justify-content:space-between;gap:16px;height:142px;padding:16px;display:flex;position:relative;overflow:hidden}.product-skeleton-card .skeleton-title-shimmer{background:linear-gradient(90deg, var(--color-border-light) 25%, var(--color-surface-hover) 50%, var(--color-border-light) 75%);background-size:400% 100%;border-radius:6px;width:70%;height:18px;animation:1.5s ease-in-out infinite shimmer}.product-skeleton-card .skeleton-text-shimmer{background:linear-gradient(90deg, var(--color-border-light) 25%, var(--color-surface-hover) 50%, var(--color-border-light) 75%);background-size:400% 100%;border-radius:4px;width:90%;height:12px;margin-top:8px;animation:1.5s ease-in-out infinite shimmer}.product-skeleton-card .skeleton-text-shimmer-short{background:linear-gradient(90deg, var(--color-border-light) 25%, var(--color-surface-hover) 50%, var(--color-border-light) 75%);background-size:400% 100%;border-radius:4px;width:50%;height:12px;margin-top:8px;animation:1.5s ease-in-out infinite shimmer}.product-skeleton-card .skeleton-price-shimmer{background:linear-gradient(90deg, var(--color-border-light) 25%, var(--color-surface-hover) 50%, var(--color-border-light) 75%);background-size:400% 100%;border-radius:6px;width:40%;height:18px;margin-top:16px;animation:1.5s ease-in-out infinite shimmer}.product-skeleton-card .skeleton-image-shimmer{background:linear-gradient(90deg, var(--color-border-light) 25%, var(--color-surface-hover) 50%, var(--color-border-light) 75%);background-size:400% 100%;border-radius:14px;flex-shrink:0;width:110px;height:110px;animation:1.5s ease-in-out infinite shimmer}#toast-container{z-index:10005;pointer-events:none;flex-direction:column;gap:8px;max-width:calc(100vw - 48px);display:flex;position:fixed;top:24px;right:24px}.modern-toast{background:var(--color-surface);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border-light);color:var(--color-text);pointer-events:auto;cursor:pointer;opacity:0;border-radius:16px;align-items:center;min-width:260px;max-width:380px;padding:10px 16px;transition:all .5s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden;transform:translate(120%);box-shadow:0 12px 30px #0003}.modern-toast.visible{opacity:1;transform:translate(0)}.modern-toast.leaving{opacity:0;transition:all .6s cubic-bezier(.45,0,.55,1);transform:translate(150%)}.toast-content{align-items:center;gap:12px;width:100%;display:flex}.toast-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.toast-message{color:var(--color-text);flex:1;font-size:13px;font-weight:700;line-height:1.3}.toast-progress-bar{transform-origin:0;background:var(--color-primary);opacity:.6;width:100%;height:2px;position:absolute;bottom:0;left:0}.toast-success .toast-icon{color:#22c55e;background:#22c55e26}.toast-success .toast-progress-bar{background:#22c55e}.toast-error .toast-icon{color:#ef4444;background:#ef444426}.toast-error .toast-progress-bar{background:#ef4444}.toast-warning .toast-icon{color:#f59e0b;background:#f59e0b26}.toast-warning .toast-progress-bar{background:#f59e0b}.toast-info .toast-icon{color:#3b82f6;background:#3b82f626}.toast-info .toast-progress-bar{background:#3b82f6}@keyframes fadeOut{to{opacity:0;transform:translateY(-10px)}}.modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:var(--z-modal);background:#000000a6;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border-radius:28px 28px 0 0;flex-direction:column;width:100%;max-width:500px;height:88dvh;max-height:94dvh;margin:0 auto;animation:.35s cubic-bezier(.22,1,.36,1) slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 -8px 40px #0000004d}.modal-handle{background:var(--color-border);border-radius:var(--radius-full);opacity:.6;cursor:grab;width:44px;height:5px;margin:12px auto 8px}.modal-handle:active{cursor:grabbing}.modal-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.modal-title{font-family:var(--font-display);font-size:var(--font-lg);font-weight:var(--font-weight-bold)}.modal-close{border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-text-secondary);transition:all var(--transition-base);justify-content:center;align-items:center;font-size:20px;display:flex}.modal-close:hover{background:var(--color-surface-hover);color:var(--color-text)}.modal-body{padding:var(--space-5)}.modal-footer{padding:var(--space-4) var(--space-5) calc(var(--space-4) + env(safe-area-inset-bottom,28px));border-top:1px solid var(--color-border-light);gap:var(--space-3);justify-content:flex-end;display:flex}@media (width>=640px){.modal-overlay{padding:var(--space-6);align-items:center}.modal{border-radius:var(--radius-2xl);max-height:80dvh}.modal-handle{display:none}}.drawer-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-drawer);background:#0009;animation:.2s fadeIn;position:fixed;inset:0}.drawer{background:var(--color-surface);width:min(380px,90vw);box-shadow:var(--shadow-xl);z-index:calc(var(--z-drawer) + 1);flex-direction:column;animation:.3s slideLeft;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden}.drawer-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-light);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.drawer-body{padding:var(--space-4) var(--space-5);flex:1;overflow-y:auto}.drawer-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-light);flex-shrink:0}.avatar{object-fit:cover;border:2px solid var(--color-border-light);border-radius:50%;width:40px;height:40px}.avatar-sm{width:32px;height:32px}.avatar-lg{width:56px;height:56px}.avatar-xl{width:72px;height:72px}.divider{background:var(--color-divider);height:1px;margin:var(--space-4) 0}.empty-state{padding:var(--space-12) var(--space-6);text-align:center;justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.empty-state-icon{color:var(--color-text-tertiary);border-radius:var(--radius-full);background:var(--color-primary-lighter);justify-content:center;align-items:center;width:80px;height:80px;font-size:56px;line-height:1;animation:4s ease-in-out infinite float;display:flex}.empty-state-icon svg{width:40px;height:40px;stroke:var(--color-primary)}.empty-state-title{font-family:var(--font-display);font-size:var(--font-lg);font-weight:var(--font-weight-bold)}.empty-state-text{font-size:var(--font-sm);color:var(--color-text-secondary);max-width:280px}.qty-controls{border:1.5px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);align-items:center;display:flex;overflow:hidden}.qty-btn{width:36px;height:36px;color:var(--color-primary);transition:all var(--transition-base);font-size:18px;font-weight:var(--font-weight-bold);justify-content:center;align-items:center;display:flex}.qty-btn:hover{background:var(--color-primary-lighter)}.qty-value{text-align:center;width:36px;font-weight:var(--font-weight-semibold);font-size:var(--font-sm);border-left:1.5px solid var(--color-border);border-right:1.5px solid var(--color-border);line-height:36px}.qty-stepper.sm{height:28px}#notifications-drawer-container{z-index:10001;-webkit-backdrop-filter:blur();backdrop-filter:blur();visibility:hidden;background:0 0;justify-content:flex-end;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0}#notifications-drawer-container.active{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);visibility:visible;background:#000000b3}.notifications-drawer{background:var(--color-surface);width:min(440px,95vw);height:100dvh;color:var(--color-text);border-left:1px solid #ffffff0d;flex-direction:column;transition:transform .6s cubic-bezier(.22,1,.36,1);display:flex;overflow:hidden;transform:translate(100%);box-shadow:-10px 0 50px #0000004d}#notifications-drawer-container.active .notifications-drawer{transform:translate(0)}.notifications-header{background:rgba(var(--color-surface-rgb), .8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border-light);z-index:10;justify-content:space-between;align-items:center;padding:28px 24px;display:flex;position:sticky;top:0}.notifications-header h2{font-family:var(--font-display);color:var(--color-text);letter-spacing:-.03em;margin:0;font-size:1.5rem;font-weight:900}#close-notifications-btn{background:rgba(var(--color-surface-rgb), .05);width:42px;height:42px;color:var(--color-text);cursor:pointer;border:1px solid #ffffff0d;border-radius:12px;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}#close-notifications-btn:hover{background:rgba(var(--color-primary-rgb), .1);color:var(--color-primary);border-color:rgba(var(--color-primary-rgb), .2);transform:translate(3px)}.notifications-list{flex-direction:column;flex:1;gap:12px;padding:12px 16px 40px;display:flex;overflow-y:auto}.notification-item{cursor:pointer;background:#ffffff05;border:1px solid #ffffff08;border-radius:20px;gap:16px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.notification-item:hover{background:#ffffff0d;border-color:#ffffff14;transform:translateY(-2px)}.notification-item.unread{background:rgba(var(--color-primary-rgb), .03);border-color:rgba(var(--color-primary-rgb), .1)}.notification-item.unread:after{content:"";background:var(--color-primary);width:8px;height:8px;box-shadow:0 0 10px var(--color-primary);border-radius:50%;position:absolute;top:12px;right:12px}.notification-icon-box{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}.notification-item:hover .notification-icon-box{transform:scale(1.1)}.notification-content{flex:1;min-width:0}.notification-title{color:var(--color-text);white-space:normal;word-break:break-word;margin-bottom:6px;font-size:14px;font-weight:800;line-height:1.3;overflow:visible}.notification-body{color:var(--color-text-secondary);white-space:normal;word-break:break-word;margin-bottom:8px;font-size:13px;font-weight:500;line-height:1.5;overflow:visible}.notification-time{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:800}.empty-state-mini{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:80px 32px;display:flex}.empty-brand-logo{object-fit:cover;opacity:.8;border:1px solid #ffffff1a;border-radius:30px;width:100px;height:100px;margin-bottom:24px;box-shadow:0 20px 40px #0003}.empty-title{color:var(--color-text);letter-spacing:-.02em;margin-bottom:12px;font-size:20px;font-weight:900}.empty-text{color:var(--color-text-secondary);max-width:240px;font-size:14px;font-weight:500;line-height:1.6}@keyframes slideUpSubtle{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.scroll-loader{justify-content:center;padding:30px;display:flex}.spinner-mini{border:3px solid #ffffff1a;border-top-color:var(--color-primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.end-of-list{text-align:center;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.1em;padding:40px 20px;font-size:12px;font-weight:700}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin;display:inline-block}.qty-stepper.sm .qty-btn{width:28px;height:28px;font-size:14px}.qty-stepper.sm .qty-value{width:32px;font-size:var(--font-xs);line-height:28px}.rating{align-items:center;gap:2px;display:flex}.rating-star{color:var(--color-accent);font-size:14px}.rating-star.empty{opacity:.3}.search-bar{width:100%;position:relative}.search-bar input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) 48px;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-sm);color:var(--color-text);min-height:48px;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.search-bar input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), .12), var(--shadow-md)}.search-bar input::placeholder{color:var(--color-text-tertiary)}.search-bar .search-icon{color:var(--color-text-tertiary);pointer-events:none;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-bar .search-icon svg{width:20px;height:20px}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.search-suggestions-dropdown{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--color-border-light);z-index:10001;max-height:400px;padding:var(--space-2);animation:.25s cubic-bezier(.22,1,.36,1) dropdownFadeIn;display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto}.search-suggestions-dropdown.active{display:block}.search-suggestion-header{font-size:var(--font-xs);font-weight:var(--font-weight-bold);color:var(--color-text-tertiary);padding:var(--space-2) var(--space-3);text-transform:uppercase;letter-spacing:.05em}.search-suggestion-item{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);transition:all var(--transition-base);cursor:pointer;color:inherit;text-decoration:none;display:flex}.search-suggestion-item:hover{background:var(--color-surface-hover);transform:translate(4px)}.suggestion-icon-box{border-radius:var(--radius-md);background:var(--color-bg-secondary);border:1px solid var(--color-border-light);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.suggestion-icon-box svg{width:20px;height:20px;color:var(--color-text-tertiary)}.suggestion-title{font-weight:var(--font-weight-semibold);font-size:var(--font-sm);margin-bottom:2px}.suggestion-subtitle{font-size:var(--font-xs);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.suggestion-subtitle strong{color:var(--color-primary)}.search-suggestion-empty{padding:var(--space-6);text-align:center;color:var(--color-text-secondary);font-size:var(--font-sm)}.image-upload{aspect-ratio:16/10;border:2px dashed var(--color-border);border-radius:var(--radius-xl);justify-content:center;align-items:center;gap:var(--space-2);cursor:pointer;width:100%;transition:all var(--transition-base);background:var(--color-surface-hover);flex-direction:column;display:flex;position:relative;overflow:hidden}.image-upload:hover{border-color:var(--color-primary);background:var(--color-primary-lighter)}.image-upload input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.image-upload-icon{color:var(--color-text-tertiary);font-size:32px}.image-upload-text{font-size:var(--font-sm);color:var(--color-text-secondary)}.image-upload img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.logo-upload{aspect-ratio:1;border-radius:var(--radius-lg);width:80px;height:80px}.switch{background:var(--color-border);border-radius:var(--radius-full);cursor:pointer;width:48px;height:26px;transition:background var(--transition-base);flex-shrink:0;position:relative}.switch.active{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark))}.switch:after{content:"";width:20px;height:20px;transition:transform var(--transition-slow);box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.switch.active:after{transform:translate(22px)}.fab{bottom:calc(var(--navbar-height) + var(--space-4));right:var(--space-4);background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:#fff;width:56px;height:56px;box-shadow:0 4px 16px rgba(var(--color-primary-rgb), .3);z-index:var(--z-header);transition:all var(--transition-spring);border-radius:50%;justify-content:center;align-items:center;animation:2s ease-in-out infinite fabBounce;display:flex;position:fixed}.fab:hover{box-shadow:0 6px 20px rgba(var(--color-primary-rgb), .4);transform:scale(1.1)rotate(5deg)}.fab:active{transform:scale(.9)}.fab-badge{background:var(--color-danger);color:#fff;min-width:20px;height:20px;font-size:10px;font-weight:var(--font-weight-bold);border:2px solid #fff;border-radius:10px;justify-content:center;align-items:center;padding:0 4px;display:flex;position:absolute;top:-2px;right:-2px}@keyframes fabBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.stat-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-5);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}[data-theme=dark] .stat-card{background:linear-gradient(145deg, var(--color-surface), var(--color-bg-secondary));border:1px solid #ffffff0d;box-shadow:0 10px 30px #0006}[data-theme=dark] .stat-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;position:absolute;top:0;left:0;right:0}.stat-card-value{font-family:var(--font-display);font-size:var(--font-3xl);font-weight:var(--font-weight-extrabold)}.stat-card-label{font-size:var(--font-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.stat-card-icon{margin-bottom:var(--space-2);border-radius:var(--radius-lg);background:var(--color-primary-light);justify-content:center;align-items:center;width:44px;height:44px;font-size:28px;display:flex}.stat-card-icon svg{width:24px;height:24px;stroke:var(--color-primary)}.stat-card-icon.secondary{background:var(--color-secondary-light)}.stat-card-icon.secondary svg{stroke:var(--color-secondary)}.stat-card-icon.accent{background:var(--color-accent-light)}.stat-card-icon.accent svg{stroke:var(--color-accent)}.list-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);transition:background var(--transition-base);cursor:pointer;display:flex}.list-item:hover{background:var(--color-surface-hover)}.list-item-content{flex:1;min-width:0}.list-item-title{font-weight:var(--font-weight-medium);font-size:var(--font-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.list-item-subtitle{font-size:var(--font-xs);color:var(--color-text-secondary)}.list-item-action{flex-shrink:0}.product-detail-modal{margin:-20px}.product-modal-image-container{aspect-ratio:16/10;background:var(--color-bg-secondary);width:100%;position:relative}.product-modal-img{object-fit:cover;width:100%;height:100%}.product-modal-img-placeholder{background:var(--color-primary-light);width:100%;height:100%;color:var(--color-primary);justify-content:center;align-items:center;display:flex}.product-modal-info{padding:var(--space-5);border-bottom:1px solid var(--color-border-light)}.product-modal-title{font-size:var(--font-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.product-modal-desc{font-size:var(--font-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4);line-height:1.5}.product-modal-price-tag{font-size:var(--font-lg);font-weight:var(--font-weight-bold);color:var(--color-primary)}.product-modal-options{padding:var(--space-2) 0;background:var(--color-bg-secondary)}.option-group{background:var(--color-surface);margin-bottom:var(--space-3);border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light)}.option-group-header{padding:var(--space-4) var(--space-5);justify-content:space-between;align-items:flex-start;display:flex}.option-group-name{font-weight:var(--font-weight-bold);font-size:var(--font-base);align-items:center;gap:var(--space-2);display:flex}.required-badge{background:var(--color-bg-secondary);color:var(--color-text-tertiary);text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:10px}.option-group-hint{font-size:var(--font-xs);color:var(--color-text-tertiary)}.options-list{border-top:1px solid var(--color-border-light)}.option-item{padding:var(--space-4) var(--space-5);cursor:pointer;border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;transition:background .2s;display:flex}.option-item:last-child{border-bottom:none}.option-item:hover{background:var(--color-bg-secondary)}.option-item-left{align-items:center;gap:var(--space-3);display:flex}.option-checkbox{border:2px solid var(--color-border);color:#fff;justify-content:center;align-items:center;width:22px;height:22px;transition:all .2s;display:flex}.option-checkbox.single{border-radius:50%}.option-checkbox.multi{border-radius:4px}.option-checkbox.checked{background:var(--color-primary);border-color:var(--color-primary)}.option-name{font-size:var(--font-sm);font-weight:var(--font-weight-medium)}.option-price{font-size:var(--font-sm);color:var(--color-text-secondary)}.product-modal-footer{background:var(--color-surface);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-light);gap:var(--space-4);align-items:center;display:flex;position:sticky;bottom:0}.address-prompt-v3{background:var(--color-surface);border-radius:var(--radius-xl);flex-direction:column;height:90vh;max-height:850px;display:flex;overflow-y:auto}.address-map-container{background:#eee;flex-shrink:0;height:300px;min-height:200px;position:relative}#address-map-picker{width:100%;height:100%}.map-center-pin{z-index:1000;color:var(--color-primary);pointer-events:none;filter:drop-shadow(0 2px 4px #0000004d);position:absolute;top:50%;left:50%;transform:translate(-50%,-100%)}.address-prompt-body{padding:var(--space-5);background:var(--color-surface);z-index:1001;box-shadow:0 -10px 20px #0000000d}.address-prompt-title{font-family:var(--font-display);font-size:var(--font-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4)}.address-current-selection{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-primary);border-radius:var(--radius-md);color:#fff;font-size:var(--font-sm);font-weight:var(--font-weight-semibold);text-align:center;box-shadow:var(--shadow-md);border:none}.address-suggestions-list{background:var(--color-surface);z-index:2000;border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-lg);max-height:250px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.suggestion-item{padding:var(--space-3) var(--space-4);align-items:center;gap:var(--space-3);border-bottom:1px solid var(--color-border-light);cursor:pointer;transition:background .2s;display:flex}.suggestion-label{font-size:var(--font-sm);color:var(--color-text)}.product-modal-footer .qty-stepper{flex-shrink:0}.active-order-banner{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:#fff;padding:var(--space-4);border-radius:var(--radius-xl);margin:var(--space-3) var(--space-4);box-shadow:0 8px 30px rgba(var(--color-primary-rgb), .3);border:1px solid #ffffff1a;position:relative;overflow:hidden}.banner-link{align-items:center;gap:var(--space-4);color:inherit;text-decoration:none;display:flex}.banner-icon-box{border-radius:var(--radius-lg);background:#ffffff26;border:1px solid #fff3;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.banner-title{font-weight:800;font-size:var(--font-base);letter-spacing:-.01em;margin-bottom:2px}.banner-desc{opacity:.9;font-size:11px;font-weight:500;line-height:1.3}.banner-action-btn{color:var(--color-primary);border-radius:var(--radius-full);white-space:nowrap;background:#fff;padding:8px 16px;font-size:12px;font-weight:800;text-decoration:none;transition:all .2s;box-shadow:0 4px 12px #00000026}.banner-action-btn:active{transform:scale(.95)}.commerce-notification-banner{background:linear-gradient(135deg,#ff4b2b 0%,#dc2626 100%);animation:.4s cubic-bezier(.34,1.56,.64,1) bannerPop}@keyframes bannerPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulseCustom{0%,to{opacity:1}50%{opacity:.85}}.cart-bounce-active{animation:.45s cubic-bezier(.34,1.56,.64,1) both cartBounce}.comercio-sticky-header{height:calc(56px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);-webkit-backdrop-filter:blur(16px);z-index:100;opacity:0;pointer-events:none;will-change:opacity, transform;background:#ffffffd9;align-items:center;padding-left:16px;padding-right:16px;display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(-20px);box-shadow:0 4px 20px #0000000d}[data-theme=dark] .comercio-sticky-header{background:#1a1a1ad9;box-shadow:0 4px 20px #0003}.comercio-sticky-header.visible{pointer-events:auto}.app-header{z-index:var(--z-header);background:var(--header-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--header-border);padding-top:env(safe-area-inset-top,0px);flex-direction:column;display:flex;position:sticky;top:0;box-shadow:0 4px 30px #0003}#app-header{z-index:var(--z-header);padding-top:env(safe-area-inset-top,0px);flex-direction:column;display:flex;position:sticky;top:0;box-shadow:none!important;-webkit-backdrop-filter:none!important;border:none!important}.header-top{padding:var(--space-2) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-4);height:64px;color:var(--color-text);display:flex}.header-center{flex:1;max-width:500px}.header-search-bar{align-items:center;gap:var(--space-3);background:var(--header-search-bg);border-radius:var(--radius-full);padding:0 var(--space-4);border:1px solid var(--color-border);height:44px;transition:all .3s;display:flex}.header-search-bar:focus-within{background:var(--color-bg);border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-light)}.header-search-bar input{min-width:0;font-size:15px;font-weight:var(--font-weight-medium);color:var(--color-text);background:0 0;border:none;flex:1}.header-search-icon{color:var(--color-text-tertiary);align-items:center;display:flex}.header-location{padding:var(--space-2) var(--space-4);cursor:pointer;margin-bottom:var(--space-2);background:0 0;justify-content:center;align-items:center;display:flex}.location-display{align-items:center;gap:var(--space-2);background:var(--header-chip-bg);border-radius:var(--radius-full);border:1px solid var(--header-border);padding:6px 16px;transition:all .2s;display:flex}.location-display:active{background:var(--color-surface-hover);transform:scale(.96)}.location-text{font-size:13px;font-weight:var(--font-weight-bold);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.location-icon,.location-arrow{align-items:center;display:flex;color:var(--color-primary)!important}.header-location.header-location-mini{padding:0 var(--space-4);margin-bottom:var(--space-1);margin-top:-4px}.header-location.header-location-mini .location-display{box-shadow:none;background:0 0;border:none;padding:2px 10px}.header-location.header-location-mini .location-text{opacity:.7;font-size:11px;font-weight:600}.header-location.header-location-mini .location-icon svg,.header-location.header-location-mini .location-arrow svg{width:12px;height:12px}.header-logo-brand{flex-shrink:0;align-items:center;width:40px;height:40px;display:flex}.header-logo-brand img{object-fit:cover;border-radius:50%;width:100%;height:100%}.header-main{flex-direction:column;display:flex}.main-slider{width:100%;height:calc(100vh - var(--header-height));scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;background:var(--color-bg);display:flex;overflow-x:auto}.main-slider::-webkit-scrollbar{display:none}.slide-panel{scroll-snap-align:start;scroll-snap-stop:always;background:var(--color-bg);flex:0 0 100%;width:100%;min-width:0;height:100%;position:relative;overflow:hidden auto}.slide-overlay{top:var(--header-height);left:0;right:0;bottom:var(--navbar-height);background:var(--color-bg);z-index:150;pointer-events:auto;animation:.3s slideInRight;display:none;position:fixed;overflow-y:auto}.slide-overlay.active{display:block}.slide-overlay #app-content{box-sizing:border-box!important;height:auto!important;min-height:100%!important;padding-bottom:24px!important}#app-header:empty+#active-order-banner-container+#app-slider+.slide-overlay.active,.slide-overlay.panel-fullscreen,body.header-hidden .slide-overlay{z-index:1000!important;top:0!important;bottom:0!important}.hide-mobile{display:none!important}@media (width>=768px){.hide-mobile{display:flex!important}}.notifications-page{z-index:9999;width:100%;min-height:100dvh;padding-bottom:80px;position:absolute;top:0;left:0;background:var(--color-bg)!important}.notifications-header-v5{padding:var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border-light);align-items:center;gap:var(--space-4);z-index:10;display:flex;position:sticky;top:0}.v5-notif-back{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);width:42px;height:42px;color:var(--color-text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.v5-notif-back:active{transform:scale(.9)}.v5-notif-header-content{flex-direction:column;display:flex}.v5-notif-header-content h1{font-family:var(--font-display);color:var(--color-text);letter-spacing:-.02em;margin:0;font-size:1.1rem;font-weight:900;line-height:1.1}.v5-notif-header-content span{color:var(--color-text-tertiary);text-transform:uppercase;margin-top:2px;font-size:11px;font-weight:700}.notifications-container-premium{padding:var(--space-4);max-width:800px;margin:0 auto}.notifications-btn{box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;border:1px solid var(--color-border-light)!important}.notifications-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);background:var(--color-surface-hover)!important;border-color:var(--color-primary-light)!important}.notifications-btn svg{color:var(--color-text-secondary);transition:color .3s}.notifications-btn:hover svg{color:var(--color-primary)}.notification-badge{border:2px solid var(--color-surface);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:9px;font-weight:900;animation:.4s cubic-bezier(.175,.885,.32,1.275) badgePop;display:flex;position:absolute;top:-2px;right:-2px}@keyframes badgePop{0%{transform:scale(0)}60%{transform:scale(1.3)}to{transform:scale(1)}}.notif-card-premium{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-3);align-items:center;gap:var(--space-4);border:1px solid var(--color-border-light);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.notif-card-premium:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.notif-card-premium.unread{background:var(--color-primary-lighter);border-color:var(--color-primary-light)}.notif-status-indicator{background:0 0;width:4px;transition:background .3s;position:absolute;top:0;bottom:0;left:0}.notif-card-premium.unread .notif-status-indicator{background:var(--color-primary)}.notif-icon-v5{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.notif-body-v5{flex:1;min-width:0}.notif-header-row{justify-content:space-between;align-items:baseline;margin-bottom:2px;display:flex}.notif-title-v5{color:var(--color-text);font-size:15px;font-weight:800}.notif-time-v5{color:var(--color-text-tertiary);text-transform:uppercase;font-size:10px;font-weight:700}.notif-text-v5{color:var(--color-text-secondary);font-size:13px;line-height:1.4}.notif-arrow-v5{color:var(--color-text-tertiary);opacity:.5}.empty-state-rigorous{padding:var(--space-16) var(--space-8);text-align:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.empty-state-icon-box{background:var(--color-bg-secondary);width:96px;height:96px;color:var(--color-text-tertiary);margin-bottom:var(--space-4);border-radius:32px;justify-content:center;align-items:center;display:flex}.empty-state-rigorous h3{font-family:var(--font-display);font-size:var(--font-xl);font-weight:800}.empty-state-rigorous p{color:var(--color-text-secondary);font-size:var(--font-base);max-width:300px;margin:0 auto}.profile-page{padding:var(--space-6) var(--space-4);max-width:600px;margin:0 auto}.profile-header-card{background:var(--color-bg);padding:var(--space-6);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);margin-bottom:var(--space-6)}.profile-info{flex:1}.profile-name{font-family:var(--font-display);font-size:var(--font-xl);font-weight:var(--font-weight-bold);margin-bottom:2px}.profile-content{gap:var(--space-8);flex-direction:column;display:flex}.section-title-wrapper{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.address-card{align-items:flex-start;gap:var(--space-4);background:var(--color-bg);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);display:flex}.address-card-icon{color:var(--color-primary);margin-top:4px}.address-main-text{font-weight:var(--font-weight-semibold);font-size:var(--font-base);margin-bottom:4px}.address-sub-text{font-size:var(--font-sm);color:var(--color-text-secondary);line-height:1.4}.profile-item-card{align-items:center;gap:var(--space-4);background:var(--color-bg);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--color-border-light);cursor:pointer;color:inherit;margin-bottom:var(--space-3);text-decoration:none;transition:all .2s;display:flex}.profile-item-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-light);transform:translateY(-2px)}.profile-item-body{flex:1}.profile-item-label{font-weight:var(--font-weight-semibold);font-size:var(--font-base);display:block}.profile-item-desc{font-size:var(--font-xs);color:var(--color-text-secondary);margin-top:2px}.btn-danger-outline{border-color:var(--color-danger);color:var(--color-danger)}.btn-danger-outline:hover{background:var(--color-danger-light)}.btn-text{color:var(--color-primary);font-weight:var(--font-weight-bold);font-size:var(--font-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;display:flex}.header-top{padding:var(--space-2) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);height:60px;display:flex}.header-icon-btn{padding:var(--space-2);color:var(--color-text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:opacity .2s;display:flex}.header-icon-btn:hover{opacity:.7}.header-center{flex:1;min-width:0}.header-search-bar{align-items:center;gap:var(--space-2);background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:0 var(--space-3);border:1px solid var(--color-border-light);height:40px;display:flex}.header-search-bar input{min-width:0;font-size:var(--font-sm);color:var(--color-text);background:0 0;border:none;flex:1}.header-right{align-items:center;gap:var(--space-1);display:flex}.header-right .avatar{border:1px solid var(--color-border)}.header-location{padding:var(--space-2) var(--space-4);border-top:1px solid var(--color-border-light);background:var(--color-bg);cursor:pointer;transition:background .2s}.header-location:hover{background:var(--color-bg-secondary)}.location-display{justify-content:center;align-items:center;gap:var(--space-1);display:flex}.location-icon{color:var(--color-danger)}.location-text{font-size:var(--font-sm);font-weight:var(--font-weight-bold);color:var(--color-danger);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden}.location-arrow{color:var(--color-danger);margin-top:2px}.comercio-card-banner{height:140px;position:relative}.comercio-card-badge{top:var(--space-3);left:var(--space-3);border-radius:var(--radius-full);font-size:10px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;z-index:2;box-shadow:var(--shadow-sm);padding:4px 10px;position:absolute;right:auto}.comercio-card-badge.open{background:var(--color-success);color:#fff}.comercio-card-badge.closed{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009}.comercio-card-badge.paused{background:var(--color-danger);color:#fff;animation:2s infinite badgePulse;box-shadow:0 0 15px #e31b2366}@keyframes badgePulse{0%{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.comercio-card.is-paused{filter:grayscale(.5);opacity:.8;cursor:not-allowed}.comercio-card.is-paused .comercio-card-banner img{filter:brightness(.6)}.badge-success{background:var(--color-success-light);color:var(--color-success)}.badge-danger{background:var(--color-danger-light);color:var(--color-danger)}.address-prompt{padding:var(--space-6);text-align:center}.address-illustration{width:140px;height:auto;margin:0 auto var(--space-4);filter:drop-shadow(0 10px 20px #0000001a)}.address-prompt-title{font-family:var(--font-display);font-size:var(--font-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2);color:var(--color-text)}.address-prompt-subtitle{font-size:var(--font-sm);color:var(--color-text-secondary);margin-bottom:var(--space-8);max-width:320px;margin-left:auto;margin-right:auto;line-height:1.5}.address-input-container{margin-bottom:var(--space-3);width:100%}.address-input-wrapper{align-items:center;gap:var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:0 var(--space-4);border:1px solid var(--color-border-light);height:56px;transition:all .2s;display:flex}.address-input-wrapper:focus-within{border-color:var(--color-primary);background:var(--color-bg);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb), .1)}.address-input-wrapper input{font-size:var(--font-base);color:var(--color-text);background:0 0;border:none;outline:none;flex:1}.address-input-icon{color:var(--color-text-tertiary);display:flex}.address-input-container{position:relative}.address-suggestions-list{background:var(--color-bg);border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-lg);z-index:10;border:1px solid var(--color-border-light);border-top:none;max-height:250px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.address-suggestions-list:empty{display:none}.suggestion-item{padding:var(--space-3) var(--space-4);align-items:center;gap:var(--space-3);cursor:pointer;border-bottom:1px solid var(--color-border-light);text-align:left;transition:background .2s;display:flex}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:var(--color-bg-secondary)}.suggestion-icon{color:var(--color-text-secondary);flex-shrink:0}.suggestion-label{font-size:var(--font-sm);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bottom-nav{background:var(--color-surface);border-top:1px solid var(--footer-border);height:calc(var(--navbar-height) + env(safe-area-inset-bottom,20px) + 12px);padding-bottom:calc(env(safe-area-inset-bottom,20px) + 12px);z-index:var(--z-navbar);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 30px #0000000d}.nav-item{padding:var(--space-2) var(--space-3);color:var(--footer-item-inactive);font-size:11px;font-weight:var(--font-weight-semibold);transition:all var(--transition-base);cursor:pointer;-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;gap:3px;min-width:68px;display:flex;position:relative}.nav-item.active{color:var(--color-primary)}.nav-item.active:after{content:"";background:var(--color-primary);border-radius:50%;width:4px;height:4px;animation:.3s forwards popIn;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.nav-item-icon{transition:transform var(--transition-spring);justify-content:center;align-items:center;font-size:22px;line-height:1;display:flex;position:relative}.nav-item-icon svg{width:24px;height:24px}.nav-item-badge{background:var(--color-primary);color:#fff;border:2px solid var(--footer-bg);border-radius:10px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:800;display:flex;position:absolute;top:-6px;right:-8px;box-shadow:0 2px 5px #0003}.nav-item.active .nav-item-icon{animation:.4s navBounce;transform:scale(1.1)}.back-btn{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-4);cursor:pointer;transition:color var(--transition-base);display:inline-flex}.back-btn svg{width:18px;height:18px}.back-btn:hover{color:var(--color-primary)}.home-page{animation:.3s fadeIn;padding-bottom:calc(var(--navbar-height) + env(safe-area-inset-bottom,0px) + 4px)!important}.home-hero{background:var(--color-bg);padding:12px 20px 16px;position:relative}.home-hero h1{font-family:var(--font-display);letter-spacing:-.04em;color:var(--color-text);margin-bottom:2px;font-size:26px;font-weight:950;line-height:1.1}.home-hero p{color:var(--color-text-tertiary);margin:0;font-size:14px;font-weight:600}.search-bar:focus-within input{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), .12), var(--shadow-md);transform:translateY(-1px)}.home-section{padding:var(--space-4)}.home-section-title{font-family:var(--font-display);font-size:var(--font-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3);align-items:center;gap:var(--space-2);display:flex}.home-section-title svg{width:22px;height:22px;color:var(--color-primary)}.category-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;padding:0 16px;display:grid}.category-card-large{cursor:pointer;height:160px;box-shadow:var(--shadow-sm);transition:transform var(--transition-spring), box-shadow var(--transition-spring), border-color var(--transition-fast);background:#eff2f5;border-radius:24px;flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:relative;overflow:hidden;border:1px solid var(--color-border-light)!important;padding:0!important}.category-card-large:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000 50%,#0f172a1a 78%,#0f172a8c 100%);position:absolute;inset:0}.category-card-large:hover{transform:translateY(-4px)scale(1.01);box-shadow:0 15px 30px #0f172a14,0 0 15px #e11d480f;border-color:#e11d4833!important}.category-card-large:active{box-shadow:var(--shadow-xs);transform:scale(.96)}.category-card-large img{object-fit:cover;object-position:center 70%;width:100%;height:100%;transition:transform .45s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0}.category-card-large .card-title{color:#fff;z-index:2;text-align:center;text-shadow:0 1px 3px #0000004d;letter-spacing:-.01em;margin-bottom:12px;font-size:16px;font-weight:800}.category-row-small{scrollbar-width:none;gap:10px;margin-top:4px;padding:16px;display:flex;overflow-x:auto}.category-row-small::-webkit-scrollbar{display:none}.category-card-small{background:var(--color-surface);cursor:pointer;height:130px;box-shadow:var(--shadow-sm);transition:transform var(--transition-spring), box-shadow var(--transition-spring), border-color var(--transition-fast);border-radius:24px;flex-direction:column;flex:0 0 100px;justify-content:flex-end;align-items:center;display:flex;position:relative;overflow:hidden;border:1px solid var(--color-border-light)!important;padding:0!important}.category-card-small:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000 60%,#0f172a14 82%,#0f172a73 100%);position:absolute;inset:0}.category-card-small:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 12px 24px #0f172a14,0 0 12px #e11d480d;border-color:#e11d4833!important}.category-card-small:active{box-shadow:var(--shadow-xs);transform:scale(.95)}.category-card-small img{object-fit:cover;width:100%;height:100%;transition:transform .45s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0}.category-card-small:hover img{transform:scale(1.06)}.category-card-small .card-icon i{color:var(--color-primary);z-index:2;font-size:40px}.category-card-small .card-title{color:#fff;text-align:center;z-index:2;text-shadow:0 1px 3px #0000004d;letter-spacing:-.01em;margin-bottom:10px;font-size:12px;font-weight:800}.comercio-page{padding-bottom:calc(var(--navbar-height) + var(--space-4));background:var(--color-bg);min-height:100%;animation:.3s fadeIn}.comercio-header{aspect-ratio:16/8;background:#000;width:100%;position:relative;overflow:hidden}.comercio-header img{object-fit:contain;object-position:center;width:100%;height:100%}.comercio-header-overlay{background:linear-gradient(#0000 40%,#0b112199);position:absolute;inset:0}.comercio-header-back{top:calc(var(--space-5) + env(safe-area-inset-top,0px));left:var(--space-3);color:#333;-webkit-backdrop-filter:blur(10px);cursor:pointer;width:40px;height:40px;transition:all var(--transition-base);z-index:5;box-shadow:var(--shadow-sm);background:#ffffffe6;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}[data-theme=dark] .comercio-header-back{color:#fff;background:#00000080;border-color:#ffffff1a}.comercio-header-back:hover{box-shadow:var(--shadow-md);background:#fff;transform:scale(1.05)}[data-theme=dark] .comercio-header-back:hover{background:#000c}.comercio-info{padding:var(--space-4);margin-top:-30px;position:relative}.comercio-info-meta{gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-light);flex-direction:column;display:flex}.meta-row{align-items:center;gap:var(--space-3);color:var(--color-text-secondary);font-size:var(--font-sm);display:flex}.meta-icon{color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.meta-text{line-height:1.4}.comercio-info-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light)}.comercio-detail-logo{object-fit:cover;border:3px solid var(--color-surface);z-index:2;background:#fff;border-radius:50%;flex-shrink:0;width:64px;height:64px;margin-top:-36px;box-shadow:0 8px 20px #0000001f;padding:2px!important}.comercio-card{border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--color-border-light);cursor:pointer;transform-style:preserve-3d;flex-direction:column;transition:transform .4s cubic-bezier(.165,.84,.44,1),box-shadow .4s cubic-bezier(.165,.84,.44,1),border-color .3s;display:flex;overflow:hidden;transform:perspective(1000px)rotateX(0)rotateY(0)translateZ(0);box-shadow:0 4px 14px #0f172a05}.comercio-card:hover{border-color:rgba(var(--color-primary-rgb), .25);box-shadow:0 20px 40px #0f172a14, 0 0 20px rgba(var(--color-primary-rgb), .04);transform:perspective(1000px)translateY(-8px)rotateX(2deg)rotateY(-1deg)translateZ(10px)}.comercio-card:active{transform:perspective(1000px)translateY(-2px)rotateX(1deg)rotateY(0)scale(.97);box-shadow:0 8px 16px #0f172a0a}.comercio-card-banner{aspect-ratio:16/9;background:var(--color-primary-light);width:100%;position:relative;overflow:hidden}.comercio-card-banner>img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.comercio-card-logo-container{bottom:var(--space-2)!important;left:var(--space-2)!important;z-index:5!important;width:48px!important;height:48px!important;box-shadow:var(--shadow-md)!important;background:0 0!important;border:2px solid #fff!important;border-radius:50%!important;padding:0!important;position:absolute!important;overflow:hidden!important}.comercio-card-logo{object-fit:cover!important;width:100%!important;height:100%!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:50%!important;padding:0!important;display:block!important;position:static!important}.comercio-card-logo svg{width:24px;height:24px}.comercio-card-body{padding:var(--space-6) var(--space-4) var(--space-4);position:relative}.comercio-card-name{font-family:var(--font-display);font-size:var(--font-lg);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:2px}.comercio-card-footer{gap:var(--space-1);margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--color-border-light);flex-direction:column;display:flex}.comercio-card-schedule{font-size:var(--font-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);align-items:center;gap:4px;line-height:1.3;display:flex}.product-card{justify-content:space-between;gap:var(--space-4);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border-light);cursor:pointer;border-radius:20px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 4px 12px #00000008}.product-card:hover{border-color:var(--color-primary-light);transform:translateY(-3px);box-shadow:0 10px 25px #00000014}.product-card-img{object-fit:cover;border:1px solid var(--color-border-light);background:#fff;border-radius:14px;width:100%;height:100%;transition:transform .3s}.product-card:hover .product-card-img{transform:scale(1.02)}.product-card-info{flex-direction:column;flex:1;justify-content:space-between;min-width:0;display:flex}.product-card-price{font-family:var(--font-display);color:var(--color-text);font-size:16px;font-weight:900}.product-card-add{background:var(--color-primary);color:#fff;border:2px solid var(--color-surface);cursor:pointer;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:-6px;right:-6px;box-shadow:0 4px 10px #00000026}.product-card-add:hover{background:var(--color-primary-dark);box-shadow:0 6px 14px rgba(var(--color-primary-rgb), .25);transform:scale(1.1)}.panel-product-card{align-items:center;gap:var(--space-4);padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border-light);border-left:5px solid var(--color-primary);box-shadow:var(--shadow-sm);transition:all var(--transition-base);margin-bottom:var(--space-3);display:flex;position:relative;overflow:hidden}.panel-product-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-light);transform:translate(4px)}.panel-product-card.unavailable{border-left-color:var(--color-text-tertiary)}.panel-product-card-img{border-radius:var(--radius-lg);object-fit:cover;background:var(--color-bg-secondary);flex-shrink:0;width:80px;height:80px}.panel-product-card-info{flex:1;min-width:0}.panel-product-card-name{font-weight:var(--font-weight-bold);font-size:var(--font-base);color:var(--color-text);margin-bottom:2px}.panel-product-card-desc{font-size:var(--font-xs);color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;display:-webkit-box;overflow:hidden}.panel-product-card-price{font-weight:var(--font-weight-extrabold);color:var(--color-primary);font-size:var(--font-sm)}.panel-product-card-actions{gap:var(--space-1);padding-left:var(--space-3);border-left:1px solid var(--color-border-light);flex-direction:column;flex-shrink:0;display:flex}.panel-product-card-actions .btn-ghost{width:36px;height:36px;min-height:36px;color:var(--color-text-secondary);border-radius:var(--radius-md);padding:0}.panel-product-card-actions .btn-ghost:hover{background:var(--color-primary-light);color:var(--color-primary)}.panel-product-card-actions .btn-ghost.delete:hover{background:var(--color-danger-light);color:var(--color-danger)}.qty-stepper{align-items:center;gap:var(--space-1);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);height:32px;padding:2px;display:flex}.qty-btn{border-radius:var(--radius-md);width:26px;height:26px;color:var(--color-text);cursor:pointer;transition:all var(--transition-base);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.qty-btn:hover{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-xs)}.qty-value{font-size:var(--font-sm);font-weight:var(--font-weight-bold);text-align:center;-webkit-user-select:none;user-select:none;min-width:20px}.product-card-desc{font-size:var(--font-xs);color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.8em;margin-top:2px;line-height:1.4;display:-webkit-box;overflow:hidden}.cart-page{padding:var(--space-4);padding-bottom:calc(var(--navbar-height) + var(--space-4));animation:.3s fadeIn}.cart-page-title{font-family:var(--font-display);font-size:var(--font-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-5);align-items:center;gap:var(--space-2);display:flex}.cart-item{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border-light);margin-bottom:var(--space-3);box-shadow:var(--shadow-xs);animation:.4s backwards slideInUp;display:flex}.cart-item-img{border-radius:var(--radius-lg);object-fit:cover;width:72px;height:72px}.cart-item-info{flex:1;min-width:0}.cart-item-price{font-weight:var(--font-weight-bold);color:var(--color-primary-dark);font-size:var(--font-sm)}.cart-item-remove{padding:var(--space-2);color:var(--color-text-tertiary);transition:color var(--transition-base);cursor:pointer;background:0 0;border:none}.cart-item-remove:hover{color:var(--color-danger)}.cart-summary{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-4);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);background:linear-gradient(to bottom right, var(--color-surface), #00d67f05)}.cart-summary-total{margin-top:var(--space-3);padding-top:var(--space-3);border-top:2px dashed var(--color-border-light);color:var(--color-text);font-weight:var(--font-weight-bold);font-size:var(--font-base);justify-content:space-between;display:flex}.profile-page,.admin-page{padding:var(--space-4);padding-bottom:calc(var(--navbar-height) + var(--space-4));animation:.3s fadeIn}.panel-page{padding:0;animation:.3s fadeIn}.profile-header-card{background:var(--color-surface);border-radius:var(--radius-2xl);padding:var(--space-6) var(--space-5);margin-bottom:var(--space-6);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);gap:var(--space-4);flex-direction:column;display:flex;position:relative;overflow:hidden}.profile-header-top{align-items:center;gap:var(--space-4);display:flex}.profile-info{flex:1;min-width:0}.profile-name{font-family:var(--font-display);font-size:var(--font-xl);font-weight:var(--font-weight-extrabold);color:var(--color-text);margin-bottom:2px}.profile-email{font-size:var(--font-sm);color:var(--color-text-tertiary)}.address-card{align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--color-surface);border-radius:var(--radius-2xl);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);display:flex}.address-card-icon{border-radius:var(--radius-xl);background:var(--color-primary-lighter);width:48px;height:48px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.address-card-content{flex:1;min-width:0}.address-main-text{font-weight:var(--font-weight-bold);font-size:var(--font-sm);color:var(--color-text);line-height:1.4}.address-sub-text{font-size:var(--font-xs);color:var(--color-text-tertiary);margin-top:2px}.profile-section{margin-bottom:var(--space-6)}.section-title-wrapper{padding:0 var(--space-1) var(--space-3) var(--space-1);justify-content:space-between;align-items:center;display:flex}.profile-card{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);overflow:hidden;box-shadow:0 2px 12px #0000000a}.profile-item-card{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);transition:all var(--transition-base);cursor:pointer;background:var(--color-surface);display:flex}.profile-item-card:not(:last-child){border-bottom:1px solid var(--color-border-lighter)}.profile-item-card:hover{background:var(--color-surface-hover)}.profile-item-icon-box{border-radius:var(--radius-xl);background:var(--color-bg-secondary);width:42px;height:42px;color:var(--color-text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-item-body{flex:1;min-width:0}.profile-item-label{font-weight:var(--font-weight-bold);font-size:var(--font-base);color:var(--color-text);display:block}.profile-item-desc{font-size:var(--font-xs);color:var(--color-text-tertiary)}.admin-dashboard-title{font-family:var(--font-display);font-size:1.5rem;font-weight:var(--font-weight-extrabold);align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);color:var(--color-text);white-space:nowrap;display:flex}.admin-header-nav{margin-bottom:var(--space-4)}.back-link{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-sm);font-weight:var(--font-weight-medium);transition:color .2s;display:inline-flex}.back-link:hover{color:var(--color-primary)}.admin-menu-arrow{color:var(--color-text-tertiary);transition:transform .2s;display:flex}.admin-menu-item:hover .admin-menu-arrow{color:var(--color-primary);transform:translate(4px)}.admin-menu-item.highlight{border-left:4px solid var(--color-primary);background:var(--color-primary-lighter)}.admin-stats-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=480px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.admin-dashboard-title{font-size:1.25rem}}.admin-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-4);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.admin-menu-item{align-items:center;gap:var(--space-4);background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border-light);cursor:pointer;box-shadow:var(--shadow-sm);color:inherit;margin-bottom:12px;padding:16px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}[data-theme=dark] .admin-menu-item{background:var(--color-surface);border-color:#ffffff0d;box-shadow:0 4px 20px #0003}.admin-menu-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);background:var(--color-surface-hover);transform:translateY(-2px)}[data-theme=dark] .admin-menu-item:hover{background:linear-gradient(135deg, var(--color-surface-hover), var(--color-surface));box-shadow:0 10px 30px #0006}.admin-menu-icon{background:var(--color-bg-secondary);width:48px;height:48px;color:var(--color-text);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}[data-theme=dark] .admin-menu-icon{background:#ffffff08;border:1px solid #ffffff0d}.admin-menu-item:hover .admin-menu-icon{background:var(--color-primary-light);color:var(--color-primary);transform:scale(1.1)}.admin-menu-text{flex:1;min-width:0}.admin-menu-title{font-family:var(--font-display);color:var(--color-text);margin-bottom:2px;font-size:16px;font-weight:800}.admin-menu-desc{color:var(--color-text-secondary);font-size:12px}.commerce-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}.commerce-order-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);align-items:center;gap:var(--space-4);cursor:pointer;box-shadow:var(--shadow-sm);transition:all .2s;display:flex}.commerce-order-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.commerce-order-info{flex:1}.commerce-order-name{font-family:var(--font-display);font-size:var(--font-base);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1)}.commerce-order-stats{gap:var(--space-2);display:flex}.stat-pill{background:var(--color-bg-secondary);color:var(--color-text-secondary);border-radius:var(--radius-full);font-size:10px;font-weight:var(--font-weight-semibold);padding:2px 8px}.stat-pill.warning{background:var(--color-primary-lighter);color:var(--color-primary)}.commerce-order-values{text-align:right;padding-right:var(--space-4);border-right:1px solid var(--color-border)}.value-label{color:var(--color-text-tertiary);text-transform:uppercase;font-size:10px}.value-amount{font-family:var(--font-display);font-weight:var(--font-weight-extrabold);color:var(--color-primary);font-size:var(--font-base)}.orders-overlay{background:var(--color-bg);z-index:2000;padding-bottom:80px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;inset:0;overflow-y:auto;transform:translate(100%)}.orders-overlay.active{transform:translate(0)}.orders-detail-content{max-width:800px;padding:var(--space-6) var(--space-4);margin:0 auto}.detail-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-8);display:flex}.close-detail-btn{background:var(--color-bg-secondary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:var(--font-weight-bold);cursor:pointer;align-items:center;gap:var(--space-2);border:none;display:flex}.detail-title{font-family:var(--font-display);font-size:var(--font-xl);font-weight:var(--font-weight-extrabold)}.detail-summary-cards{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:1fr 1fr;display:grid}.mini-stat{background:var(--color-surface);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.mini-stat.highlight{background:var(--color-primary-lighter);border-color:var(--color-primary)}.mini-stat label{text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:4px;font-size:10px;display:block}.mini-stat value{font-family:var(--font-display);font-size:var(--font-lg);font-weight:var(--font-weight-extrabold);color:var(--color-text)}.mini-stat.highlight value{color:var(--color-primary)}.order-item-row{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2);border:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.order-item-main{flex:1}.order-item-top{align-items:center;gap:var(--space-2);margin-bottom:2px;display:flex}.order-id{font-family:var(--font-display);font-weight:var(--font-weight-extrabold)}.order-date{color:var(--color-text-tertiary);font-size:10px}.order-customer{font-weight:var(--font-weight-bold);font-size:var(--font-sm);align-items:center;gap:4px;margin-bottom:4px;display:flex}.order-items-list{flex-wrap:wrap;gap:4px;display:flex}.order-item-price{text-align:right;flex-direction:column;justify-content:center;display:flex}.price-total{font-weight:var(--font-weight-extrabold);font-size:var(--font-base);line-height:1}.price-commission{color:var(--color-primary);margin-top:2px;font-size:9px}@media (width<=600px){.detail-summary-cards{grid-template-columns:1fr}.order-item-row{align-items:flex-start;gap:var(--space-3);flex-direction:column}.order-item-price{text-align:left;width:100%;padding-top:var(--space-2);border-top:1px solid var(--color-border-lighter)}}.login-page{min-height:calc(100dvh - var(--header-height));padding:var(--space-6);text-align:center;justify-content:center;align-items:center;gap:var(--space-6);background:linear-gradient(160deg, #00d67f0d 0%, var(--color-bg) 50%, #6c5ce70d 100%);flex-direction:column;display:flex}.login-card{background:var(--color-surface);border-radius:var(--radius-2xl);padding:var(--space-8) var(--space-6);box-shadow:var(--shadow-xl);border:1px solid var(--color-border-light);flex-direction:column;align-items:center;width:100%;max-width:400px;display:flex}.login-logo{width:100px;height:100px;margin-bottom:var(--space-6);object-fit:cover;box-shadow:var(--shadow-lg);border:4px solid var(--color-surface);background:#fff}.circular-logo{border-radius:50%;overflow:hidden}@keyframes slideInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.comercios-grid,.products-grid{gap:var(--space-4);padding:0 var(--space-4);margin-top:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=768px){.bottom-nav{display:none}.home-page,.comercio-page,.cart-page,.profile-page,.admin-page,.panel-page{max-width:900px;padding:var(--space-8);margin:0 auto}.comercios-grid{grid-template-columns:repeat(3,1fr)}.category-grid{grid-template-columns:repeat(3,1fr)!important}.gofavor-card-desktop{display:flex!important}.gofavor-banner-mobile{display:none!important}.products-grid{grid-template-columns:repeat(2,1fr)}.comercio-header{aspect-ratio:16/5}}[data-theme=dark] .cart-summary{background:linear-gradient(to bottom right, var(--color-surface), #00d67f0d)}.product-card-add.success{background:var(--color-primary);box-shadow:0 0 15px var(--color-primary);transform:scale(1.1)}.pending-notification-banner{margin:var(--space-4) var(--space-4);color:#fff;padding:var(--space-4) var(--space-5);border-radius:var(--radius-2xl);background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);border:1px solid #ffffff1a;position:relative;overflow:hidden;box-shadow:0 10px 25px #e74c3c4d}.pending-notification-banner:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.notification-content{align-items:center;gap:var(--space-5);z-index:1;display:flex;position:relative}.notification-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #fff3;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.notification-text{flex:1}.notification-text strong{font-size:var(--font-base);font-weight:var(--font-weight-bold);letter-spacing:-.01em;margin-bottom:2px;display:block}.notification-text p{opacity:.9;font-size:13px;line-height:1.3}.order-item-tag{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-xs);margin-bottom:4px;margin-right:4px;padding:4px 10px;display:inline-block}.pending-order-row{background:rgba(var(--color-warning-rgb), .03);border-left:4px solid var(--color-warning)!important}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.btn-white{color:#c0392b;font-weight:var(--font-weight-bold);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-sm);box-shadow:var(--shadow-sm);white-space:nowrap;background:#fff;border:none;justify-content:center;align-items:center;min-width:110px;transition:all .2s;display:inline-flex}.btn-white:hover{box-shadow:var(--shadow-md);background:#f8f9fa;transform:translateY(-2px)}.btn-white:active{transform:translateY(0)}.profile-orders-scroll{gap:var(--space-4);padding:var(--space-2) 0 var(--space-4) 0;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;display:flex;overflow-x:auto}.profile-orders-scroll::-webkit-scrollbar{display:none}.profile-order-card-mini{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-5);scroll-snap-align:start;color:inherit;gap:var(--space-3);box-shadow:var(--shadow-sm);flex-direction:column;flex:0 0 260px;text-decoration:none;transition:all .2s;display:flex}.profile-order-card-mini:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.profile-order-card-mini.active-order-standout{border-color:var(--color-primary);background:linear-gradient(135deg, var(--color-surface), #e31b2308);animation:2s infinite borderPulse;box-shadow:0 4px 20px #e31b2314}@keyframes borderPulse{0%,to{border-color:#e31b2333}50%{border-color:#e31b2399}}.order-card-header{justify-content:space-between;align-items:flex-start;display:flex}.order-card-store{font-weight:var(--font-weight-bold);font-size:var(--font-base);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;max-width:140px;overflow:hidden}.profile-section-title{font-family:var(--font-display);font-weight:var(--font-weight-extrabold);color:var(--color-text);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.05em;font-size:1.15rem}.profile-section-desc{color:var(--color-text-tertiary);margin-bottom:var(--space-5);font-size:.85rem;line-height:1.5;display:block}.order-card-price{font-family:var(--font-display);font-weight:var(--font-weight-extrabold);color:var(--color-text);margin:var(--space-1) 0;font-size:1.25rem}.order-card-footer{border-top:1px solid var(--color-border-lighter);padding-top:var(--space-3);justify-content:space-between;align-items:center;display:flex}.order-card-date{font-size:var(--font-xs);color:var(--color-text-tertiary)}.order-card-id{font-size:var(--font-xs);font-weight:var(--font-weight-bold);color:var(--color-primary)}.profile-order-card-mini .confirm-receipt-btn{width:100%;padding:var(--space-2);font-size:var(--font-xs);border-radius:var(--radius-lg);margin-top:var(--space-1)}#active-order-banner-container{bottom:calc(var(--navbar-height) + var(--space-3));z-index:2000;pointer-events:none;justify-content:flex-end;height:0;padding:0;display:flex;position:fixed;left:0;right:0;overflow:visible}#active-order-banner-container:not(.active){display:none}#active-order-banner-container.active{pointer-events:none;display:flex}.active-order-banner{pointer-events:auto;border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(20px);border:none;width:100%;max-width:500px;position:relative;overflow:hidden;box-shadow:0 12px 40px #0000004d,inset 0 0 0 1px #fff3}.banner-link{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);color:#fff;text-decoration:none;display:flex}.banner-icon-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #fff3;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.banner-body{flex:1;min-width:0}.banner-title{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:2px;font-size:15px;font-weight:800}.banner-desc{opacity:.9;font-size:12px;line-height:1.3}.banner-code{margin-top:var(--space-2);border-radius:var(--radius-md);background:#0003;align-items:center;gap:8px;padding:4px 10px;font-family:monospace;font-size:13px;font-weight:800;display:inline-flex}.banner-code span{color:#fff;letter-spacing:2px}.banner-arrow{opacity:.6}.banner-pending{background:linear-gradient(135deg,#ffb703e6 0%,#fb8500f2 100%)}.banner-confirmed{background:linear-gradient(135deg,#00b4d8e6 0%,#0077b6f2 100%)}.banner-delivering{background:linear-gradient(135deg,#06d6a0e6 0%,#059669f2 100%)}.banner-delivery-active{background:linear-gradient(135deg,#4f46e5 0%,#3730a3 100%);border:1px solid #ffffff4d}@media (width>=768px){#active-order-banner-container{bottom:var(--space-6);right:var(--space-6);width:380px;padding:0;left:auto}}.chip{border-radius:var(--radius-full);background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-secondary);white-space:nowrap;cursor:pointer;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.chip:hover{background:var(--color-surface-hover);border-color:var(--color-text-tertiary)}.chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 4px 12px #e31b234d}[data-theme=dark] .chip{background:var(--color-surface);border-color:#333}[data-theme=dark] .chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}@media (width>=1024px){.comercios-grid{gap:var(--space-6)!important;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important}.product-grid{gap:var(--space-6)!important;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important}.cart-container{gap:var(--space-8)!important;max-width:var(--max-width)!important;padding:var(--space-8) var(--space-4)!important;box-sizing:border-box!important;grid-template-columns:1fr 400px!important;align-items:stretch!important;height:100%!important;margin:0 auto!important;display:grid!important;overflow:hidden!important}.cart-scroll-area{height:100%!important;overflow-y:auto!important}.cart-fixed-footer{border-radius:var(--radius-2xl)!important;border:1px solid var(--color-border-light)!important;box-shadow:var(--shadow-lg)!important;flex-direction:column!important;justify-content:space-between!important;max-height:100%!important;display:flex!important;position:relative!important;top:auto!important;bottom:auto!important;overflow-y:auto!important}}.product-card{transition:transform var(--transition-spring), box-shadow var(--transition-base)!important}.product-card:hover{box-shadow:var(--shadow-xl)!important;transform:translateY(-6px)scale(1.01)!important}:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}#page-cart{height:calc(100dvh - var(--header-height) - var(--navbar-height))!important;overflow-y:hidden!important}.cart-container{background:var(--color-bg);flex-direction:column;display:flex;overflow:hidden;height:calc(100dvh - var(--header-height) - var(--navbar-height))!important}@media (width<=768px){#page-cart,.cart-container{height:calc(100dvh - (98px + env(safe-area-inset-top,0px)) - var(--navbar-height,60px))!important}}.cart-scroll-area{padding:var(--space-4);flex:1;scrollbar-width:thin!important;scrollbar-color:var(--color-border) transparent!important;overflow-y:auto!important}.cart-scroll-area::-webkit-scrollbar{width:6px!important;height:6px!important;display:block!important}.cart-scroll-area::-webkit-scrollbar-track{border-radius:var(--radius-full)!important;background:#00000008!important}.cart-scroll-area::-webkit-scrollbar-thumb{background:var(--color-border)!important;border-radius:var(--radius-full)!important}.cart-scroll-area::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)!important}.cart-fixed-footer{background:var(--color-bg-card);border-top:1px solid var(--color-border-light);padding:var(--space-4) var(--space-4) calc(var(--space-2) + env(safe-area-inset-bottom,0)) var(--space-4);z-index:100;border-radius:24px 24px 0 0;flex-shrink:0;box-shadow:0 -10px 40px #0000000d}.delivery-finances-v3{gap:var(--space-6);padding-bottom:var(--space-8);flex-direction:column;display:flex}.debt-card-v3{background:var(--color-surface);padding:var(--space-6);border:1px solid var(--color-border-light);box-shadow:var(--shadow-lg);text-align:center;border-radius:28px;position:relative;overflow:hidden}.debt-card-v3.debt-warning{background:linear-gradient(135deg, var(--color-surface), #e31b2305);border-color:#e31b2333}.debt-header{justify-content:center;align-items:center;gap:var(--space-3);color:var(--color-text-tertiary);margin-bottom:var(--space-3);font-size:14px;font-weight:600;display:flex}.debt-icon{background:var(--color-bg-secondary);width:44px;height:44px;color:var(--color-primary);border-radius:14px;justify-content:center;align-items:center;display:flex}.debt-amount{font-family:var(--font-display);color:var(--color-text);margin-bottom:var(--space-2);letter-spacing:-.04em;font-size:3rem;font-weight:900}.debt-note{color:var(--color-text-tertiary);max-width:240px;margin:0 auto;font-size:12px;line-height:1.5}.payment-instructions-v3{background:var(--color-surface);padding:var(--space-6);border:1px solid var(--color-border-light);border-radius:28px}.payment-instructions-v3 h3{font-family:var(--font-display);margin-bottom:var(--space-3);font-size:1.1rem;font-weight:800}.payment-instructions-v3 p{color:var(--color-text-secondary);margin-bottom:var(--space-5);font-size:14px;line-height:1.5}.payment-details-box{background:var(--color-bg-secondary);padding:var(--space-5);gap:var(--space-4);margin-bottom:var(--space-5);border:1px dashed var(--color-border);border-radius:20px;flex-direction:column;display:flex}.detail-row{flex-direction:column;gap:2px;display:flex}.detail-row span{color:var(--color-text-tertiary);text-transform:uppercase;font-size:10px;font-weight:800}.detail-row strong{color:var(--color-text);word-break:break-all;font-size:15px}.payment-info-footer{gap:var(--space-3);padding:var(--space-4);background:rgba(var(--color-primary-rgb), .05);color:var(--color-primary);border-radius:16px;font-size:11px;font-weight:600;line-height:1.5;display:flex}.app-incentive-banner{background:linear-gradient(135deg, var(--color-primary) 0%, #b91c1c 100%);margin:0 var(--space-5) var(--space-8);border-radius:28px;padding:24px;position:relative;overflow:hidden;box-shadow:0 20px 40px #e31b2340,0 10px 15px #0000001a}.app-incentive-banner:before{content:"";filter:blur(30px);pointer-events:none;background:radial-gradient(circle,#fff3 0%,#0000 70%);width:250px;height:250px;position:absolute;top:-50%;right:-20%}.app-incentive-banner:after{content:"";filter:blur(20px);background:#ffffff0d;border-radius:50%;width:100px;height:100px;position:absolute;bottom:-20px;left:-20px}.incentive-content{z-index:2;align-items:center;gap:20px;display:flex;position:relative}.incentive-icon-box{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;background:#fff3;border:1px solid #ffffff4d;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 8px 24px #e31b234d}.incentive-text{flex:1}.incentive-text h3{font-family:var(--font-display);color:#fff;letter-spacing:-.01em;margin-bottom:6px;font-size:1.1rem;font-weight:900;line-height:1.2}.incentive-text p{color:#ffffff80;margin:0;font-size:13px;font-weight:500;line-height:1.5}.incentive-badge{background:rgba(var(--color-primary-rgb), .1);color:var(--color-primary);text-transform:uppercase;letter-spacing:.08em;border:1px solid rgba(var(--color-primary-rgb), .2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:100px;padding:4px 12px;font-size:10px;font-weight:900;position:absolute;top:16px;right:16px}.settings-list{flex-direction:column;display:flex}.settings-row{color:var(--color-text);border-bottom:1px solid var(--color-border-light);cursor:pointer;align-items:center;gap:16px;padding:16px 20px;text-decoration:none;transition:all .2s;display:flex}.settings-row:last-child{border-bottom:none}.settings-row:active{background:var(--color-bg-secondary)}.settings-icon-box{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.settings-label{color:var(--color-text);flex:1;font-size:15px;font-weight:700}.settings-chevron{color:var(--color-text-tertiary);opacity:.6}.settings-row:hover .settings-chevron{opacity:1;transition:all .2s;transform:translate(2px)}.location-display.transparent{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.location-display.transparent .location-text{font-weight:800;color:#fff!important;max-width:none!important;font-size:18px!important}.location-display.transparent .location-arrow{color:#fff!important}.home-blob{filter:blur(100px);z-index:0;pointer-events:none;will-change:transform;border-radius:50%;animation:18s ease-in-out infinite alternate blobFloat;position:absolute}.home-blob-1{background:radial-gradient(circle,#e11d4805 0%,#e11d4800 70%);width:280px;height:280px;animation-delay:0s;top:5%;left:-40px}.home-blob-2{background:radial-gradient(circle,#0f172a04 0%,#0f172a00 70%);width:380px;height:380px;animation-delay:4s;top:40%;right:-60px}@keyframes blobFloat{0%{transform:translate(0)scale(1)}33%{transform:translate(30px,-50px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.95)}to{transform:translate(0)scale(1)}}@keyframes bellJiggle{0%,to{transform:rotate(0)}15%{transform:rotate(10deg)}30%{transform:rotate(-10deg)}45%{transform:rotate(6deg)}60%{transform:rotate(-6deg)}75%{transform:rotate(3deg)}85%{transform:rotate(-3deg)}}.desktop-notifications-box:hover button,.mobile-header-only a[href="#/notifications"]:hover{animation:.7s cubic-bezier(.36,.07,.19,.97) both bellJiggle}.desktop-search-bar{transition:all .3s cubic-bezier(.16,1,.3,1)!important}.desktop-search-bar:focus-within{transform:translateY(-1px)scale(1.012);box-shadow:0 10px 25px #0000000f,0 0 0 2px #e11d4826!important}.category-card-large{transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s,border-color .3s!important}.category-card-large:hover{border-color:#e11d4840!important;transform:translateY(-8px)scale(1.02)!important;box-shadow:0 20px 35px #e11d481f,0 0 20px #e11d4814!important}.category-card-large:hover img{transform:scale(1.07)!important}.category-card-small{transition:all .3s cubic-bezier(.34,1.56,.64,1)!important}.category-card-small:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)scale(1.04);border-color:var(--color-primary-light)!important}.filter-pill-btn{transition:all .25s cubic-bezier(.175,.885,.32,1.275)!important}.filter-pill-btn:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 4px 12px #e11d4814;border-color:var(--color-primary)!important;color:var(--color-primary)!important}.filter-pill-btn:active{transform:scale(.95)}.comercio-card{transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s,border-color .3s!important}.comercio-card:hover{border-color:#e11d4833!important;transform:translateY(-8px)scale(1.01)!important;box-shadow:0 24px 48px #0f172a14,0 4px 12px #00000003!important}.comercio-card:hover .comercio-card-logo{transform:scale(1.06)rotate(-3deg)!important;box-shadow:0 6px 15px #0000001f!important}.comercio-card:hover img{transform:scale(1.03)!important}.comercio-card:hover span[style*="background:var(--color-primary)"]{transform:scale(1.08)rotate(4deg);box-shadow:0 4px 15px #e11d4840!important}.card-favorite-btn-floating{transition:all .25s cubic-bezier(.34,1.56,.64,1)!important}.card-favorite-btn-floating:hover{transform:scale(1.18);color:var(--color-primary)!important;box-shadow:0 6px 16px #e11d482e!important}.footer-column ul li a{display:inline-block;position:relative;transition:color .25s,transform .25s!important}.footer-column ul li a:hover{transform:translate(4px);color:#fff!important}.footer-column ul li a:after{content:"";transform-origin:0;background-color:#fff;width:100%;height:1.5px;transition:transform .25s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.footer-column ul li a:hover:after{transform:scaleX(1)}#app-navbar,.bottom-nav{background:#fff!important;border-top:1px solid #e2e8f0e6!important;box-shadow:0 -8px 30px #0f172a14!important}[data-theme=dark] #app-navbar,[data-theme=dark] .bottom-nav{background:#0a0f1d!important;border-top:1px solid #ffffff0d!important;box-shadow:0 -8px 30px #0000004d!important}@media (hover:none){.comercio-card:active,.category-card-large:active,.category-card-small:active,.gofavores-card:active,.btn:active,.btn-primary:active,.nav-item:active{opacity:.9;transition:transform .15s cubic-bezier(.25,1,.5,1)!important;transform:scale(.96)!important}}.category-row-small{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.category-row-small .category-card-small{scroll-snap-align:start}@keyframes fabFloatBreath{0%,to{transform:translateY(0)scale(1);box-shadow:0 8px 24px #e11d4840}50%{transform:translateY(-5px)scale(1.03);box-shadow:0 16px 32px #e11d4859}}.floating-cart-btn,.fab-btn{animation:4s ease-in-out infinite fabFloatBreath!important}.mobile-header-only{animation:.45s cubic-bezier(.16,1,.3,1) both slideDown}.half-modal-drawer-bar{background:var(--color-border-light);opacity:.8;border-radius:10px;width:36px;height:5px;margin:8px auto 16px}.random-products-slider-wrapper{margin-top:2px;margin-bottom:14px;position:relative}.random-products-slider{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:16px;padding:6px 16px 16px;display:flex;overflow-x:auto}.random-products-slider::-webkit-scrollbar{display:none}.random-product-card{background:var(--color-surface);border:1px solid var(--color-border-light);box-shadow:var(--shadow-xs);border-radius:22px;flex-direction:column;flex:0 0 240px;gap:10px;padding:12px;text-decoration:none;transition:all .3s cubic-bezier(.165,.84,.44,1);display:flex;position:relative}.random-product-card:hover{box-shadow:var(--shadow-md);border-color:rgba(var(--color-primary-rgb), .2);transform:translateY(-4px)}.random-product-card:active{transform:scale(.97)}.comercios-slider{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;gap:16px;padding:6px 16px 16px;display:flex;overflow-x:auto}.comercios-slider::-webkit-scrollbar{display:none}.comercios-slider .comercio-card{flex:0 0 320px;margin-bottom:0!important}.comercios-slider-wrapper{width:100%;position:relative}.panel-page>div:first-child{padding-top:calc(16px + env(safe-area-inset-top,0px))!important}.panel-page,.slide-overlay.panel-fullscreen,.gofavores-page,.notifications-page,.order-tracking-page{padding-bottom:env(safe-area-inset-bottom,0px)!important;box-sizing:border-box!important}.panel-page>div[style*=overflow-y\:auto],.panel-page>div[style*="overflow-y: auto"],.panel-page>div.scrollable-content{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))!important}.tracking-page{background:var(--color-bg);max-width:600px;min-height:100dvh;margin:0 auto;padding:0 0 100px;animation:.3s fadeIn;display:block;overflow:hidden auto}.tracking-header{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg);flex-shrink:0;display:flex}.tracking-header h1{font-family:var(--font-display);font-size:var(--font-xl);font-weight:800}.tracking-header p{font-size:var(--font-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.tracking-status-card{background:var(--color-surface);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light);margin-bottom:var(--space-4)}.tracking-store-info{align-items:center;gap:var(--space-4);margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border-light);display:flex}.store-avatar-box{position:relative}.store-avatar{background:linear-gradient(135deg, var(--color-surface-hover), var(--color-bg-secondary));width:56px;height:56px;color:var(--color-primary);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);border-radius:18px;justify-content:center;align-items:center;display:flex}.live-indicator{background:var(--color-danger);color:#fff;border:2px solid var(--color-surface);white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:8px;font-weight:900;animation:1.5s infinite pulseOpacity;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}@keyframes pulseOpacity{0%,to{opacity:1}50%{opacity:.6}}.store-details{flex:1}.store-details h3{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:4px;font-size:1.1rem;font-weight:800}.store-details p{color:var(--color-text-secondary);font-size:13px;line-height:1.4}.order-id-badge{background:var(--color-bg-secondary);color:var(--color-text-tertiary);border:1px solid var(--color-border-light);border-radius:10px;padding:6px 12px;font-size:11px;font-weight:700}.tracking-stepper{justify-content:space-between;padding:0;display:flex;position:relative}.step{align-items:center;gap:var(--space-2);z-index:1;flex-direction:column;flex:1;display:flex;position:relative}.step-icon{background:var(--color-bg-secondary);width:34px;height:34px;color:var(--color-text-tertiary);border:2px solid var(--color-border-light);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.step-label{color:var(--color-text-tertiary);text-transform:uppercase;text-align:center;font-size:9px;font-weight:700;line-height:1.2}.step-line{background:var(--color-border-light);z-index:-1;width:calc(100% - 34px);height:2px;position:absolute;top:17px;left:calc(50% + 17px)}.step.completed .step-icon{background:var(--color-success-light);color:var(--color-success);border-color:var(--color-success)}.step.completed .step-line{background:var(--color-success)}.step.current .step-icon{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-primary);animation:2s ease-in-out infinite stepPulse;transform:scale(1.15)}@keyframes stepPulse{0%,to{box-shadow:0 0 #e31b234d}50%{box-shadow:0 0 0 8px #e31b2300}}.step.current .step-label{color:var(--color-primary);font-weight:800}.tracking-cancelled-card{border-radius:var(--radius-2xl);padding:var(--space-8) var(--space-6);text-align:center;margin-bottom:var(--space-4);background:linear-gradient(135deg,#ef444414,#ef444405);border:1px solid #ef444433}.cancelled-icon{color:#ef4444;margin-bottom:var(--space-4);opacity:.8}.tracking-cancelled-card h2{font-family:var(--font-display);color:#ef4444;margin-bottom:var(--space-3);font-size:1.3rem;font-weight:800}.tracking-cancelled-card p{font-size:var(--font-sm);color:var(--color-text-secondary);max-width:280px;margin:0 auto;line-height:1.6}.tracking-chat-actions{margin:0 var(--space-3) 12px;flex-direction:column;flex-shrink:0;gap:8px;display:flex}.tracking-chat-btn{background:var(--color-surface);border:1px solid var(--color-border-light);cursor:pointer;text-align:left;border-radius:18px;align-items:center;gap:12px;width:100%;padding:10px 14px;transition:all .2s;display:flex}.tracking-chat-btn:hover{border-color:var(--color-primary);box-shadow:0 4px 16px #e31b2314}.tracking-chat-btn>svg:first-child{color:var(--color-primary);flex-shrink:0}.tracking-chat-btn>svg:last-child{color:var(--color-text-tertiary);flex-shrink:0;margin-left:auto}.tracking-chat-btn div{flex:1}.tracking-chat-btn strong{color:var(--color-text);margin-bottom:2px;font-size:14px;font-weight:700;display:block}.tracking-chat-btn span{color:var(--color-text-tertiary);font-size:12px}.verification-card{background:linear-gradient(135deg, var(--color-warning) 0%, #d97706 100%);color:#fff;text-align:center;margin:0 var(--space-3) 12px;box-shadow:var(--shadow-warning);border-radius:24px;flex-shrink:0;padding:16px}.verif-header{opacity:.9;justify-content:center;align-items:center;gap:8px;margin-bottom:4px;font-size:10px;font-weight:800;display:flex}.verif-code{letter-spacing:6px;margin:4px 0;font-family:Outfit,sans-serif;font-size:2rem;font-weight:800}.verification-card p{opacity:.9;font-size:12px;font-weight:500}.tracking-map-mini{background:var(--color-bg-secondary);border-radius:var(--radius-2xl);height:180px;margin-bottom:var(--space-4);border:1px solid var(--color-border-light);justify-content:center;align-items:center;display:flex;overflow:hidden}.map-placeholder{text-align:center;color:var(--color-text-tertiary)}.map-placeholder p{margin-top:var(--space-2);color:var(--color-text-secondary);font-size:12px}.order-summary-card{background:var(--color-surface);border-radius:var(--radius-2xl);padding:var(--space-5);border:1px solid var(--color-border-light)}.order-summary-card h3{font-size:var(--font-base);margin-bottom:var(--space-4);font-weight:700}.summary-item{font-size:var(--font-sm);margin-bottom:var(--space-2);color:var(--color-text-secondary);justify-content:space-between;display:flex}.summary-total{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px dashed var(--color-border);color:var(--color-text);font-weight:800;font-size:var(--font-base);justify-content:space-between;display:flex}.tracking-help{text-align:center;margin-top:var(--space-8)}.tracking-help p{font-size:var(--font-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-3)}.tracking-status-card-v3{background:var(--color-surface);margin:0 var(--space-3) var(--space-3);padding:var(--space-4) var(--space-5);border:1px solid var(--color-border-light);box-shadow:var(--shadow-md);border-radius:24px;height:auto;display:block}.store-info-v3{background:#ffffff05;border-radius:16px;flex-shrink:0;align-items:center;gap:12px;margin-bottom:16px;padding:10px 14px;display:flex}.store-avatar-box-v3{flex-shrink:0;position:relative}.store-avatar-v3{width:42px;height:42px;color:var(--color-primary);background:#1a1a1a;border:1px solid #333;border-radius:12px;justify-content:center;align-items:center;display:flex}.live-badge-v3{background:var(--color-primary);color:#fff;white-space:nowrap;border-radius:4px;padding:2px 8px;font-size:8px;font-weight:900;position:absolute;bottom:-4px;left:50%;transform:translate(-50%);box-shadow:0 4px 8px #e31b2366}.store-text-v3{flex:1}.store-text-v3 h3{font-family:var(--font-display);color:#fff;margin:0 0 2px;font-size:1.05rem;font-weight:800}.store-text-v3 p{color:var(--color-text-tertiary);margin:0;font-size:12px}.order-id-pill-v3{color:var(--color-text-tertiary);background:#ffffff0d;border-radius:10px;padding:6px 12px;font-size:11px;font-weight:700}.timeline-v3{flex-direction:column;flex:1;justify-content:space-around;padding-left:4px;display:flex}.step-v3{gap:20px;display:flex}.step-icon-col-v3{flex-direction:column;flex-shrink:0;align-items:center;width:28px;display:flex}.step-icon-v3{color:#444;z-index:2;background:#1a1a1a;border:2px solid #333;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex}.step-line-v3{background:#222;flex:1;width:2px;margin:4px 0}.step-v3.completed .step-icon-v3{color:#888;background:#222;border-color:#444}.step-v3.completed .step-line-v3{background:#333}.step-v3.current .step-icon-v3{background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:scale(1.2);box-shadow:0 0 15px #e31b2366}.step-body-v3{flex:1;padding-bottom:12px}.step-v3:last-child .step-body-v3{padding-bottom:0}.step-header-v3{justify-content:space-between;align-items:center;display:flex}.step-label-v3{font-family:var(--font-display);color:#444;text-transform:uppercase;letter-spacing:.02em;font-size:14px;font-weight:800}.step-v3.completed .step-label-v3{color:#666}.step-v3.current .step-label-v3{color:var(--color-primary)}.step-time-v3{color:var(--color-text-tertiary);background:#ffffff0d;border-radius:8px;padding:3px 10px;font-family:Outfit,sans-serif;font-size:12px;font-weight:800}.step-v3.current .step-time-v3{color:var(--color-primary);background:#e31b2326}.step-desc-v3{color:var(--color-text-tertiary);margin:6px 0 0;font-size:13px;line-height:1.4}.tracking-map-mini-v3{margin:0 var(--space-3) var(--space-3);padding:16px var(--space-4);border:1px solid var(--color-border-light);text-align:center;background:#141414;border-radius:24px;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;display:flex}.map-icon-v3{width:32px;height:32px;color:var(--color-text-tertiary);background:#ffffff05;border-radius:50%;justify-content:center;align-items:center;display:flex}.map-text-v3 span{color:var(--color-text-tertiary);margin-bottom:4px;font-size:12px;display:block}.map-text-v3 strong{color:#fff;font-size:14px;font-weight:700}.tracking-summary-v3{margin:0 var(--space-3) 10px;border:1px solid var(--color-border-light);background:#ffffff05;border-radius:16px;flex-direction:column;flex-shrink:0;gap:6px;padding:12px 16px;display:flex}.summary-items-v3{color:var(--color-text-secondary);flex-wrap:wrap;gap:6px;font-size:12px;line-height:1.4;display:flex}.separator-v3{color:var(--color-text-tertiary);opacity:.5}.summary-total-v3{color:#fff;border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-top:6px;font-size:13px;display:flex}.summary-total-v3 strong{color:var(--color-primary);font-size:15px;font-weight:800}.tracking-driver-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-2xl);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm)}.driver-card-header{align-items:center;gap:var(--space-3);display:flex}.driver-avatar{background:var(--color-warning-light);width:48px;height:48px;color:var(--color-warning-dark);border:2px solid var(--color-border-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.driver-avatar img{object-fit:cover;width:100%;height:100%}.driver-info{flex:1;min-width:0}.driver-info strong{color:var(--color-text);font-size:15px;font-weight:700;display:block}.driver-info span{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.driver-rating-pill{color:#f59e0b;background:#f59e0b1a;border-radius:20px;flex-shrink:0;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:800;display:inline-flex}.chat-container{background:var(--color-bg);flex-direction:column;height:100%;display:flex;overflow:hidden}.chat-header-bar{background:var(--color-surface);border-bottom:1px solid var(--color-border-light);flex-shrink:0;align-items:center;gap:14px;padding:16px 20px;display:flex}.chat-avatar{background:var(--color-primary-lighter);width:42px;height:42px;color:var(--color-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-header-info{flex:1;min-width:0}.chat-header-name{font-family:var(--font-display);color:var(--color-text);font-size:15px;font-weight:800;line-height:1.2}.chat-header-order{color:var(--color-text-tertiary);margin-top:2px;font-size:11px;font-weight:600}.chat-messages{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;flex-direction:column;flex:1;gap:2px;padding:16px 16px 8px;display:flex;overflow-y:auto}.chat-empty{height:100%;color:var(--color-text-tertiary);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.chat-empty svg{opacity:.15;margin-bottom:16px}.chat-empty p{font-family:var(--font-display);color:var(--color-text-secondary);margin:0 0 6px;font-size:16px;font-weight:700}.chat-empty span{color:var(--color-text-tertiary);font-size:13px}.chat-loading{justify-content:center;align-items:center;height:100%;display:flex}.chat-date-separator{text-align:center;margin:16px 0 12px}.chat-date-separator span{background:var(--color-bg-secondary);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.03em;border-radius:20px;padding:4px 14px;font-size:11px;font-weight:700}.chat-bubble-row{flex-direction:column;max-width:82%;animation:.25s ease-out bubbleIn;display:flex}.chat-bubble-row.is-mine{align-self:flex-end;align-items:flex-end}.chat-bubble-row.is-other{align-self:flex-start;align-items:flex-start}.chat-bubble-row.consecutive{margin-top:0}.chat-bubble-row:not(.consecutive){margin-top:8px}.chat-bubble-name{color:var(--color-primary);margin-bottom:3px;padding-left:12px;font-size:11px;font-weight:700}.chat-bubble{word-break:break-word;border-radius:18px;min-width:110px;max-width:100%;padding:10px 14px 6px;line-height:1.45;position:relative}.bubble-mine{background:var(--color-primary);color:#fff;border-bottom-right-radius:4px}.bubble-other{background:var(--color-bg-secondary);color:var(--color-text);border:none;border-bottom-left-radius:4px}.consecutive .bubble-mine{border-radius:18px 4px 4px 18px}.consecutive .bubble-other{border-radius:4px 18px 18px 4px}.bubble-text{font-size:13px;font-weight:600;line-height:1.5;display:block}.bubble-time{opacity:.6;letter-spacing:.02em;justify-content:flex-end;gap:4px;margin-top:3px;font-size:10px;font-weight:500;display:flex}.bubble-mine .bubble-time{color:#ffffffd9}.bubble-other .bubble-time{color:var(--color-text-tertiary)}.bubble-image .bubble-time{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border-radius:8px;gap:3px;margin-top:0;padding:2px 6px;font-size:10px;font-weight:600;position:absolute;bottom:6px;right:8px;color:#fff!important}.chat-input-bar{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:var(--color-surface);border-top:1px solid var(--color-border-light);flex-shrink:0;align-items:center;gap:10px;display:flex}.chat-input{border:1px solid var(--color-border-light);background:var(--color-bg);min-width:0;height:44px;color:var(--color-text);border-radius:22px;outline:none;flex:1;padding:0 16px;font-family:inherit;font-size:14px;font-weight:500;transition:border-color .2s,box-shadow .2s}.chat-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #e31b231a}.chat-input::placeholder{color:var(--color-text-tertiary);font-weight:500}.chat-attach-btn,.chat-mic-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:transform .2s,color .2s;display:flex}.chat-attach-btn:active,.chat-mic-btn:active{transform:scale(.9)}.chat-send-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;box-shadow:0 4px 12px #e31b234d}.chat-send-btn:hover{transform:scale(1.05);box-shadow:0 6px 18px #e31b2366}.chat-send-btn:active{transform:scale(.95)}@keyframes bubbleIn{0%{opacity:0;transform:translateY(8px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.btn-chat{border:1px solid var(--color-primary);color:var(--color-primary);cursor:pointer;background:#e31b230f;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.btn-chat:hover{background:var(--color-primary);color:#fff;box-shadow:0 4px 12px #e31b2340}.btn-chat:active{transform:scale(.95)}.chat-status-badge{background:var(--color-bg-secondary);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--color-border-light);border-radius:20px;flex-shrink:0;align-items:center;gap:4px;padding:4px 12px;font-size:10px;font-weight:700;display:inline-flex}.chat-closed-bar{padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px));background:var(--color-bg-secondary);border-top:1px solid var(--color-border-light);color:var(--color-text-tertiary);flex-shrink:0;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.chat-unread-badge{background:var(--color-primary);min-width:20px;height:20px;font-size:11px;font-weight:900;font-family:var(--font-display);border:1.5px solid #fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:0 6px;animation:.3s ease-out badgePop;display:flex;box-shadow:0 2px 8px #e31b2359;color:#fff!important}.tracking-chat-btn .chat-unread-badge{margin-left:auto;margin-right:4px}.chat-attach-btn{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);color:var(--color-text-secondary);cursor:pointer;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.chat-attach-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #e31b2333}.chat-attach-btn:active{transform:scale(.9)}.bubble-image{background:var(--color-surface)!important;border:1px solid var(--color-border-light)!important;max-width:260px!important;padding:4px!important;position:relative!important}.chat-image-container{cursor:pointer;background:var(--color-bg-secondary);border-radius:14px;justify-content:center;align-items:center;width:240px;min-height:120px;display:flex;position:relative;overflow:hidden}.chat-img{object-fit:cover;width:100%;max-height:350px;transition:transform .3s;display:block}.chat-image-container:hover .chat-img{transform:scale(1.02)}.img-loader-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;z-index:2;background:#0009;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite img-spin}.img-expand-hint{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;border-radius:10px;align-items:center;gap:4px;padding:4px 10px;font-size:10px;font-weight:700;display:flex;position:absolute;bottom:8px;right:8px}@keyframes img-spin{to{transform:rotate(360deg)}}.chat-lightbox{z-index:10000;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.lb-overlay{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#000000eb;position:absolute;inset:0}.lb-content{flex-direction:column;align-items:center;gap:24px;width:100%;max-width:600px;display:flex;position:relative}.lb-content img{object-fit:contain;border-radius:24px;width:100%;max-height:70dvh;box-shadow:0 20px 50px #00000080}.lb-actions{justify-content:center;gap:16px;width:100%;display:flex}.lb-btn{cursor:pointer;border:none;border-radius:16px;align-items:center;gap:10px;padding:14px 28px;font-size:14px;font-weight:800;text-decoration:none;transition:all .2s;display:flex}.lb-download{color:#fff;background:#009ee3}.lb-download:hover{background:#0081ba;transform:translateY(-2px)}.lb-close{color:#fff;background:#ffffff1a}.lb-close:hover{background:#fff3}.chat-system-msg{text-align:center;width:100%;margin:20px 0}.chat-system-msg span{color:#00d67f;background:#00d67f1a;border:1.5px solid #00d67f33;border-radius:20px;padding:8px 20px;font-size:13px;font-weight:800;display:inline-block}.chat-bubble-actions{justify-content:flex-start;margin-top:10px;display:flex}.btn-mark-paid{color:#fff;cursor:pointer;background:#00d67f;border:none;border-radius:14px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 6px 15px #00d67f4d}.btn-mark-paid:hover{background:#00b36a;transform:translateY(-2px);box-shadow:0 8px 20px #00d67f66}.paid-verified-badge{color:#00d67f;align-items:center;gap:6px;margin-top:8px;padding-left:12px;font-size:12px;font-weight:800;display:flex}.product-detail-modal-v2{background:var(--color-bg);flex-direction:column;flex:1;height:100%;margin:0;display:flex;overflow:hidden}.pm-banner{aspect-ratio:16/10;background:var(--color-bg-secondary);width:100%;max-height:280px;position:relative;overflow:hidden}.pm-banner img{object-fit:cover;width:100%;height:100%}.pm-close-btn{color:#fff;cursor:pointer;z-index:150;-webkit-backdrop-filter:blur(4px);background:#00000073;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.pm-close-btn:hover{background:#000000b3;transform:scale(1.05)}.pm-heart-btn,.pm-zoom-btn{color:#fff;cursor:pointer;z-index:150;-webkit-backdrop-filter:blur(4px);background:#00000073;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute}.pm-heart-btn{top:16px;left:16px}.pm-zoom-btn{bottom:16px;right:16px}.pm-heart-btn:hover,.pm-zoom-btn:hover{background:#000000b3;transform:scale(1.08)}.pm-heart-btn svg{transition:transform .2s,fill .2s}.pm-heart-btn svg.fav-active{fill:#ef4444;color:#ef4444;filter:drop-shadow(0 2px 6px #ef444473)}svg.fav-active{fill:#ef4444!important;color:#ef4444!important}.pm-banner-overlay{background:linear-gradient(#0000000d,#0000004d);position:absolute;inset:0}.pm-info-section{background:var(--color-surface);border-bottom:1px solid var(--color-border-light);padding:12px 16px}.pm-info-section h2{font-family:var(--font-display);color:var(--color-text);letter-spacing:-.02em;margin:0 0 4px;font-size:20px;font-weight:900;line-height:1.25}.pm-info-section p{color:var(--color-text-secondary);margin:0 0 8px;font-size:12px;line-height:1.4}.pm-info-section .price{font-family:var(--font-display);color:var(--color-primary);font-size:20px;font-weight:900}.pm-content{background:var(--color-bg-secondary);flex:1;padding:8px 0;overflow-y:auto}.pm-group{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:16px;margin:0 12px 12px;overflow:hidden;box-shadow:0 4px 15px #00000005}.pm-group-header{padding:var(--space-4) var(--space-5);justify-content:space-between;align-items:flex-end;display:flex}.pm-group-title{font-weight:700;font-size:var(--font-base);align-items:center;gap:var(--space-2);display:flex}.pm-required-badge{background:var(--color-primary-lighter);color:var(--color-primary);border-radius:var(--radius-full);text-transform:uppercase;padding:2px 8px;font-size:9px;font-weight:800}.pm-group-subtitle{font-size:var(--font-xs);color:var(--color-text-tertiary);font-weight:600}.pm-options-list{border-top:1px solid var(--color-border-light)}.pm-option{cursor:pointer;border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;padding:10px 14px;transition:all .2s;display:flex}.pm-option:last-child{border-bottom:none}.pm-option:hover{background:var(--color-surface-hover)}.pm-option.selected{background:rgba(var(--color-primary-rgb), .03)}.pm-option-main{align-items:center;gap:var(--space-4);display:flex}.pm-check{border:2px solid var(--color-border);color:#fff;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.pm-check.single{border-radius:50%}.pm-check.multi{border-radius:6px}.pm-check.checked{background:var(--color-primary);border-color:var(--color-primary)}.pm-option-name{font-size:var(--font-sm);font-weight:600}.pm-option-price{font-size:var(--font-xs);color:var(--color-text-secondary);margin-top:1px}.pm-qty-stepper{background:var(--color-bg-secondary);border-radius:var(--radius-lg);align-items:center;padding:2px;display:flex}.pm-qty-btn{width:28px;height:28px;color:var(--color-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.pm-qty-val{text-align:center;width:32px;font-weight:700;font-size:var(--font-sm)}.pm-footer{background:var(--color-surface);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-light);gap:var(--space-4);z-index:10;align-items:center;display:flex;position:sticky;bottom:0;box-shadow:0 -4px 20px #0000000d}.pm-qty-main{background:var(--color-bg-secondary);border-radius:var(--radius-full);align-items:center;height:48px;padding:4px;display:flex}.pm-main-qty-btn{width:40px;height:40px;color:var(--color-primary);cursor:pointer;box-shadow:var(--shadow-sm);background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.pm-main-qty-val{text-align:center;width:40px;font-size:16px;font-weight:800}.pm-add-btn{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:#fff;border-radius:var(--radius-full);height:48px;padding:0 var(--space-5);cursor:pointer;border:none;flex:1;justify-content:space-between;align-items:center;font-weight:700;transition:all .2s;display:flex}.pm-add-btn:active{transform:scale(.97)}.pm-no-options{padding:var(--space-10) var(--space-5);text-align:center;color:var(--color-text-tertiary);font-style:italic}@media (width>=640px){.pm-header{padding:var(--space-6)}.pm-image-box{width:120px;height:120px}.pm-title{font-size:var(--font-2xl)}}@keyframes driverPulse{0%{transform:scale(.95);box-shadow:0 0 #3b82f6b3}70%{transform:scale(1);box-shadow:0 0 0 15px #3b82f600}to{transform:scale(.95);box-shadow:0 0 #3b82f600}}.driver-marker-v3{z-index:1000;background:#3b82f6;border:3px solid #fff;border-radius:50%;animation:2s infinite driverPulse;position:relative;box-shadow:0 0 15px #3b82f680;width:20px!important;height:20px!important}.dest-marker-v3{filter:drop-shadow(0 4px 8px #0000004d);justify-content:center;align-items:center;display:flex}.dest-pin{background:var(--color-primary);color:#fff;width:44px;height:44px;box-shadow:var(--shadow-lg);border:3px solid #fff;border-radius:50% 50% 50% 0;justify-content:center;align-items:center;display:flex;transform:rotate(-45deg)}.dest-pin i,.dest-pin svg{transform:rotate(45deg)}.delivery-map-modal-v3{max-height:700px;margin:calc(var(--space-5) * -1);flex-direction:column;display:flex;height:75dvh!important;overflow:hidden!important}#delivery-map-container{min-height:250px;box-shadow:inset 0 10px 30px #0000004d}.map-overlay-glass{-webkit-backdrop-filter:blur(12px)saturate(180%);border:1px solid #ffffff1a;background:rgba(var(--color-surface-rgb), .7)!important}[data-theme=dark] .map-overlay-glass{border-color:#ffffff0d;background:#121212b3!important}.routing-path{filter:drop-shadow(0 0 4px #3b82f666);stroke-dasharray:8;animation:30s linear infinite dash}@keyframes dash{to{stroke-dashoffset:-1000px}}.delivery-map-modal-v3 .dashboard-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-3);transition:transform .2s,box-shadow .2s}.delivery-map-modal-v3 .dashboard-card:active{transform:scale(.98)}.rider-dot-v3{background:var(--color-primary);border:3px solid #fff;border-radius:50%;width:16px;height:16px;position:relative;box-shadow:0 0 10px #e31b2380}@keyframes rider-pulse{0%{opacity:.4;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}.distance-badge{background:var(--color-primary);color:#fff;box-shadow:0 4px 12px rgba(var(--color-primary-rgb), .3);z-index:1000;pointer-events:none;border-radius:99px;padding:6px 12px;font-size:11px;font-weight:800;position:absolute;top:12px;right:12px}.search-suggestions-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);z-index:10001;opacity:0;visibility:hidden;transform-origin:top;pointer-events:none;max-height:400px;padding:16px;transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1),visibility .3s;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;transform:translateY(-10px)scale(.98)}[data-theme=dark] .search-suggestions-dropdown{background:#1a1a1a;border-color:#ffffff1a}.search-suggestions-dropdown.active{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)scale(1)}.search-suggestion-group{margin-bottom:20px}.search-suggestion-header{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid var(--color-border-light);margin-bottom:12px;padding:0 4px 8px;font-size:11px;font-weight:900}.search-suggestion-item{color:var(--color-text-primary);background:#ffffff05;border-radius:14px;align-items:center;gap:14px;margin-bottom:6px;padding:12px;text-decoration:none;transition:all .2s;display:flex}.search-suggestion-item:hover,.search-suggestion-item.selected{background:var(--color-bg-secondary);box-shadow:var(--shadow-sm);transform:translate(6px)}.suggestion-icon-box{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.suggestion-icon-box img{object-fit:cover;width:100%;height:100%}.suggestion-info{flex:1;min-width:0}.suggestion-title{white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:15px;font-weight:800;overflow:hidden}.suggestion-subtitle{color:var(--color-text-tertiary);font-size:12px;font-weight:600}.suggestion-highlight{color:var(--color-primary);background:rgba(var(--color-primary-rgb), .1);border-radius:2px;padding:0 2px;font-weight:900;text-decoration:none}.search-suggestion-empty{text-align:center;color:var(--color-text-tertiary);padding:32px 24px;font-size:14px;font-weight:600}.onboarding-overlay{z-index:9999;padding:var(--space-6);-webkit-overflow-scrolling:touch;background:#fff;justify-content:center;align-items:center;transition:opacity .4s ease-out;display:flex;position:fixed;inset:0;overflow-y:auto}.onboarding-overlay.fade-out{opacity:0;pointer-events:none}.onboarding-card{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:400px;margin:auto;display:flex;position:relative}.onboarding-skip{color:var(--color-text-tertiary);padding:var(--space-2);cursor:pointer;z-index:10;background:0 0;border:none;font-size:14px;font-weight:700;position:absolute;top:0;right:0}.onboarding-image{width:100%;margin-top:var(--space-8);flex:1;justify-content:center;align-items:center;display:flex}.onboarding-image img{object-fit:contain;filter:drop-shadow(0 20px 40px #0000001a);max-width:100%;max-height:300px}.onboarding-content{padding:var(--space-6) 0}.onboarding-title{font-family:var(--font-display);color:var(--color-text-primary);margin-bottom:var(--space-3);font-size:24px;font-weight:900;line-height:1.2}.onboarding-text{color:var(--color-text-secondary);padding:0 var(--space-2);font-size:15px;line-height:1.6}.onboarding-footer{width:100%;padding-bottom:env(safe-area-inset-bottom,var(--space-6))}.onboarding-dots{margin-bottom:var(--space-8);justify-content:center;gap:8px;display:flex}.onboarding-dots .dot{background:var(--color-border);border-radius:50%;width:8px;height:8px;transition:all .3s}.onboarding-dots .dot.active{background:var(--color-primary);border-radius:4px;width:24px}.onboarding-next{letter-spacing:.02em;width:100%;height:56px;box-shadow:0 12px 24px rgba(var(--color-primary-rgb), .3);border-radius:18px;font-size:16px;font-weight:900}.float-anim{animation:4s ease-in-out infinite float}@keyframes pulse-light{0%{box-shadow:0 0 0 0 rgba(var(--color-primary-rgb), .4)}70%{box-shadow:0 0 0 10px rgba(var(--color-primary-rgb), 0)}to{box-shadow:0 0 0 0 rgba(var(--color-primary-rgb), 0)}}.pulse-glow{animation:2s infinite pulse-light}@keyframes moto-bounce{0%,to{transform:translateY(-50%)rotate(0)}50%{transform:translateY(-53%)rotate(-1deg)}}.moto-anim{animation:.2s linear infinite moto-bounce}.tab-container{background:var(--color-bg-secondary);margin:var(--space-4) 0;border:1px solid var(--color-border-light);border-radius:16px;padding:4px;display:flex}.tab-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:850;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.tab-btn.active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-sm)}.tab-content{animation:.3s ease-out pageEnter;display:none}.tab-content.active{display:block}.help-accordion{border:1.5px solid var(--color-border-light);background:var(--color-bg-secondary);border-radius:18px;margin-bottom:12px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.help-accordion-title{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--color-text-primary);justify-content:space-between;align-items:center;padding:16px 20px;font-size:14px;font-weight:850;transition:background-color .2s;display:flex}.help-accordion-title:hover{background:rgba(var(--color-primary-rgb), .03)}.help-accordion-icon{color:var(--color-text-tertiary);align-items:center;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex}.help-accordion-content{opacity:0;max-height:0;color:var(--color-text-secondary);padding:0 20px;font-size:13px;line-height:1.6;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.help-accordion.open{border-color:rgba(var(--color-primary-rgb), .3);background:var(--color-surface);box-shadow:0 4px 12px #00000008}.help-accordion.open .help-accordion-icon{color:var(--color-primary);transform:rotate(180deg)}.help-accordion.open .help-accordion-content{opacity:1;max-height:200px;padding-bottom:16px}@media (height<=680px){.onboarding-image img{max-height:180px!important}.onboarding-image{margin-top:var(--space-4)!important}.onboarding-content{padding:var(--space-3) 0!important}.onboarding-title{font-size:20px!important}.onboarding-text{font-size:13.5px!important;line-height:1.45!important}.onboarding-dots{margin-bottom:var(--space-4)!important}.onboarding-next{height:48px!important}}.app-guide-overlay{z-index:99999;-webkit-backdrop-filter:blur(8px);opacity:0;background:#0006;flex-direction:column;justify-content:center;align-items:center;animation:.6s cubic-bezier(.16,1,.3,1) forwards guideOverlayIn;display:flex;position:fixed;inset:0;overflow:hidden}.app-guide-overlay.closing{animation:.5s ease-in forwards guideOverlayOut}.app-guide-overlay:before{content:"";background:radial-gradient(circle,#e11d4814 0%,#0000 70%);border-radius:50%;width:300px;height:300px;animation:6s ease-in-out infinite guidePulseGlow;position:absolute;top:-80px;right:-80px}.app-guide-overlay:after{content:"";background:radial-gradient(circle,#e11d480d 0%,#0000 70%);border-radius:50%;width:250px;height:250px;animation:8s ease-in-out infinite reverse guidePulseGlow;position:absolute;bottom:-60px;left:-60px}.app-guide-card{z-index:2;background:#fff;border:1px solid #00000014;border-radius:32px;flex-direction:column;width:92%;max-width:420px;max-height:85dvh;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 45px #0000002e}.app-guide-progress{flex-shrink:0;gap:6px;padding:16px 20px 12px;display:flex}.app-guide-progress-segment{background:#00000014;border-radius:4px;flex:1;height:3px;position:relative;overflow:hidden}.app-guide-progress-segment.completed{background:#e11d48cc}.app-guide-progress-segment.active:after{content:"";background:linear-gradient(90deg,#e11d48e6,#e11d48);border-radius:4px;animation:8s linear forwards guideProgressFill;position:absolute;inset:0}.app-guide-slide{-webkit-overflow-scrolling:touch;text-align:center;flex-direction:column;flex:1;align-items:center;padding:10px 28px 20px;display:flex;position:relative;overflow-y:auto}.app-guide-slide.slide-in-right{animation:.5s cubic-bezier(.16,1,.3,1) forwards guideSlideInRight}.app-guide-slide.slide-in-left{animation:.5s cubic-bezier(.16,1,.3,1) forwards guideSlideInLeft}.app-guide-slide.slide-out-left{animation:.35s ease-in forwards guideSlideOutLeft}.app-guide-slide.slide-out-right{animation:.35s ease-in forwards guideSlideOutRight}.app-guide-icon{border-radius:28px;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:20px;font-size:52px;animation:3s ease-in-out infinite guideIconFloat;display:flex;position:relative}.app-guide-icon:before{content:"";background:inherit;filter:blur(20px);opacity:.4;z-index:-1;border-radius:32px;position:absolute;inset:-4px}.app-guide-title{color:#111827;letter-spacing:-.03em;margin:0 0 8px;font-family:Outfit,sans-serif;font-size:22px;font-weight:900;line-height:1.25}.app-guide-subtitle{color:#4b5563;max-width:320px;margin:0 0 20px;font-size:13.5px;font-weight:500;line-height:1.6}.app-guide-features{text-align:left;flex-direction:column;gap:10px;width:100%;display:flex}.app-guide-feature{opacity:0;background:#f9fafb;border:1px solid #f3f4f6;border-radius:16px;align-items:flex-start;gap:12px;padding:12px 14px;animation:.5s cubic-bezier(.16,1,.3,1) forwards guideFeatureReveal;display:flex;transform:translateY(14px)}.app-guide-feature:first-child{animation-delay:.15s}.app-guide-feature:nth-child(2){animation-delay:.25s}.app-guide-feature:nth-child(3){animation-delay:.35s}.app-guide-feature:nth-child(4){animation-delay:.45s}.app-guide-feature:nth-child(5){animation-delay:.55s}.app-guide-feature-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.app-guide-feature-text{flex:1;min-width:0}.app-guide-feature-text strong{color:#111827;margin-bottom:2px;font-size:12.5px;font-weight:800;display:block}.app-guide-feature-text span{color:#6b7280;font-size:11.5px;font-weight:500;line-height:1.45;display:block}.app-guide-step-flow{flex-direction:column;gap:0;width:100%;margin-top:4px;display:flex}.app-guide-step-item{opacity:0;align-items:flex-start;gap:14px;padding:10px 0;animation:.4s ease-out forwards guideStepReveal;display:flex;position:relative;transform:translate(-10px)}.app-guide-step-item:first-child{animation-delay:.2s}.app-guide-step-item:nth-child(2){animation-delay:.4s}.app-guide-step-item:nth-child(3){animation-delay:.6s}.app-guide-step-item:nth-child(4){animation-delay:.8s}.app-guide-step-item:nth-child(5){animation-delay:1s}.app-guide-step-num{color:#fff;z-index:2;background:linear-gradient(135deg,#e11d48,#be123c);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:900;display:flex;position:relative}.app-guide-step-item:not(:last-child):after{content:"";z-index:1;background:#e11d4833;width:2px;position:absolute;top:38px;bottom:-2px;left:13px}.app-guide-step-content{text-align:left;flex:1}.app-guide-step-content strong{color:#111827;margin-bottom:2px;font-size:12.5px;font-weight:800;display:block}.app-guide-step-content span{color:#4b5563;font-size:11px;font-weight:500;line-height:1.45;display:block}.app-guide-footer{border-top:1px solid #f3f4f6;flex-shrink:0;align-items:center;gap:12px;padding:16px 24px 20px;display:flex}.app-guide-footer .guide-btn-next{color:#fff;letter-spacing:.02em;cursor:pointer;background:linear-gradient(135deg,#e11d48 0%,#be123c 100%);border:none;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:8px;height:52px;font-size:14px;font-weight:900;transition:all .2s;display:flex;box-shadow:0 8px 24px #e11d484d}.app-guide-footer .guide-btn-next:active{transform:scale(.97)}.app-guide-footer .guide-btn-back{color:#4b5563;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;transition:all .2s;display:flex}.app-guide-footer .guide-btn-back:active{background:#e5e7eb}.app-guide-step-counter{color:#9ca3af;letter-spacing:.05em;text-align:center;padding-bottom:8px;font-size:11px;font-weight:700}.app-guide-fab{color:#fff;cursor:pointer;z-index:900;background:linear-gradient(135deg,#e11d48 0%,#be123c 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s cubic-bezier(.16,1,.3,1);animation:.5s cubic-bezier(.34,1.56,.64,1) forwards guideFabAppear;display:flex;position:fixed;bottom:185px;left:auto;right:25px;box-shadow:0 6px 20px #e11d4859}.app-guide-fab:hover{transform:scale(1.08);box-shadow:0 8px 28px #e11d4873}.app-guide-fab:active{transform:scale(.95)}.app-guide-fab svg{width:22px;height:22px}@keyframes guideOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes guideOverlayOut{0%{opacity:1}to{opacity:0}}@keyframes guideProgressFill{0%{width:0}to{width:100%}}@keyframes guideSlideInRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes guideSlideInLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes guideSlideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-60px)}}@keyframes guideSlideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(60px)}}@keyframes guideIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes guideFeatureReveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes guideStepReveal{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes guidePulseGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@keyframes guideFabAppear{0%{opacity:0;transform:scale(.3)rotate(-90deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes guideFabPulse{0%,to{box-shadow:0 6px 20px #e11d4859}50%{box-shadow:0 6px 30px #e11d488c,0 0 0 8px #e11d481a}}.app-guide-fab.attention{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards guideFabAppear,2s ease-in-out 1s infinite guideFabPulse}