:root{--color-bg-primary: #0f0f0f;--color-bg-secondary: #1a1a1a;--color-bg-tertiary: #252525;--color-text-primary: #ffffff;--color-text-secondary: #a0a0a0;--color-text-accent: #d4af37;--color-border: #333333;--color-border-hover: #555555;--color-primary: #d4af37;--color-primary-hover: #f0c448;--font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .4)}[data-theme=light]{--color-bg-primary: #f5f5f5;--color-bg-secondary: #ffffff;--color-bg-tertiary: #e0e0e0;--color-text-primary: #1a1a1a;--color-text-secondary: #666666;--color-border: #e0e0e0;--color-border-hover: #cccccc;--color-primary: #d4af37;--color-primary-hover: #e6c200;--color-text-accent: #d4af37}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-family-sans);line-height:1.6;-webkit-font-smoothing:antialiased}#app{max-width:1280px;margin:0 auto;padding:var(--spacing-md)}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-weight:600;line-height:1.2;margin-bottom:var(--spacing-sm)}h1{font-size:2.5rem;letter-spacing:-.02em}h2{font-size:1.75rem;margin-bottom:var(--spacing-md)}button{cursor:pointer;border:none;background:var(--color-primary);color:var(--color-bg-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-weight:600;transition:all .2s ease}button:hover{background:var(--color-primary-hover);transform:translateY(-1px)}button.secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}button.secondary:hover{background:var(--color-border)}input,select{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-primary);padding:var(--spacing-sm);border-radius:var(--radius-sm);font-family:inherit;width:100%}input:focus,select:focus{outline:none;border-color:var(--color-primary)}.card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-border-hover)}.text-accent{color:var(--color-text-accent)}.text-secondary{color:var(--color-text-secondary)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.grid{display:grid;gap:var(--spacing-md)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}.product-card[data-v-9c611e92]{display:flex;flex-direction:column;height:100%}.image-placeholder[data-v-9c611e92]{background:#2a2a2a;height:200px;border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);display:flex;align-items:center;justify-content:center;overflow:hidden}.image-content img[data-v-9c611e92]{width:100%;height:100%;object-fit:cover}.no-image[data-v-9c611e92]{color:var(--color-text-secondary);font-size:.875rem}.content[data-v-9c611e92]{display:flex;flex-direction:column;flex:1}.title[data-v-9c611e92]{font-size:1.25rem;margin-bottom:var(--spacing-xs)}.name[data-v-9c611e92]{font-size:.875rem;margin-bottom:var(--spacing-md);line-height:1.4}.specs[data-v-9c611e92]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);font-size:.875rem}.spec-item[data-v-9c611e92]{display:flex;flex-direction:column}.label[data-v-9c611e92]{color:var(--color-text-secondary);font-size:.75rem}.price-row[data-v-9c611e92]{margin-top:auto;margin-bottom:var(--spacing-md);font-size:1.25rem;font-weight:600;color:var(--color-primary)}.product-list-container[data-v-b274c911]{display:flex;flex-direction:column;gap:var(--spacing-md)}.filters-bar[data-v-b274c911]{display:flex;gap:var(--spacing-md);flex-wrap:wrap;background:var(--color-bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-border)}.search-wrapper[data-v-b274c911]{flex:2;min-width:250px}.filters[data-v-b274c911]{flex:1;min-width:200px}.results-count[data-v-b274c911]{color:var(--color-text-secondary);font-size:.875rem;text-align:right;width:100%;margin-top:var(--spacing-sm)}.load-more-container[data-v-b274c911]{display:flex;justify-content:center;padding:var(--spacing-lg) 0}.no-results[data-v-b274c911]{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.price-calculator[data-v-ef8ef828]{height:100%;display:flex;flex-direction:column}.calculator-header[data-v-ef8ef828]{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.calculator-header h2[data-v-ef8ef828]{font-size:1.5rem;margin-bottom:var(--spacing-xs)}.product-id[data-v-ef8ef828]{color:var(--color-text-secondary);font-size:.875rem;font-family:monospace}.calculator-body[data-v-ef8ef828]{flex:1;display:flex;flex-direction:column;gap:var(--spacing-lg)}.configurator-section[data-v-ef8ef828]{background:var(--color-bg-tertiary);padding:var(--spacing-md);border-radius:var(--radius-md)}.configurator-section h3[data-v-ef8ef828]{font-size:1rem;margin-bottom:var(--spacing-md);color:var(--color-text-primary)}.variants-grid[data-v-ef8ef828]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.variant-group[data-v-ef8ef828]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.variant-group label[data-v-ef8ef828]{font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.variant-select[data-v-ef8ef828]{width:100%;padding:var(--spacing-sm);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary)}.input-group[data-v-ef8ef828]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.input-group label[data-v-ef8ef828]{font-weight:500;font-size:.875rem}.input-wrapper[data-v-ef8ef828]{display:flex;align-items:center;gap:var(--spacing-sm)}.width-input[data-v-ef8ef828]{flex:1;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:1rem}.width-input.error[data-v-ef8ef828]{border-color:var(--color-error)}.unit[data-v-ef8ef828]{color:var(--color-text-secondary)}.help-text[data-v-ef8ef828]{font-size:.75rem;color:var(--color-text-secondary)}.error-message[data-v-ef8ef828]{color:var(--color-error);font-size:.875rem}.price-breakdown[data-v-ef8ef828]{background:var(--color-bg-tertiary);padding:var(--spacing-md);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.breakdown-row[data-v-ef8ef828]{display:flex;justify-content:space-between;font-size:.875rem;color:var(--color-text-secondary)}.breakdown-row.subtotal[data-v-ef8ef828]{border-top:1px solid var(--color-border);padding-top:var(--spacing-sm);margin-top:var(--spacing-xs);font-weight:600;color:var(--color-text-primary)}.breakdown-row.discount[data-v-ef8ef828]{color:var(--color-success)}.total-row[data-v-ef8ef828]{display:flex;justify-content:space-between;align-items:baseline;margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);font-weight:700;font-size:1.125rem}.total-price[data-v-ef8ef828]{font-size:1.5rem;color:var(--color-accent)}.compact[data-v-ef8ef828]{margin-top:var(--spacing-sm)}.discount-inputs[data-v-ef8ef828]{display:flex;gap:var(--spacing-xs)}.discount-inputs input[data-v-ef8ef828]{flex:2}.discount-inputs select[data-v-ef8ef828]{flex:1}.app-container{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:background-color .3s,color .3s}.app-header{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);padding:var(--spacing-md) var(--spacing-xl);position:sticky;top:0;z-index:100}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;width:100%}.logo-title{cursor:pointer;transition:opacity .2s ease;-webkit-user-select:none;user-select:none}.logo-title:hover{opacity:.8}.controls{display:flex;align-items:center;gap:var(--spacing-lg)}.view-toggle{display:flex;align-items:center}.toggle-label{display:flex;align-items:center;cursor:pointer;gap:var(--spacing-sm)}.toggle-label input{display:none}.toggle-slider{width:40px;height:20px;background-color:var(--color-bg-tertiary);border:2px solid var(--color-text-secondary);border-radius:20px;position:relative;transition:background-color .3s,border-color .3s;box-shadow:0 2px 4px #0000001a}.toggle-label input:checked+.toggle-slider{background-color:var(--color-accent)}.toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background-color:#fff;border-radius:50%;transition:transform .3s}.toggle-label input:checked+.toggle-slider:after{transform:translate(20px)}.toggle-text{font-size:.875rem;color:var(--color-text-primary)}.theme-toggle{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:var(--spacing-xs);border-radius:50%;transition:background-color .3s}.theme-toggle:hover{background-color:var(--color-bg-tertiary)}.main-content{flex:1;position:relative;max-width:1200px;margin:0 auto;width:100%;padding:var(--spacing-lg)}.calculator-sidebar{position:fixed;top:0;right:-500px;width:450px;height:100vh;background:var(--color-bg-secondary);border-left:1px solid var(--color-border);box-shadow:-5px 0 15px #0000004d;transition:right .3s ease;z-index:200;overflow-y:auto}.calculator-sidebar.is-open{right:0}.sidebar-content{padding:var(--spacing-lg);position:relative}.close-btn{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:none;border:none;font-size:1.5rem;color:var(--color-text-secondary);cursor:pointer}@media(max-width:768px){.calculator-sidebar{width:100%;right:-100%}}