:root{--primary: 142 71% 45%;--primary-foreground: 144 100% 98%;--background: 0 0% 100%;--foreground: 240 10% 3.9%;--card: 0 0% 100%;--card-foreground: 240 10% 3.9%;--muted: 240 4.8% 95.9%;--muted-foreground: 240 3.8% 46.1%;--accent: 240 4.8% 95.9%;--accent-foreground: 240 5.9% 10%;--border: 240 5.9% 90%;--input: 240 5.9% 90%;--ring: 142 71% 45%;--radius: .75rem;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-heading: "Outfit", "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:hsl(var(--background));color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;cursor:default!important;user-select:none!important;-webkit-user-select:none!important}.container{max-width:1200px;margin:0 auto;padding:0 1rem}button{cursor:pointer;border:none;background:none;font-family:inherit}a{text-decoration:none;color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:var(--radius);font-weight:600;transition:all .2s}.btn-primary{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.hide-on-mobile{display:block}.show-on-mobile{display:none}@media (max-width: 768px){.hide-on-mobile{display:none!important}.show-on-mobile{display:block!important}.container{padding:0 1rem}.grid{grid-template-columns:repeat(2,1fr);gap:1rem}.navbar .container{gap:.75rem!important;justify-content:space-between;flex-wrap:wrap!important}.logo{font-size:1.5rem!important;flex:0 0 auto}.search-container{order:3;width:100%!important;margin-top:.25rem;flex:0 0 100%}.nav-actions{gap:.75rem!important;flex:0 0 auto}.btn-cart{padding:.5rem .75rem!important;font-size:.85rem!important}.profile-dropdown{right:0!important;left:auto!important;width:220px!important}.product-card{padding:.75rem!important;gap:.5rem!important}.product-image-container{height:120px!important}.category-circle{width:70px!important;height:70px!important}.category-text{font-size:.65rem!important;font-weight:700!important}}@media (max-width: 480px){.grid{grid-template-columns:repeat(2,1fr)}h1{font-size:1.5rem}h2{font-size:1.25rem}}