*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #E8590C;--color-primary-light: #FFF3ED;--color-primary-dark: #C44A08;--color-green: #2A9D5C;--color-green-light: #E6F5EE;--color-red: #C43232;--color-red-light: #FEECEC;--color-blue: #1A6FC4;--color-blue-light: #E8F1FB;--color-gold: #D97706;--color-gold-light: #FFFBEB;--color-text: #1A1917;--color-text2: #6B6966;--color-text3: #A09D9A;--color-bg: #F5F4F2;--color-bg2: #FFFFFF;--color-bg3: #EDECEA;--color-border: rgba(0,0,0,.09);--color-border-mid: rgba(0,0,0,.15);--navbar-height: 68px;--max-width: 1280px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 16px rgba(0,0,0,.1);--shadow-lg: 0 8px 32px rgba(0,0,0,.14);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--transition: all .18s ease}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font);color:var(--color-text);background:var(--color-bg);line-height:1.5;min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;outline:none}img{max-width:100%;display:block}ul,ol{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-mid);border-radius:3px}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 20px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.w-full{width:100%}.page-enter{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.skeleton{background:linear-gradient(90deg,var(--color-bg3) 25%,var(--color-bg) 50%,var(--color-bg3) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}@media (max-width: 640px){.product-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}@media (max-width: 480px){.category-grid{grid-template-columns:repeat(3,1fr);gap:10px}}