:root{--color-primary:#334155;--color-secondary:#64748b;--color-accent:#d97706;--color-light:#f1f5f9;--color-background:#f8fafc;--color-text:#1f2937;--color-text-light:#6b7280;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--font-heading:"Outfit",sans-serif;--font-body:"Inter",sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-background);color:var(--color-text);-webkit-font-smoothing:antialiased;background-image:url(/texture.png);line-height:1.6}h1,h2,h3,h4,h5{font-family:var(--font-heading);color:var(--color-primary);line-height:1.2}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:.8s ease-out forwards fadeInUp}.container{max-width:1280px;padding:0 var(--spacing-sm);margin:0 auto}.btn{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:50px;justify-content:center;align-items:center;padding:.75rem 1.75rem;font-size:.9rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:#fff;box-shadow:0 4px 14px #2c6e494d}.btn-primary:hover{background-color:var(--color-secondary);transform:translateY(-2px);box-shadow:0 6px 20px #2c6e4966}.btn-outline{border:2px solid var(--color-primary);color:var(--color-primary);background-color:#0000}.btn-outline:hover{background-color:var(--color-primary);color:#fff;transform:translateY(-2px)}@media (max-width:768px){.container{padding:0 1rem}.flex-responsive{flex-direction:column!important}h1{font-size:2.25rem!important}h2{font-size:1.75rem!important}.hide-mobile{display:none!important}.show-mobile{display:block!important}}@media (min-width:769px){.show-mobile{display:none!important}}.product-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;display:grid}@media (max-width:640px){.product-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}
