@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;600;800&display=swap";:root,[data-theme=light]{--primary: 0 0% 0%;--primary-foreground: 0 0% 100%;--secondary: 240 5% 96%;--accent: 25 100% 50%;--background: 240 5% 98%;--foreground: 0 0% 0%;--card: 0 0% 100%;--card-foreground: 0 0% 0%;--border: 0 0% 90%;--radius: .25rem;--nav-bg: 255, 255, 255;--utility-bg: #1a1a1a;--utility-fg: #e0e0e0;--category-bg: #f5f5f5;--category-hover: #e8e8e8;--search-bg: #f2f2f2;--search-border: #e0e0e0;--shadow-sm: 0 2px 5px rgba(0,0,0,.05);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.05);--shadow-lg: 0 20px 25px -5px rgba(0,0,0,.05), 0 10px 10px -5px rgba(0,0,0,.02);--overlay-bg: rgba(0,0,0,.4)}[data-theme=dark]{--primary: 210 40% 98%;--primary-foreground: 222.2 47.4% 11.2%;--secondary: 217.2 32.6% 17.5%;--accent: 25 100% 55%;--background: 222.2 84% 4.9%;--foreground: 210 40% 98%;--card: 222.2 84% 6.5%;--card-foreground: 210 40% 98%;--border: 217.2 32.6% 17.5%;--nav-bg: 15, 23, 42;--utility-bg: #090d16;--utility-fg: #94a3b8;--category-bg: hsl(222.2, 84%, 6.5%);--category-hover: hsl(217.2, 32.6%, 17.5%);--search-bg: hsl(217.2, 32.6%, 12%);--search-border: hsl(217.2, 32.6%, 20%);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .45);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .5);--overlay-bg: rgba(9, 13, 22, .8)}[data-theme=dark] body{background-color:hsl(var(--background));color:hsl(var(--foreground))}[data-theme=dark] .section-card{background:hsl(var(--card));box-shadow:var(--shadow-sm)}[data-theme=dark] .section-header{background:hsl(var(--secondary));border-bottom-color:hsl(var(--border))}[data-theme=dark] .product-card{background-color:hsl(var(--card));border-color:hsl(var(--border))}[data-theme=dark] .product-card:hover{border-color:hsla(var(--accent),.4)}[data-theme=dark] .glass{background:rgba(var(--nav-bg),.85);border-color:hsl(var(--border))}[data-theme=dark] .site-footer{background:hsl(var(--card));border-top-color:hsl(var(--border))}[data-theme=dark] .hero-banner{background:hsl(var(--secondary))}[data-theme=dark] .image-container{background-color:hsl(var(--secondary))}[data-theme=dark] .logo,[data-theme=dark] .price{color:hsl(var(--foreground))}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:hsl(var(--background));color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-weight:700;letter-spacing:-.02em}.container{width:100%;max-width:100%;margin:0 auto;padding:0 2rem}.utility-bar{background:var(--utility-bg);color:var(--utility-fg);font-size:.75rem;padding:.4rem 0;letter-spacing:.01em}.utility-bar-inner{display:flex;justify-content:space-between;align-items:center}.utility-left,.utility-right{display:flex;align-items:center;gap:.75rem}.utility-badge{display:inline-flex;align-items:center;gap:.35rem;font-weight:600;color:#25d366}.utility-text{font-weight:500}.utility-separator{opacity:.25;-webkit-user-select:none;user-select:none}.utility-link{display:inline-flex;align-items:center;gap:.35rem;color:var(--utility-fg);text-decoration:none;font-weight:500;transition:color .2s}.utility-link:hover{color:#fff}.whatsapp-link:hover{color:#25d366}.main-nav{background:rgba(var(--nav-bg),.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid hsl(var(--border));position:sticky;top:0;z-index:100;padding:.75rem 0}.nav-inner{display:flex;align-items:center;gap:1.5rem}.logo-link{text-decoration:none;flex-shrink:0}.logo{font-family:Outfit,sans-serif;color:#000;white-space:nowrap}.brand-icon{height:48px;margin-right:12px}.brand-text{display:flex;font-weight:800;font-size:1.4rem;line-height:1;font-family:Inter,sans-serif}.brand-ventures{font-size:.65rem;letter-spacing:5px;margin-top:4px;font-weight:700;text-transform:uppercase}.header-search{flex:1;max-width:480px;display:flex;align-items:center;background:var(--search-bg);border:1px solid var(--search-border);border-radius:4px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.header-search:focus-within{border-color:hsl(var(--accent));box-shadow:0 0 0 3px hsla(var(--accent),.12)}.header-search input{flex:1;border:none;background:transparent;padding:.65rem .85rem;font-size:.85rem;font-family:inherit;color:hsl(var(--foreground));outline:none}.header-search input::placeholder{color:hsl(var(--foreground) / .4)}.header-search-btn{display:flex;align-items:center;justify-content:center;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;padding:.65rem .85rem;cursor:pointer;transition:filter .2s}.header-search-btn:hover{filter:brightness(1.2)}.nav-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0}.nav-action-link{font-size:.8rem;font-weight:600;text-decoration:none;color:hsl(var(--foreground) / .7);transition:color .2s}.nav-action-link:hover{color:hsl(var(--foreground))}.nav-user-greeting{font-size:.8rem;font-weight:700;color:hsl(var(--foreground));border-left:1px solid hsl(var(--border));padding-left:1rem}.nav-logout-btn{background:none;border:none;cursor:pointer;font-size:.8rem;font-weight:600;color:#e61601;font-family:inherit;transition:opacity .2s}.nav-logout-btn:hover{opacity:.8}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid hsl(var(--border));background:transparent;color:hsl(var(--foreground));cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.theme-toggle-btn:hover{background:hsl(var(--secondary));border-color:hsl(var(--foreground) / .2);transform:rotate(15deg)}.btn-jiji-nav{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.1rem;font-size:.8rem;font-weight:700;border-radius:3px;background:#000;color:#fff;text-decoration:none;font-family:inherit;letter-spacing:.02em;transition:transform .2s,box-shadow .2s}[data-theme=dark] .btn-jiji-nav{background:#fff;color:#000}.btn-jiji-nav:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.mobile-menu-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;color:hsl(var(--foreground));cursor:pointer}.category-bar{background:var(--category-bg);border-bottom:1px solid hsl(var(--border));overflow-x:auto;scrollbar-width:none}.category-bar::-webkit-scrollbar{display:none}.category-bar-inner{display:flex;gap:0}.category-link{position:relative;padding:.7rem 1.25rem;font-size:.8rem;font-weight:600;text-decoration:none;color:hsl(var(--foreground) / .65);white-space:nowrap;transition:color .2s,background .2s;text-transform:uppercase;letter-spacing:.03em}.category-link:hover{color:hsl(var(--foreground));background:var(--category-hover)}.category-link.active{color:hsl(var(--accent));font-weight:700}.category-link.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60%;height:2px;background:hsl(var(--accent));border-radius:1px}.mobile-menu-overlay{display:none}.glass{background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);box-shadow:0 4px 6px -1px #0000000d}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.75rem;border-radius:var(--radius);font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;font-family:inherit;gap:.5rem}.btn-primary{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.btn-primary:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 8px 15px -3px hsla(var(--primary),.3)}.btn-whatsapp{background-color:#25d366;color:#fff}.btn-jiji{background-color:#ff4e00;color:#fff}.product-card{background-color:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);overflow:hidden;transition:all .3s ease;box-shadow:var(--shadow-sm);padding:.75rem}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:hsla(var(--primary),.2)}.product-card h3{font-size:.875rem;height:2.5rem;overflow:hidden;margin-bottom:.5rem}.image-container{aspect-ratio:1/1;overflow:hidden;position:relative;background-color:#f7f7f7}.image-container img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.product-card:hover .image-container img{transform:scale(1.04)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;padding:1rem 0}nav{display:flex;align-items:center}.jumia-layout{display:grid;grid-template-columns:240px 1fr;gap:1rem;margin-bottom:2rem}.sidebar{background:hsl(var(--card));border-radius:var(--radius);padding:.5rem 0;box-shadow:var(--shadow-sm);height:fit-content}.sidebar-item{padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:hsl(var(--foreground) / .8);cursor:pointer;transition:background .2s}.sidebar-item:hover{background:hsl(var(--secondary));color:var(--accent)}.hero-banner{background:#eee;border-radius:var(--radius);height:400px;overflow:hidden;position:relative}.hero-banner img{width:100%;height:100%;object-fit:cover}.section-card{background:hsl(var(--card));border-radius:var(--radius);margin-bottom:2rem;box-shadow:var(--shadow-sm)}.section-header{padding:1rem 1.5rem;border-bottom:1px solid hsl(var(--border));display:flex;justify-content:space-between;align-items:center;background:hsl(var(--secondary))}.section-header h2{font-size:1.125rem;font-weight:700;text-transform:uppercase}.flash-sales-scroll{display:flex;overflow-x:auto;gap:1rem;padding:1.5rem;scrollbar-width:none}.flash-sales-scroll::-webkit-scrollbar{display:none}.text-muted{color:hsl(var(--foreground) / .6)}.price{font-size:1.125rem;font-weight:800;color:hsl(var(--foreground));font-family:Outfit,sans-serif}.badge{padding:.35rem .75rem;border-radius:2rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:hsl(var(--secondary));border:1px solid hsl(var(--border))}.variation-picker{display:flex;gap:.75rem;flex-wrap:wrap;margin:1rem 0}.variation-option{padding:.5rem 1.25rem;border-radius:.5rem;border:2px solid hsl(var(--border));cursor:pointer;font-weight:600;transition:all .2s;background:hsl(var(--card));color:hsl(var(--foreground))}.variation-option.active{border-color:hsl(var(--primary));background:hsla(var(--primary),.05);color:hsl(var(--primary))}.quantity-input{display:flex;align-items:center;border:1px solid hsl(var(--border));border-radius:.5rem;width:fit-content;overflow:hidden}.quantity-input button{padding:.5rem 1rem;background:hsl(var(--secondary));border:none;cursor:pointer;font-size:1.25rem;color:hsl(var(--foreground))}.quantity-input input{width:50px;text-align:center;border:none;border-left:1px solid hsl(var(--border));border-right:1px solid hsl(var(--border));font-weight:600;background:hsl(var(--card));color:hsl(var(--foreground))}.site-footer{border-top:1px solid hsl(var(--border));padding:4rem 0;margin-top:4rem;background:hsl(var(--card))}.footer-inner{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:2rem}.footer-desc{max-width:300px;font-size:.875rem}.footer-links{display:flex;gap:3rem}.footer-col{display:flex;flex-direction:column;gap:.5rem}.footer-col h4{font-size:.875rem;margin-bottom:.5rem}.footer-link{font-size:.875rem;text-decoration:none;transition:color .2s}.footer-link:hover{color:hsl(var(--foreground))}.footer-bottom{margin-top:3rem;padding-top:1.5rem;border-top:1px solid hsl(var(--border));text-align:center}.footer-bottom p{font-size:.75rem}.spinner{width:36px;height:36px;border:3px solid hsl(var(--border));border-top-color:hsl(var(--accent));border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.auth-page-container{min-height:85vh;display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem;background:radial-gradient(circle at 10% 20%,rgba(var(--nav-bg),.05) 0%,transparent 40%)}.auth-card{width:100%;max-width:440px;padding:3rem;border-radius:12px;box-shadow:var(--shadow-lg);border:1px solid hsl(var(--border))}.glass-premium{background:rgba(var(--nav-bg),.65);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.auth-header{text-align:center;margin-bottom:2.5rem}.auth-header h2{font-size:1.85rem;font-weight:800;color:hsl(var(--foreground));margin-bottom:.5rem}.auth-subtitle{font-size:.85rem;color:hsl(var(--foreground) / .6)}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--foreground) / .8)}.form-input{width:100%;padding:.8rem 1rem;border-radius:6px;border:1px solid hsl(var(--border));background:hsl(var(--search-bg));color:hsl(var(--foreground));font-family:inherit;font-size:.9rem;outline:none;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:hsl(var(--accent));box-shadow:0 0 0 3px hsla(var(--accent),.15)}.status-banner{padding:.8rem;border-radius:6px;font-size:.85rem;text-align:center;font-weight:600}.status-error{background:#e616011a;color:#ef4444;border:1px solid rgba(230,22,1,.2)}.status-success{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.btn-auth-submit{width:100%;padding:.9rem;border-radius:6px;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;font-weight:700;font-family:inherit;font-size:.9rem;cursor:pointer;transition:transform .2s,filter .2s;margin-top:1rem}.btn-auth-submit:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px)}.auth-footer-toggle{margin-top:2rem;text-align:center;font-size:.85rem;color:hsl(var(--foreground) / .6);display:flex;justify-content:center;gap:.35rem}.btn-text-toggle{background:none;border:none;color:hsl(var(--accent));font-weight:700;cursor:pointer;font-family:inherit}.btn-text-toggle:hover{text-decoration:underline}.dev-bypass-container{margin-top:2rem;padding-top:2rem;border-top:1px dashed hsl(var(--border));display:flex;flex-direction:column;align-items:center;gap:.75rem}.dev-bypass-title{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:hsl(var(--foreground) / .4)}.btn-dev-bypass{background:transparent;border:1px dashed hsl(var(--border));color:hsl(var(--foreground) / .6);padding:.6rem 1.25rem;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;font-family:inherit;transition:border-color .2s,color .2s;width:100%}.btn-dev-bypass:hover{border-color:hsl(var(--foreground) / .6);color:hsl(var(--foreground))}.admin-dashboard-container{max-width:1100px;margin:3rem auto;padding:0 1.5rem;display:flex;flex-direction:column;gap:2rem}.admin-header-card{display:flex;justify-content:space-between;align-items:center;padding:2.5rem;border-radius:12px;border:1px solid hsl(var(--border));flex-wrap:wrap;gap:1.5rem}.admin-title-group h1{font-size:2.25rem;font-weight:800;color:hsl(var(--foreground));margin-bottom:.35rem}.admin-subtitle{font-size:.9rem;color:hsl(var(--foreground) / .6)}.btn-view-store{background:transparent;border:2px solid hsl(var(--foreground));color:hsl(var(--foreground));padding:.8rem 1.5rem;border-radius:6px;font-weight:700;cursor:pointer;transition:background .2s,color .2s;font-family:inherit;font-size:.85rem}.btn-view-store:hover{background:hsl(var(--foreground));color:hsl(var(--background))}.simulation-mode-alert{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:#f59e0b;padding:1rem 1.5rem;border-radius:8px;font-size:.85rem;font-weight:600}.admin-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.stat-card{padding:2rem;border-radius:12px;border:1px solid hsl(var(--border));display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem}.stat-value{font-size:2.75rem;font-weight:800;font-family:Outfit,sans-serif;line-height:1}.text-accent{color:hsl(var(--accent))}.text-teal{color:#06b6d4}.stat-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:hsl(var(--foreground) / .5)}.admin-navigation-tabs{display:flex;border-bottom:2px solid hsl(var(--border));gap:1.5rem}.tab-btn{padding:1rem 1.5rem;background:transparent;border:none;color:hsl(var(--foreground) / .6);font-weight:700;font-size:.9rem;cursor:pointer;transition:color .2s;border-bottom:2.5px solid transparent;margin-bottom:-2.5px;font-family:inherit}.tab-btn:hover{color:hsl(var(--foreground))}.tab-btn.tab-active{color:hsl(var(--foreground));border-bottom-color:hsl(var(--foreground))}.section-title-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.section-title-bar h2{font-size:1.25rem;color:hsl(var(--foreground))}.btn-add-inventory{background:hsl(var(--foreground));color:hsl(var(--background));border:none;padding:.75rem 1.25rem;border-radius:6px;font-weight:700;cursor:pointer;font-family:inherit;font-size:.8rem;transition:filter .2s}.btn-add-inventory:hover{filter:brightness(.9)}.loading-spinner-wrapper{padding:4rem;text-align:center}.admin-product-list{display:flex;flex-direction:column;gap:1rem}.empty-directory-card{padding:4rem;text-align:center;border-radius:12px;border:1px dashed hsl(var(--border));color:hsl(var(--foreground) / .5);font-weight:600}.admin-product-row{display:flex;align-items:center;padding:1.25rem 2rem;border-radius:10px;border:1px solid hsl(var(--border));gap:1.5rem;flex-wrap:wrap}.admin-row-thumbnail{width:64px;height:64px;object-fit:cover;border-radius:6px;background:hsl(var(--secondary));flex-shrink:0;border:1px solid hsl(var(--border))}.admin-row-details{flex:1;min-width:250px}.admin-row-details h3{font-size:1.05rem;margin-bottom:.25rem;display:flex;align-items:center;gap:.75rem;color:hsl(var(--foreground))}.admin-sale-pill{background:hsl(var(--accent));color:#fff;padding:2px 8px;border-radius:4px;font-size:.65rem;font-weight:800;text-transform:uppercase}.admin-row-meta{display:flex;align-items:center;gap:.75rem;font-size:.8rem;color:hsl(var(--foreground) / .6);flex-wrap:wrap}.row-price{font-weight:700}.strike-price{text-decoration:line-through;opacity:.7}.meta-divider{opacity:.3}.admin-row-actions{display:flex;gap:.5rem;flex-shrink:0}.admin-row-actions button{padding:.5rem 1rem;border-radius:6px;font-size:.75rem;font-weight:700;cursor:pointer;font-family:inherit;transition:background .2s,border-color .2s,color .2s}.action-btn-sale{background:transparent;border:1px solid hsl(var(--border));color:hsl(var(--foreground) / .7)}.action-btn-sale.sale-active{background:hsl(var(--accent));border-color:hsl(var(--accent));color:#fff}.action-btn-edit{background:transparent;border:1px solid hsl(var(--border));color:hsl(var(--foreground))}.action-btn-edit:hover{background:hsl(var(--secondary))}.action-btn-delete{background:transparent;border:1px solid rgba(239,68,68,.3);color:#ef4444}.action-btn-delete:hover{background:#ef44441a}.editor-section{padding:3rem;border-radius:12px;border:1px solid hsl(var(--border));max-width:800px;margin:0 auto}.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:1px solid hsl(var(--border));padding-bottom:1rem}.editor-header h2{font-size:1.35rem}.btn-cancel-edit{background:transparent;border:none;color:#ef4444;font-weight:700;font-size:.85rem;cursor:pointer}.editor-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:flex;gap:1.5rem}.flex-wide{flex:2}.triple-fields{display:grid;grid-template-columns:repeat(3,1fr)}.form-group-checkbox{display:flex;align-items:center;gap:.75rem;padding:.5rem 0}.form-checkbox{width:18px;height:18px;cursor:pointer;accent-color:hsl(var(--accent))}.checkbox-label{font-size:.85rem;font-weight:600;cursor:pointer;color:hsl(var(--foreground))}.form-textarea{width:100%;border-radius:6px;border:1px solid hsl(var(--border));background:hsl(var(--search-bg));color:hsl(var(--foreground));font-family:inherit;font-size:.9rem;outline:none;padding:.8rem 1rem;resize:vertical;transition:border-color .2s}.form-textarea:focus{border-color:hsl(var(--accent))}.height-sm{min-height:80px}.height-md{min-height:140px}.file-input-wrapper{display:flex;gap:.75rem}.btn-upload-trigger{background:hsl(var(--secondary));border:1px solid hsl(var(--border));color:hsl(var(--foreground));padding:0 1.25rem;border-radius:6px;font-weight:700;font-size:.8rem;display:flex;align-items:center;cursor:pointer}.hidden-file-input{display:none}.image-preview-box{margin-top:.75rem;width:100px;height:100px;border-radius:8px;border:1px solid hsl(var(--border));overflow:hidden}.image-preview-box img{width:100%;height:100%;object-fit:cover}.btn-editor-submit{padding:1.1rem;background:hsl(var(--primary));color:hsl(var(--primary-foreground));font-weight:700;border-radius:6px;font-size:.9rem;border:none;font-family:inherit;cursor:pointer;transition:transform .2s,filter .2s}.btn-editor-submit:hover{filter:brightness(1.15);transform:translateY(-1px)}.animate-fade{animation:fadeIn .3s ease}@media(max-width:768px){.utility-bar-inner{font-size:.65rem}.utility-right{display:none}.brand-icon{height:32px;margin-right:8px}.brand-text{font-size:1.1rem}.brand-ventures{font-size:.5rem;letter-spacing:3px;margin-top:2px}.header-search,.nav-action-link,.nav-user-greeting,.nav-logout-btn,.btn-jiji-nav{display:none}.mobile-menu-toggle{display:flex}.category-bar-inner{padding:0}.category-link{padding:.6rem .9rem;font-size:.7rem}.mobile-menu-overlay{display:flex;position:fixed;inset:0;z-index:200;background:var(--overlay-bg);animation:fadeIn .2s ease}.mobile-menu{position:absolute;right:0;top:0;bottom:0;width:300px;max-width:85vw;background:hsl(var(--card));box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;animation:slideIn .25s ease;overflow-y:auto}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid hsl(var(--border))}.mobile-menu-title{font-family:Outfit,sans-serif;font-weight:700;font-size:1.1rem}.mobile-menu-close{background:none;border:none;color:hsl(var(--foreground));cursor:pointer;padding:.25rem}.mobile-menu-section{padding:1rem 0;border-bottom:1px solid hsl(var(--border))}.mobile-menu-label{display:block;padding:0 1.5rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:hsl(var(--foreground) / .4);margin-bottom:.5rem}.mobile-menu-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;color:hsl(var(--foreground));text-decoration:none;background:none;border:none;width:100%;text-align:left;cursor:pointer;font-family:inherit;transition:background .15s}.mobile-menu-item:hover{background:hsl(var(--secondary))}.mobile-menu-item.active{color:hsl(var(--accent));font-weight:700}.mobile-menu-logout{color:#e61601;font-weight:600}.whatsapp-mobile{color:#25d366;font-weight:600}.mobile-menu-footer{padding:1.5rem;margin-top:auto}.mobile-theme-toggle{display:flex;align-items:center;gap:.75rem;width:100%;padding:.85rem 1rem;border:1px solid hsl(var(--border));border-radius:6px;background:hsl(var(--secondary));color:hsl(var(--foreground));font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:border-color .2s}.mobile-theme-toggle:hover{border-color:hsl(var(--foreground) / .3)}.hero-banner{height:200px}.product-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.footer-inner{flex-direction:column}.footer-links{gap:2rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}}@media(max-width:480px){.logo{font-size:.95rem}.category-link{padding:.5rem .7rem;font-size:.65rem}}