[data-v-d3ef2364]:root{--primary-color: #ff7e27;--secondary-color: #fdbb45;--accent-color: #fdbb45;--danger-color: #e74c3c;--light-gray: #ecf0f1;--dark-gray: #34495e;--white: #ffffff;--primary-color-dark: hsl(from var(--primary-color) h s calc(l*.8) );--secondary-color-dark: hsl(from var(--secondary-color) h s calc(l*.8) );--accent-color-dark: #fdbb45;--danger-color-dark: #c0392b;--dark-gray-light-10: hsl(from var(--primary-color) h s calc(l*1.1) );--dark-gray-light-20: hsl(from var(--primary-color) h s calc(l*1.2) );--dark-gray-light-30: hsl(from var(--primary-color) h s calc(l*1.3) );--dark-gray-light-40: hsl(from var(--primary-color) h s calc(l*1.4) );--dark-gray-light-45: hsl(from var(--primary-color) h s calc(l*1.45) );--dark-gray-light-50: hsl(from var(--primary-color) h s calc(l*1.5) );--primary-color-light-10: hsl(from var(--primary-color) h s calc(l*1.1) );--primary-color-light-30: hsl(from var(--primary-color) h s calc(l*1.3) );--primary-color-light-40: hsl(from var(--primary-color) h s calc(l*1.4) );--primary-color-light-45: hsl(from var(--primary-color) h s calc(l*1.45) );--danger-color-light-20: #ec7063;--danger-color-light-45: #f5b7b1;--mobile: 768px;--tablet: 1024px;--desktop: 1200px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--border-radius: 8px;--border-radius-sm: 4px;--box-shadow: 0 2px 8px rgba(0, 0, 0, .1);--box-shadow-hover: 0 4px 12px rgba(0, 0, 0, .15)}.product-card[data-v-d3ef2364]{display:flex;flex-direction:column;height:100%;transition:transform .3s ease}.product-card[data-v-d3ef2364]:hover{transform:translateY(-2px)}.product-info[data-v-d3ef2364]{flex:1;margin-bottom:var(--spacing-md)}.product-name[data-v-d3ef2364]{font-size:1.1rem;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--dark-gray)}.product-category[data-v-d3ef2364]{font-size:.85rem;margin-bottom:var(--spacing-sm);text-transform:uppercase;font-weight:500}.product-price[data-v-d3ef2364]{font-size:1.3rem;font-weight:700}.product-actions[data-v-d3ef2364]{margin-top:auto}@media (max-width: 480px){.product-card[data-v-d3ef2364]{padding:var(--spacing-md)}}[data-v-5425fef9]:root{--primary-color: #ff7e27;--secondary-color: #fdbb45;--accent-color: #fdbb45;--danger-color: #e74c3c;--light-gray: #ecf0f1;--dark-gray: #34495e;--white: #ffffff;--primary-color-dark: hsl(from var(--primary-color) h s calc(l*.8) );--secondary-color-dark: hsl(from var(--secondary-color) h s calc(l*.8) );--accent-color-dark: #fdbb45;--danger-color-dark: #c0392b;--dark-gray-light-10: hsl(from var(--primary-color) h s calc(l*1.1) );--dark-gray-light-20: hsl(from var(--primary-color) h s calc(l*1.2) );--dark-gray-light-30: hsl(from var(--primary-color) h s calc(l*1.3) );--dark-gray-light-40: hsl(from var(--primary-color) h s calc(l*1.4) );--dark-gray-light-45: hsl(from var(--primary-color) h s calc(l*1.45) );--dark-gray-light-50: hsl(from var(--primary-color) h s calc(l*1.5) );--primary-color-light-10: hsl(from var(--primary-color) h s calc(l*1.1) );--primary-color-light-30: hsl(from var(--primary-color) h s calc(l*1.3) );--primary-color-light-40: hsl(from var(--primary-color) h s calc(l*1.4) );--primary-color-light-45: hsl(from var(--primary-color) h s calc(l*1.45) );--danger-color-light-20: #ec7063;--danger-color-light-45: #f5b7b1;--mobile: 768px;--tablet: 1024px;--desktop: 1200px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--border-radius: 8px;--border-radius-sm: 4px;--box-shadow: 0 2px 8px rgba(0, 0, 0, .1);--box-shadow-hover: 0 4px 12px rgba(0, 0, 0, .15)}.nested-category-section[data-v-5425fef9]{margin-bottom:var(--spacing-xl)}.category-title[data-v-5425fef9]{font-weight:600;color:var(--primary-color);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:var(--spacing-sm);transition:all .2s ease;border-radius:var(--border-radius)}.category-title[data-v-5425fef9]:hover{background-color:var(--primary-color-light-45);color:var(--primary-color-dark)}.category-title.collapsed[data-v-5425fef9]{margin-bottom:var(--spacing-md)}.main-category[data-v-5425fef9]{font-size:1.8rem;border-bottom:3px solid var(--secondary-color)}.sub-category[data-v-5425fef9]{font-size:1.4rem;border-bottom:2px solid var(--accent-color);color:var(--secondary-color);margin-left:var(--spacing-lg);margin-top:var(--spacing-md)}.sub-category[data-v-5425fef9]:hover{background-color:var(--secondary-color-light-45);color:var(--secondary-color-dark)}.category-icon[data-v-5425fef9]{font-size:1rem;transition:transform .2s ease;transform:rotate(0)}.category-title:not(.collapsed) .category-icon[data-v-5425fef9]{transform:rotate(0)}.product-count[data-v-5425fef9]{font-weight:400;color:var(--primary-color-light-10);margin-left:auto}.sub-category .product-count[data-v-5425fef9]{color:var(--secondary-color)}.products-grid[data-v-5425fef9]{margin-bottom:var(--spacing-lg)}.subcategories[data-v-5425fef9]{margin-left:var(--spacing-md)}.subcategory-section[data-v-5425fef9]{margin-bottom:var(--spacing-lg)}.category-collapse-enter-active[data-v-5425fef9],.category-collapse-leave-active[data-v-5425fef9]{transition:all .3s ease;overflow:hidden}.category-collapse-enter-from[data-v-5425fef9],.category-collapse-leave-to[data-v-5425fef9]{opacity:0;max-height:0;margin-bottom:0}.category-collapse-enter-to[data-v-5425fef9],.category-collapse-leave-from[data-v-5425fef9]{opacity:1;max-height:2000px;margin-bottom:var(--spacing-lg)}.single-category .main-category[data-v-5425fef9]{border-left:4px solid var(--primary-color)}.nested-categories .main-category[data-v-5425fef9]{border-left:4px solid var(--secondary-color)}.sub-category[data-v-5425fef9]{border-left:3px solid var(--accent-color)}[data-v-5425fef9]:root{--secondary-color-light-45: #f8ddb5;--secondary-color-dark: #d68910}[data-v-ddd595ba]:root{--primary-color: #ff7e27;--secondary-color: #fdbb45;--accent-color: #fdbb45;--danger-color: #e74c3c;--light-gray: #ecf0f1;--dark-gray: #34495e;--white: #ffffff;--primary-color-dark: hsl(from var(--primary-color) h s calc(l*.8) );--secondary-color-dark: hsl(from var(--secondary-color) h s calc(l*.8) );--accent-color-dark: #fdbb45;--danger-color-dark: #c0392b;--dark-gray-light-10: hsl(from var(--primary-color) h s calc(l*1.1) );--dark-gray-light-20: hsl(from var(--primary-color) h s calc(l*1.2) );--dark-gray-light-30: hsl(from var(--primary-color) h s calc(l*1.3) );--dark-gray-light-40: hsl(from var(--primary-color) h s calc(l*1.4) );--dark-gray-light-45: hsl(from var(--primary-color) h s calc(l*1.45) );--dark-gray-light-50: hsl(from var(--primary-color) h s calc(l*1.5) );--primary-color-light-10: hsl(from var(--primary-color) h s calc(l*1.1) );--primary-color-light-30: hsl(from var(--primary-color) h s calc(l*1.3) );--primary-color-light-40: hsl(from var(--primary-color) h s calc(l*1.4) );--primary-color-light-45: hsl(from var(--primary-color) h s calc(l*1.45) );--danger-color-light-20: #ec7063;--danger-color-light-45: #f5b7b1;--mobile: 768px;--tablet: 1024px;--desktop: 1200px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--border-radius: 8px;--border-radius-sm: 4px;--box-shadow: 0 2px 8px rgba(0, 0, 0, .1);--box-shadow-hover: 0 4px 12px rgba(0, 0, 0, .15)}.cart-item[data-v-ddd595ba]{display:flex;flex-direction:column;padding:var(--spacing-md);border:1px solid var(--dark-gray-light-50);border-radius:var(--border-radius);margin-bottom:var(--spacing-sm);background:var(--white);transition:all .2s ease;animation:slideIn-ddd595ba .3s ease-out}.cart-item[data-v-ddd595ba]:hover{box-shadow:0 2px 8px #0000001a;border-color:var(--primary-color-light-30)}.cart-item__header[data-v-ddd595ba]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm);gap:var(--spacing-sm)}.cart-item__name[data-v-ddd595ba]{font-size:1rem;font-weight:600;margin:0;color:var(--dark-gray);line-height:1.3;flex:1;min-width:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;word-break:break-word}.remove-btn[data-v-ddd595ba]{flex-shrink:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;line-height:1;padding:0;background-color:var(--danger-color);border:none;color:var(--white);transition:all .2s ease}.remove-btn[data-v-ddd595ba]:hover{transform:scale(1.1);background-color:var(--danger-color-dark);box-shadow:0 2px 6px #e74c3c4d}.cart-item__details[data-v-ddd595ba]{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}@media (max-width: 480px){.cart-item__details[data-v-ddd595ba]{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}}.cart-item__price-info[data-v-ddd595ba]{display:flex;flex-direction:column;gap:var(--spacing-xs)}@media (max-width: 480px){.cart-item__price-info[data-v-ddd595ba]{flex-direction:row;justify-content:space-between;align-items:center}}.unit-price[data-v-ddd595ba]{font-size:.85rem;color:var(--dark-gray-light-20)}.total-price[data-v-ddd595ba]{font-size:1.1rem;font-weight:600;color:var(--primary-color)}.cart-item__controls[data-v-ddd595ba]{flex-shrink:0}.quantity-controls[data-v-ddd595ba]{display:flex;align-items:center;background:var(--light-gray);border-radius:var(--border-radius);overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}.quantity-btn[data-v-ddd595ba]{background:var(--white);border:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;color:var(--dark-gray);transition:all .2s ease}.quantity-btn[data-v-ddd595ba]:hover:not(:disabled){background:var(--primary-color-light-40);color:var(--primary-color);transform:translateY(-1px)}.quantity-btn[data-v-ddd595ba]:disabled{opacity:.5;cursor:not-allowed}.quantity-btn--decrease[data-v-ddd595ba]{border-right:1px solid var(--dark-gray-light-40)}.quantity-btn--increase[data-v-ddd595ba]{border-left:1px solid var(--dark-gray-light-40)}.quantity-btn-placeholder[data-v-ddd595ba]{width:36px;height:36px;background:transparent;border-right:1px solid var(--dark-gray-light-40)}.quantity-display[data-v-ddd595ba]{min-width:45px;text-align:center;font-weight:600;color:var(--dark-gray);background:var(--white);padding:0 var(--spacing-xs);font-size:1rem;display:flex;align-items:center;justify-content:center;height:36px}@keyframes slideIn-ddd595ba{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}[data-v-09c31f21]:root{--primary-color: #ff7e27;--secondary-color: #fdbb45;--accent-color: #fdbb45;--danger-color: #e74c3c;--light-gray: #ecf0f1;--dark-gray: #34495e;--white: #ffffff;--primary-color-dark: hsl(from var(--primary-color) h s calc(l*.8) );--secondary-color-dark: hsl(from var(--secondary-color) h s calc(l*.8) );--accent-color-dark: #fdbb45;--danger-color-dark: #c0392b;--dark-gray-light-10: hsl(from var(--primary-color) h s calc(l*1.1) );--dark-gray-light-20: hsl(from var(--primary-color) h s calc(l*1.2) );--dark-gray-light-30: hsl(from var(--primary-color) h s calc(l*1.3) );--dark-gray-light-40: hsl(from var(--primary-color) h s calc(l*1.4) );--dark-gray-light-45: hsl(from var(--primary-color) h s calc(l*1.45) );--dark-gray-light-50: hsl(from var(--primary-color) h s calc(l*1.5) );--primary-color-light-10: hsl(from var(--primary-color) h s calc(l*1.1) );--primary-color-light-30: hsl(from var(--primary-color) h s calc(l*1.3) );--primary-color-light-40: hsl(from var(--primary-color) h s calc(l*1.4) );--primary-color-light-45: hsl(from var(--primary-color) h s calc(l*1.45) );--danger-color-light-20: #ec7063;--danger-color-light-45: #f5b7b1;--mobile: 768px;--tablet: 1024px;--desktop: 1200px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--border-radius: 8px;--border-radius-sm: 4px;--box-shadow: 0 2px 8px rgba(0, 0, 0, .1);--box-shadow-hover: 0 4px 12px rgba(0, 0, 0, .15)}.shopping-cart[data-v-09c31f21]{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:var(--spacing-lg);position:sticky;top:var(--spacing-lg);max-height:calc(100vh - 2 * var(--spacing-lg));display:flex;flex-direction:column;overflow:hidden}.cart-header[data-v-09c31f21]{margin-bottom:var(--spacing-lg);flex-shrink:0}.cart-title[data-v-09c31f21]{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.5rem;color:var(--dark-gray);margin:0}.cart-badge[data-v-09c31f21]{background:var(--primary-color);color:var(--white);font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm);border-radius:50%;min-width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;font-weight:700}.empty-cart[data-v-09c31f21]{text-align:center;padding:var(--spacing-xl) 0;color:var(--dark-gray-light-20);flex:1;display:flex;flex-direction:column;justify-content:center}.empty-cart p[data-v-09c31f21]{margin:var(--spacing-sm) 0}.cart-content[data-v-09c31f21]{display:flex;flex-direction:column;gap:var(--spacing-lg);height:100%;min-height:0}.cart-items[data-v-09c31f21]{display:flex;flex-direction:column;flex:1;min-height:0}.cart-items-header[data-v-09c31f21]{margin-bottom:var(--spacing-md);flex-shrink:0}.items-count[data-v-09c31f21]{font-size:.9rem;color:var(--dark-gray-light-20);font-weight:500}.cart-items-list[data-v-09c31f21]{flex:1;overflow-y:auto;min-height:0}@media (min-width: 1025px){.cart-items-list[data-v-09c31f21]::-webkit-scrollbar{width:6px}.cart-items-list[data-v-09c31f21]::-webkit-scrollbar-track{background:transparent}.cart-items-list[data-v-09c31f21]::-webkit-scrollbar-thumb{background:var(--dark-gray-light-40);border-radius:3px}.cart-items-list[data-v-09c31f21]::-webkit-scrollbar-thumb:hover{background:var(--dark-gray-light-30)}}.cart-items-list[data-v-09c31f21]:after{content:"";display:block;height:var(--spacing-sm)}.cart-summary[data-v-09c31f21]{border-top:2px solid var(--light-gray);padding-top:var(--spacing-md);flex-shrink:0;background:var(--white)}.summary-row[data-v-09c31f21]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.summary-row.total-price[data-v-09c31f21]{font-size:1.25rem;color:var(--primary-color);border-top:1px solid var(--dark-gray-light-40);padding-top:var(--spacing-md);margin-top:var(--spacing-sm);margin-bottom:0}.summary-row.total-price strong[data-v-09c31f21]{font-weight:700}.cart-actions[data-v-09c31f21]{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-lg);flex-shrink:0}@media (min-width: 1024px){.cart-actions[data-v-09c31f21]{flex-direction:row;justify-content:space-between;align-items:stretch;gap:var(--spacing-md)}}.clear-btn[data-v-09c31f21]{order:1}@media (min-width: 1024px){.clear-btn[data-v-09c31f21]{order:0;flex:1;min-width:0}}.send-btn[data-v-09c31f21]{order:0}@media (min-width: 1024px){.send-btn[data-v-09c31f21]{order:1;flex:1;min-width:0}}.cart-actions .btn[data-v-09c31f21]{justify-content:center;gap:var(--spacing-xs);font-weight:600;width:100%;min-height:48px}@media (min-width: 1024px){.cart-actions .btn[data-v-09c31f21]{width:auto;flex:1}}@media (max-width: 1024px){.shopping-cart[data-v-09c31f21]{position:static;margin-top:var(--spacing-lg);max-height:none}.cart-items[data-v-09c31f21]{flex:none}.cart-items-list[data-v-09c31f21]{max-height:none;overflow-y:visible;flex:none}.cart-content[data-v-09c31f21]{height:auto}}@keyframes fadeIn-09c31f21{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cart-content[data-v-09c31f21]{animation:fadeIn-09c31f21 .3s ease-out}[data-v-af3c5d7d]:root{--primary-color: #ff7e27;--secondary-color: #fdbb45;--accent-color: #fdbb45;--danger-color: #e74c3c;--light-gray: #ecf0f1;--dark-gray: #34495e;--white: #ffffff;--primary-color-dark: hsl(from var(--primary-color) h s calc(l*.8) );--secondary-color-dark: hsl(from var(--secondary-color) h s calc(l*.8) );--accent-color-dark: #fdbb45;--danger-color-dark: #c0392b;--dark-gray-light-10: hsl(from var(--primary-color) h s calc(l*1.1) );--dark-gray-light-20: hsl(from var(--primary-color) h s calc(l*1.2) );--dark-gray-light-30: hsl(from var(--primary-color) h s calc(l*1.3) );--dark-gray-light-40: hsl(from var(--primary-color) h s calc(l*1.4) );--dark-gray-light-45: hsl(from var(--primary-color) h s calc(l*1.45) );--dark-gray-light-50: hsl(from var(--primary-color) h s calc(l*1.5) );--primary-color-light-10: hsl(from var(--primary-color) h s calc(l*1.1) );--primary-color-light-30: hsl(from var(--primary-color) h s calc(l*1.3) );--primary-color-light-40: hsl(from var(--primary-color) h s calc(l*1.4) );--primary-color-light-45: hsl(from var(--primary-color) h s calc(l*1.45) );--danger-color-light-20: #ec7063;--danger-color-light-45: #f5b7b1;--mobile: 768px;--tablet: 1024px;--desktop: 1200px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--border-radius: 8px;--border-radius-sm: 4px;--box-shadow: 0 2px 8px rgba(0, 0, 0, .1);--box-shadow-hover: 0 4px 12px rgba(0, 0, 0, .15)}.search-sort-controls[data-v-af3c5d7d]{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:var(--white);border-radius:var(--border-radius);box-shadow:var(--box-shadow)}@media (min-width: 768px){.search-sort-controls[data-v-af3c5d7d]{flex-direction:row;align-items:center;justify-content:space-between}}.search-container[data-v-af3c5d7d]{flex:1;max-width:400px}.search-input-wrapper[data-v-af3c5d7d]{position:relative;display:flex;align-items:center}.search-input[data-v-af3c5d7d]{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-right:2.5rem;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem}.search-input[data-v-af3c5d7d]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-light)}.btn-clear[data-v-af3c5d7d]{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;padding:0}.icon-remove-circle[data-v-af3c5d7d]{color:var(--text-color-light);transition:all .2s ease}.btn-clear:hover .icon-remove-circle[data-v-af3c5d7d]{color:var(--danger-color);transform:scale(1.1)}.btn-clear[data-v-af3c5d7d]:focus{outline:none}.btn-clear:focus .icon-remove-circle[data-v-af3c5d7d]{color:var(--danger-color);transform:scale(1.1)}.sort-controls[data-v-af3c5d7d]{display:flex;align-items:center;gap:var(--spacing-sm)}.sort-label[data-v-af3c5d7d]{font-weight:500;color:var(--text-color);white-space:nowrap}.sort-buttons[data-v-af3c5d7d]{display:flex;gap:var(--spacing-xs)}.sort-indicator[data-v-af3c5d7d]{margin-left:var(--spacing-xs);font-weight:700}.floating-cart-button[data-v-31f7f97f]{position:fixed;bottom:24px;right:24px;width:64px;height:64px;background:linear-gradient(135deg,var(--primary-color),var(--primary-color-dark));border:none;border-radius:50%;box-shadow:0 4px 16px #0003;cursor:pointer;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease;color:#fff}.floating-cart-button[data-v-31f7f97f]:hover{transform:scale(1.1);box-shadow:0 6px 20px #0000004d}.floating-cart-button[data-v-31f7f97f]:active{transform:scale(.95)}.cart-icon[data-v-31f7f97f]{display:flex;align-items:center;justify-content:center;margin-bottom:-2px}.cart-icon svg[data-v-31f7f97f]{width:24px;height:24px}.cart-count[data-v-31f7f97f]{position:absolute;top:-8px;right:-8px;background:var(--danger-color);color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;min-width:24px;padding:0 4px;border:2px solid white}.float-cart-enter-active[data-v-31f7f97f],.float-cart-leave-active[data-v-31f7f97f]{transition:all .3s cubic-bezier(.4,0,.2,1)}.float-cart-enter-from[data-v-31f7f97f],.float-cart-leave-to[data-v-31f7f97f]{opacity:0;transform:scale(.5) translateY(20px)}@media (max-width: 768px){.floating-cart-button[data-v-31f7f97f]{width:56px;height:56px;bottom:20px;right:20px}.cart-icon svg[data-v-31f7f97f]{width:28px;height:28px}.cart-count[data-v-31f7f97f]{width:20px;height:20px;font-size:.7rem;top:-6px;right:-6px}}@media (min-width: 1025px){.floating-cart-button[data-v-31f7f97f]{display:none}}:root{--primary-color: #ff7e27;--secondary-color: #fdbb45;--accent-color: #fdbb45;--danger-color: #e74c3c;--light-gray: #ecf0f1;--dark-gray: #34495e;--white: #ffffff;--primary-color-dark: hsl(from var(--primary-color) h s calc(l*.8) );--secondary-color-dark: hsl(from var(--secondary-color) h s calc(l*.8) );--accent-color-dark: #fdbb45;--danger-color-dark: #c0392b;--dark-gray-light-10: hsl(from var(--primary-color) h s calc(l*1.1) );--dark-gray-light-20: hsl(from var(--primary-color) h s calc(l*1.2) );--dark-gray-light-30: hsl(from var(--primary-color) h s calc(l*1.3) );--dark-gray-light-40: hsl(from var(--primary-color) h s calc(l*1.4) );--dark-gray-light-45: hsl(from var(--primary-color) h s calc(l*1.45) );--dark-gray-light-50: hsl(from var(--primary-color) h s calc(l*1.5) );--primary-color-light-10: hsl(from var(--primary-color) h s calc(l*1.1) );--primary-color-light-30: hsl(from var(--primary-color) h s calc(l*1.3) );--primary-color-light-40: hsl(from var(--primary-color) h s calc(l*1.4) );--primary-color-light-45: hsl(from var(--primary-color) h s calc(l*1.45) );--danger-color-light-20: #ec7063;--danger-color-light-45: #f5b7b1;--mobile: 768px;--tablet: 1024px;--desktop: 1200px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--border-radius: 8px;--border-radius-sm: 4px;--box-shadow: 0 2px 8px rgba(0, 0, 0, .1);--box-shadow-hover: 0 4px 12px rgba(0, 0, 0, .15)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--light-gray);color:var(--dark-gray);line-height:1.6}.container{max-width:var(--desktop);margin:0 auto;padding:0 var(--spacing-md)}@media (max-width: 768px){.container{padding:0 var(--spacing-sm)}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--border-radius-sm);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;min-height:40px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background-color:var(--primary-color);color:var(--white)}.btn--primary:hover:not(:disabled){background-color:var(--primary-color-dark)}.btn--secondary{background-color:var(--secondary-color);color:var(--white)}.btn--secondary:hover:not(:disabled){background-color:var(--secondary-color-dark)}.btn--success{background-color:var(--accent-color);color:var(--white)}.btn--success:hover:not(:disabled){background-color:var(--accent-color-dark)}.btn--danger{background-color:var(--danger-color);color:var(--white)}.btn--danger:hover:not(:disabled){background-color:var(--danger-color-dark)}.btn--outline{background:transparent;border:1px solid var(--dark-gray-light-30);color:var(--dark-gray-light-10)}.btn--outline:hover:not(:disabled){background:var(--dark-gray-light-45);border-color:var(--dark-gray-light-20)}.btn--small{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8rem;min-height:32px}.btn--large{padding:var(--spacing-md) var(--spacing-lg);font-size:1.1rem;min-height:48px}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--dark-gray-light-40);border-radius:var(--border-radius-sm);font-size:1rem;transition:border-color .3s ease}.input:focus{outline:none;border-color:var(--primary-color)}.card{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.card:hover{box-shadow:var(--box-shadow-hover)}.grid{display:grid;gap:var(--spacing-md)}.grid--2-cols{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid--3-cols{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media (max-width: 768px){.grid{grid-template-columns:1fr}}.flex{display:flex}.flex--center{justify-content:center;align-items:center}.flex--between{justify-content:space-between}.flex--column{flex-direction:column}.text--center{text-align:center}.text--secondary{color:var(--dark-gray-light-20)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mx-auto{margin-left:auto;margin-right:auto}#app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:linear-gradient(135deg,var(--primary-color),var(--primary-color-dark));color:var(--white);padding:var(--spacing-xl) 0;text-align:center}.app-title{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-sm);display:flex;align-items:center;justify-content:center;gap:var(--spacing-md)}.app-logo{height:6rem;width:auto}@media (max-width: 768px){.app-title{font-size:2rem;gap:var(--spacing-sm)}.app-logo{height:4rem}}.app-subtitle{font-size:1.1rem;opacity:.9;max-width:600px;margin:0 auto}@media (max-width: 768px){.app-subtitle{font-size:1rem}}.app-main{flex:1;padding:var(--spacing-xl) 0}.app-content{display:grid;grid-template-columns:1fr 350px;gap:var(--spacing-xl)}@media (max-width: 1024px){.app-content{grid-template-columns:1fr;gap:var(--spacing-lg)}}.products-section{min-width:0}.products-grid{margin-bottom:var(--spacing-lg)}.loading,.error,.no-products{text-align:center;padding:var(--spacing-xl);color:var(--dark-gray)}.error{background:var(--danger-color-light-45);border:1px solid var(--danger-color-light-20);border-radius:var(--border-radius);color:var(--danger-color-dark)}.no-products{background:var(--light-gray);border-radius:var(--border-radius);font-style:italic}@media (max-width: 1024px){.cart-section{order:-1}}