:root{--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--color-primary: #2d7a3a;--color-primary-light: #e8f5e9;--color-surface: #ffffff;--color-background: #f5f5f5;--color-text: #1a1a1a;--color-text-secondary: #666666;--color-border: #e0e0e0;--color-badge: #ff5722;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-sm: .75rem;--font-size-md: .875rem;--font-size-lg: 1rem;--font-size-xl: 1.25rem;--tile-min-width: 160px;--tap-target-min: 44px;--bottom-nav-height: 56px;--border-radius: 8px}*,*:before,*:after{box-sizing:border-box}html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,figure,blockquote{margin:0;padding:0}ul,ol{list-style:none}img{display:block;max-width:100%;height:auto}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}button,a,input{touch-action:manipulation}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;touch-action:manipulation}body{font-family:var(--font-family);font-size:var(--font-size-lg);line-height:1.5;color:var(--color-text);background-color:var(--color-background);min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(max-width:479px){.product-grid{grid-template-columns:1fr}}@media(min-width:480px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(var(--tile-min-width),1fr))}}