@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;600;800&display=swap";:root{--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}*{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:1200px;margin:0 auto;padding:0 1.5rem}.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:0 4px 6px -1px #00000005,0 2px 4px -1px #00000003;padding:.75rem}.product-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000000d,0 10px 10px -5px #00000005;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{height:80px;display:flex;align-items:center;border-bottom:1px solid hsl(var(--border));position:sticky;top:0;z-index:100;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo{font-family:Outfit,sans-serif;font-weight:800;font-size:1.75rem;color:#000;letter-spacing:-.02em}.jumia-layout{display:grid;grid-template-columns:240px 1fr;gap:1rem;margin-bottom:2rem}.sidebar{background:#fff;border-radius:var(--radius);padding:.5rem 0;box-shadow:0 2px 5px #0000000d;height:fit-content}.sidebar-item{padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#333;cursor:pointer;transition:background .2s}.sidebar-item:hover{background:#f5f5f5;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:#fff;border-radius:var(--radius);margin-bottom:2rem;box-shadow:0 2px 5px #0000000d}.section-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:#f8f8f8}.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:#fff}.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}.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}