:root{--color-navy: #243166;--color-navy-dark: #1a2450;--color-navy-light: #3a4d8f;--color-green: #268972;--color-green-dark: #1d6b58;--color-green-light: #2faa8d;--color-white: #ffffff;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-700: #374151;--color-gray-900: #111827;--color-error: #dc2626;--color-success: #16a34a;--color-warning: #d97706;--font-display: "Anton", sans-serif;--font-heading: "Antic", Georgia, serif;--font-body: "Antic", Georgia, serif;--font-mono: "Courier New", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--transition-fast: .15s ease;--transition-base: .25s ease;--max-width: 1200px;--header-height: 64px}@media (max-width: 768px){:root{--header-height: 56px}}.prod-row{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--color-gray-200)}@media (max-width: 767px){.prod-row{grid-template-columns:52px 1fr;row-gap:12px}.prod-row .prod-controls{grid-column:1 / -1;justify-content:space-between;width:100%}}.sticky-cart{display:none}@media (max-width: 768px){.sticky-cart{display:flex}}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-body);color:var(--color-gray-900);background:var(--color-gray-50);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;letter-spacing:-.01em;color:var(--color-navy);line-height:1.25}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:16px}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-4)}@media (min-width: 768px){.container{padding:0 var(--space-6)}}.brand-display{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .3s ease both}@keyframes spin{to{transform:rotate(360deg)}}
