:root{--color-bg: #fafafa;--color-surface: #ffffff;--color-text: #111111;--color-muted: #6b6b6b;--color-border: #e8e8e8;--color-accent: #c4a574;--color-accent-dark: #a88b5c;--color-dark: #111111;--color-hover: rgba(0, 0, 0, .04);--color-placeholder: #eeeeee;--color-success-bg: #ecfdf5;--color-success-text: #047857;--color-success-border: #a7f3d0;--color-danger-bg: #fef2f2;--color-danger-text: #b91c1c;--color-danger-border: #fecaca;--color-info-bg: #eff6ff;--color-info-text: #1d4ed8;--color-info-border: #bfdbfe;--color-warning-bg: #fffbeb;--color-warning-text: #b45309;--color-neutral-bg: #f3f4f6;--color-neutral-text: #374151;--font-sans: "DM Sans", system-ui, sans-serif;--font-display: "Playfair Display", Georgia, serif;--header-height: 72px;--radius: 8px;--shadow: 0 4px 24px rgba(0, 0, 0, .06);--container: min(1280px, 100% - 2rem)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-bg: #121212;--color-surface: #1e1e1e;--color-text: #f0f0f0;--color-muted: #a3a3a3;--color-border: #333333;--color-accent: #d4b483;--color-accent-dark: #e2c69c;--color-dark: #2a2a2a;--color-hover: rgba(255, 255, 255, .06);--color-placeholder: #2a2a2a;--color-success-bg: rgba(16, 185, 129, .15);--color-success-text: #6ee7b7;--color-success-border: rgba(16, 185, 129, .35);--color-danger-bg: rgba(239, 68, 68, .15);--color-danger-text: #fca5a5;--color-danger-border: rgba(239, 68, 68, .35);--color-info-bg: rgba(59, 130, 246, .15);--color-info-text: #93c5fd;--color-info-border: rgba(59, 130, 246, .35);--color-warning-bg: rgba(245, 158, 11, .15);--color-warning-text: #fcd34d;--color-neutral-bg: rgba(255, 255, 255, .08);--color-neutral-text: #d1d5db;--shadow: 0 4px 24px rgba(0, 0, 0, .35)}}:root[data-theme=dark]{--color-bg: #121212;--color-surface: #1e1e1e;--color-text: #f0f0f0;--color-muted: #a3a3a3;--color-border: #333333;--color-accent: #d4b483;--color-accent-dark: #e2c69c;--color-dark: #2a2a2a;--color-hover: rgba(255, 255, 255, .06);--color-placeholder: #2a2a2a;--color-success-bg: rgba(16, 185, 129, .15);--color-success-text: #6ee7b7;--color-success-border: rgba(16, 185, 129, .35);--color-danger-bg: rgba(239, 68, 68, .15);--color-danger-text: #fca5a5;--color-danger-border: rgba(239, 68, 68, .35);--color-info-bg: rgba(59, 130, 246, .15);--color-info-text: #93c5fd;--color-info-border: rgba(59, 130, 246, .35);--color-warning-bg: rgba(245, 158, 11, .15);--color-warning-text: #fcd34d;--color-neutral-bg: rgba(255, 255, 255, .08);--color-neutral-text: #d1d5db;--shadow: 0 4px 24px rgba(0, 0, 0, .35)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a,a:visited,a:active{color:inherit;text-decoration:none}.header a:not(.btn),.nav--desktop a,.nav--mobile a{color:var(--color-text);text-decoration:none}.header a:not(.btn):hover,.nav--desktop a:hover,.nav--mobile a:hover{color:var(--color-accent-dark);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}.container{width:var(--container);margin-inline:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;font-family:var(--font-sans);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border:none;border-radius:var(--radius);cursor:pointer;transition:opacity .2s,background .2s;text-decoration:none}.btn:hover{opacity:.92}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-dark)!important;color:#fff!important;border:1px solid var(--color-dark)!important}.btn-primary:hover,.btn-primary:focus{background:#333!important;border-color:#333!important;color:#fff!important}.btn-outline{background:transparent;border:1px solid currentColor;color:inherit}.btn-accent{background:var(--color-accent);color:#fff}.btn-danger{background:transparent;border:1px solid var(--color-danger-text);color:var(--color-danger-text)}.btn-danger:hover,.btn-danger:focus{background:var(--color-danger-bg)}.form-field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.form-field label{font-size:.875rem;font-weight:500}.form-field input,.form-field select,.form-field textarea{padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius);font:inherit;background:var(--color-surface);color:var(--color-text)}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:2px solid var(--color-accent);outline-offset:0;border-color:transparent}.badge{display:inline-block;padding:.25rem .5rem;font-size:.65rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;width:max-content;background:var(--color-dark);color:#fff}.grid-products{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media (max-width: 1024px){.grid-products{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.grid-products{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.grid-products{grid-template-columns:1fr}}.grid-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media (max-width: 768px){.grid-categories{grid-template-columns:1fr}}