:root{--color-primary:#002d72;--color-primary-dark:#002050;--color-accent:#fd0;--color-accent-hover:#e5c600;--color-alert:#d71920;--color-bg:#f2f2f2;--color-surface:#fff;--color-text-main:#333;--color-text-secondary:#666;--color-border:#e0e0e0;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--weight-regular:400;--weight-medium:500;--weight-bold:700;--weight-heavy:800;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000000d;--shadow-lg:0 10px 15px #0000001a;--shadow-hover:0 10px 25px #002d7226;--transition-fast:.2s ease;--transition-normal:.3s cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text-main);margin:0;padding:0;line-height:1.5}h1,h2,h3,h4,h5,h6{color:var(--color-primary);font-weight:var(--weight-heavy);margin:0}a{text-decoration:none;color:inherit}ul{list-style:none;margin:0;padding:0}.container{padding:0 var(--spacing-md);max-width:1440px;margin:0 auto}.main-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--spacing-lg);padding-top:var(--spacing-lg);padding-bottom:var(--spacing-xl)}.top-header{background-color:var(--color-primary);color:#fff;padding:var(--spacing-md)0;position:sticky;z-index:100;box-shadow:var(--shadow-md);top:0}.header-content{display:flex;justify-content:space-between;align-items: center}.logo{background-color:var(--color-accent);color:var(--color-primary);padding:var(--spacing-xs)var(--spacing-md);font-weight:var(--weight-heavy);letter-spacing:-.5px;margin-right:var(--spacing-xl);border-radius:2px;font-size:1.5rem}.search-bar{position:relative;flex:1;max-width:600px}.search-input{padding:12px var(--spacing-md);border:none;border-radius:4px;width:100%;font-size:1rem}.search-input:focus{outline:2px solid var(--color-accent)}.header-actions{display:flex;gap:var(--spacing-lg);align-items: center}.cart-icon-wrapper{position:relative;color:#fff;display:flex;align-items: center;gap:var(--spacing-sm);font-weight:var(--weight-medium);cursor:pointer;padding:var(--spacing-sm)var(--spacing-md);transition:background-color var(--transition-fast);border-radius:4px}.cart-icon-wrapper:hover{background-color:#ffffff1a}.cart-badge{position:absolute;background-color:var(--color-accent);color:var(--color-primary);font-size:.75rem;font-weight:var(--weight-bold);display:flex;border-radius:50%;justify-content:center;align-items: center;width:20px;height:20px;top:0;right:0;transform:translate(25%,-25%)}.sidebar{background-color:var(--color-surface);padding:var(--spacing-md);box-shadow:var(--shadow-sm);border-radius:8px;height:-moz-fit-content;height:fit-content}.category-title{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-accent);font-size:1.1rem}.category-list{display:flex;gap:var(--spacing-xs);flex-direction:column}.category-item{cursor:pointer}.category-link{display:block;padding:var(--spacing-sm);color:var(--color-text-main);transition:all var(--transition-fast);font-weight:var(--weight-medium);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px}.category-link:hover{background-color:var(--color-bg);color:var(--color-primary)}.category-link.active{background-color:var(--color-primary);color:#fff}.sub-category-list{margin-left:var(--spacing-md);border-left:2px solid var(--color-border);padding-left:var(--spacing-sm);display:none}.sub-category-list.open{display:block;animation:slideDown .3s ease-out}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.product-card{background-color:var(--color-surface);padding:var(--spacing-md);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);display:flex;position:relative;overflow:hidden;border:1px solid #0000;border-radius:8px;flex-direction:column}.product-card:hover{box-shadow:var(--shadow-hover);border-color:var(--color-border);transform:translateY(-4px)}.product-image-container{display:flex;margin-bottom:var(--spacing-md);background-color:#fff;justify-content:center;align-items: center;height:200px}.product-image{object-fit:contain;transition:transform var(--transition-normal);max-width:100%;max-height:100%}.product-card:hover .product-image{transform:scale(1.05)}.product-info{display:flex;flex-direction:column;flex:1}.product-category{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs);font-size:.75rem}.product-title{margin-bottom:var(--spacing-sm);color:var(--color-primary);display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;cursor:pointer;transition:color var(--transition-fast);-webkit-box-orient:vertical;font-size:1rem;line-height:1.4}.product-title:hover{color:var(--color-primary-dark)}.price-container{border-top:1px solid var(--color-border);padding-top:var(--spacing-sm);margin-top:auto}.price-net{font-size:1.5rem;font-weight:var(--weight-heavy);color:var(--color-text-main)}.price-vat{color:var(--color-text-secondary);font-size:.8rem}.btn-add{margin-top:var(--spacing-md);background-color:var(--color-primary);color:#fff;font-weight:var(--weight-bold);cursor:pointer;transition:background-color var(--transition-fast);display:flex;justify-content:center;align-items: center;gap:var(--spacing-sm);border:none;border-radius:4px;width:100%;padding:10px}.btn-add:hover{background-color:var(--color-primary-dark)}.btn-add:active{transform:scale(.98)}.status-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);font-size:.75rem;font-weight:var(--weight-bold);z-index:99;border-radius:4px;padding:4px 8px}.status-available{color:#1e8e3e;background-color:#e6f4ea}.status-unavailable{color:#c5221f;background-color:#fce8e6}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.product-detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);background:#fff;border-radius:8px}.detail-image-area{display:flex;padding:var(--spacing-lg);border:1px solid var(--color-border);border-radius:8px;justify-content:center;align-items: center}.detail-info-area h1{margin-bottom:var(--spacing-md);color:var(--color-primary);font-size:2rem}.detail-price-block{background-color:var(--color-bg);padding:var(--spacing-md);margin:var(--spacing-lg)0;border-radius:8px}.cart-layout{display:grid;grid-template-columns:1fr 350px;gap:var(--spacing-lg)}.cart-items{box-shadow:var(--shadow-sm);overflow:hidden;background:#fff;border-radius:8px}.cart-item{display:grid;grid-template-columns:100px 1fr auto auto;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid var(--color-border);align-items: center}.cart-summary{padding:var(--spacing-lg);box-shadow:var(--shadow-sm);background:#fff;border-radius:8px;height:-moz-fit-content;height:fit-content}.summary-row{display:flex;margin-bottom:var(--spacing-sm);justify-content:space-between}.summary-total{border-top:2px solid var(--color-border);margin-top:var(--spacing-md);padding-top:var(--spacing-md);font-weight:var(--weight-heavy);color:var(--color-primary);font-size:1.25rem}.btn-checkout{background-color:var(--color-accent);color:var(--color-primary);padding:var(--spacing-md);font-weight:var(--weight-heavy);margin-top:var(--spacing-lg);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:4px;width:100%;font-size:1.1rem}.btn-checkout:hover{background-color:var(--color-accent-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.reset-button{background-color:var(--color-primary);color:var(--color-surface);padding:var(--spacing-sm);cursor:pointer;transition:color var(--transition-fast);border-radius:4px;width:100%;font-size:1rem}@media (max-width:1024px){.main-layout{grid-template-columns:240px 1fr}}@media (max-width:768px){.main-layout{grid-template-columns:1fr}.sidebar{display:none}.product-detail-layout,.cart-layout{grid-template-columns:1fr}}