.catalog-sidebar[data-v-ff99eff6]{width:280px;background:var(--color-white);border-inline-end:1px solid var(--color-gray-200);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:width var(--transition-base)}.catalog-sidebar.collapsed[data-v-ff99eff6]{width:0;border:none;overflow:hidden}.search-row[data-v-ff99eff6]{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md)}.search-row .search-input-wrapper[data-v-ff99eff6]{flex:1}.collapse-toggle[data-v-ff99eff6]{width:32px;height:32px;background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.collapse-toggle[data-v-ff99eff6]:hover{background:var(--color-gray-100);border-color:var(--color-gray-400)}.collapse-toggle svg[data-v-ff99eff6]{width:16px;height:16px;color:var(--color-gray-500)}[dir=rtl] .collapse-toggle svg[data-v-ff99eff6]{transform:rotate(0)}[dir=ltr] .collapse-toggle svg[data-v-ff99eff6]{transform:rotate(180deg)}.sidebar-header[data-v-ff99eff6]{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-gray-100)}.sidebar-header h2[data-v-ff99eff6]{font-size:.95rem;font-weight:600;color:var(--color-gray-700);margin:0}.sidebar-content[data-v-ff99eff6]{display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:0}.search-input-wrapper[data-v-ff99eff6]{position:relative}.search-icon[data-v-ff99eff6]{position:absolute;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--color-gray-400);pointer-events:none}[dir=rtl] .search-icon[data-v-ff99eff6]{right:var(--space-sm)}[dir=ltr] .search-icon[data-v-ff99eff6]{left:var(--space-sm)}.search-input[data-v-ff99eff6]{width:100%;padding:var(--space-sm) var(--space-md);padding-inline-start:calc(var(--space-sm) + 24px);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:.875rem;background:var(--color-gray-50);transition:all var(--transition-fast)}.search-input[data-v-ff99eff6]:focus{outline:none;border-color:var(--color-primary);background:var(--color-white)}.search-input[data-v-ff99eff6]::placeholder{color:var(--color-gray-400)}.sidebar-loading[data-v-ff99eff6]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);gap:var(--space-md);color:var(--color-gray-500)}.spinner[data-v-ff99eff6]{width:24px;height:24px;border:2px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;animation:spin-ff99eff6 .8s linear infinite}@keyframes spin-ff99eff6{to{transform:rotate(360deg)}}.categories-list[data-v-ff99eff6]{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-sm) var(--space-md);min-height:0}.no-categories[data-v-ff99eff6]{padding:var(--space-lg);text-align:center;color:var(--color-gray-500);font-size:.875rem}.category-item[data-v-ff99eff6]{margin-bottom:var(--space-sm);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.category-item[data-v-ff99eff6]:hover{border-color:var(--color-gray-300);box-shadow:0 2px 8px #0000000a}.category-btn[data-v-ff99eff6]{width:100%;display:flex;align-items:center;gap:var(--space-sm);padding:10px var(--space-md);background:var(--color-gray-50);border:none;border-radius:0;cursor:pointer;transition:all var(--transition-fast);text-align:start}.category-btn[data-v-ff99eff6]:hover{background:var(--color-gray-100)}.category-btn.active[data-v-ff99eff6]{background:var(--color-primary);color:var(--color-white)}.category-item[data-v-ff99eff6]:has(.category-btn.promo){border-color:#dc262640}.category-item[data-v-ff99eff6]:has(.category-btn.promo):hover{border-color:#dc262666;box-shadow:0 2px 8px #dc26261f}.category-btn.promo[data-v-ff99eff6]{background:#dc26260f;color:#b91c1c}.category-btn.promo[data-v-ff99eff6]:hover{background:#dc26261f}.category-btn.promo.active[data-v-ff99eff6]{background:linear-gradient(135deg,#ef4444,#dc2626);color:var(--color-white)}.category-icon.promo-tag[data-v-ff99eff6]{color:#dc2626}.category-btn.promo.active .category-icon.promo-tag[data-v-ff99eff6],.category-btn.promo.active .category-name[data-v-ff99eff6]{color:var(--color-white)}[dir=rtl] .category-icon.promo-tag svg[data-v-ff99eff6]{transform:scaleX(-1)}.category-icon[data-v-ff99eff6]{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.category-icon.invisible[data-v-ff99eff6]{visibility:hidden}.category-icon svg[data-v-ff99eff6]{width:16px;height:16px;transition:transform var(--transition-fast)}[dir=rtl] .category-icon svg[data-v-ff99eff6]{transform:rotate(180deg)}[dir=rtl] .category-icon svg.rotated[data-v-ff99eff6]{transform:rotate(90deg)}[dir=ltr] .category-icon svg.rotated[data-v-ff99eff6]{transform:rotate(90deg)}.category-name[data-v-ff99eff6]{font-size:.9rem;font-weight:600;flex:1}.subs-count[data-v-ff99eff6]{background:var(--color-gray-200);color:var(--color-gray-600);font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center}.category-btn.active .subs-count[data-v-ff99eff6]{background:#ffffff40;color:var(--color-white)}.subcategories[data-v-ff99eff6]{overflow:hidden;border-top:1px solid var(--color-gray-100);background:var(--color-white)}.subcategory-btn[data-v-ff99eff6]{width:100%;display:flex;align-items:center;gap:var(--space-sm);padding:10px var(--space-md);padding-inline-start:calc(var(--space-md) + 20px);background:transparent;border:none;border-inline-start:3px solid transparent;cursor:pointer;transition:all var(--transition-base);text-align:start;font-size:.9rem;color:var(--color-gray-600)}.subcategory-btn[data-v-ff99eff6]:hover{background:var(--color-gray-50);color:var(--color-gray-800);border-inline-start-color:var(--color-gray-300)}.subcategory-btn.active[data-v-ff99eff6]{color:var(--color-primary);font-weight:600;background:#1e88e50f;border-inline-start-color:var(--color-primary)}.subcategory-btn+.subcategory-btn[data-v-ff99eff6]{border-top:1px solid var(--color-gray-100)}.subcategory-name[data-v-ff99eff6]{flex:1}.sub-count[data-v-ff99eff6]{background:var(--color-gray-100);color:var(--color-gray-500);font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-full);min-width:24px;text-align:center;flex-shrink:0;transition:all var(--transition-fast)}.subcategory-btn:hover .sub-count[data-v-ff99eff6]{background:var(--color-gray-200);color:var(--color-gray-600)}.subcategory-btn.active .sub-count[data-v-ff99eff6]{background:#1e88e51f;color:var(--color-primary)}@media(max-width:1000px){.catalog-sidebar[data-v-ff99eff6]{position:fixed;top:56px;bottom:0;width:100%;z-index:var(--z-modal);transition:transform var(--transition-base)}[dir=rtl] .catalog-sidebar[data-v-ff99eff6]{right:0;transform:translate(100%)}[dir=ltr] .catalog-sidebar[data-v-ff99eff6]{left:0;transform:translate(-100%)}.catalog-sidebar.open[data-v-ff99eff6]{transform:translate(0)}.catalog-sidebar.collapsed[data-v-ff99eff6]{width:100%}.collapse-toggle[data-v-ff99eff6]{display:none}.search-row[data-v-ff99eff6]{padding:var(--space-md)}.subcategory-btn[data-v-ff99eff6],.category-btn[data-v-ff99eff6]{min-height:44px}}.quantity-section[data-v-459caf4d]{display:grid;grid-template-columns:max-content auto 1fr;align-items:center;column-gap:var(--space-sm);row-gap:var(--space-sm)}.quantity-section.disabled[data-v-459caf4d]{opacity:.5;pointer-events:none}.qty-row[data-v-459caf4d]{display:contents}.qty-row-label[data-v-459caf4d]{font-size:.9rem;font-weight:600;color:var(--color-gray-600);text-align:start;justify-self:start;align-self:center;white-space:nowrap}.qty-steppers[data-v-459caf4d]{display:flex;align-items:center;gap:var(--space-sm);justify-self:start;align-self:center}.qty-input[data-v-459caf4d]{width:56px;height:38px;justify-self:start;align-self:center;text-align:center;font-size:1.1rem;font-weight:700;color:var(--color-gray-800);background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);transition:all var(--transition-fast);-moz-appearance:textfield;appearance:textfield}.qty-input[data-v-459caf4d]::-webkit-outer-spin-button,.qty-input[data-v-459caf4d]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty-input[data-v-459caf4d]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1e88e540}.qty-input[data-v-459caf4d]:disabled{cursor:not-allowed;background:var(--color-gray-100);color:var(--color-gray-400)}.box-btn[data-v-459caf4d]{flex:1 1 0;min-width:72px;height:38px;padding:0 var(--space-md);display:inline-flex;align-items:center;justify-content:center;background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);font-size:.85rem;font-weight:600;color:var(--color-gray-700);white-space:nowrap;cursor:pointer;transition:all var(--transition-fast)}.box-btn[data-v-459caf4d]:hover:not(:disabled){background:var(--color-gray-100);color:var(--color-primary);border-color:var(--color-primary-light)}.box-btn.box-increase[data-v-459caf4d]:hover:not(:disabled){background:#1e88e50f}.box-btn.box-decrease[data-v-459caf4d]:hover:not(:disabled){background:#dc26260f;color:#dc2626;border-color:#dc262666}.box-btn[data-v-459caf4d]:disabled{cursor:not-allowed;color:var(--color-gray-400);background:var(--color-white);border-color:var(--color-gray-200)}.qty-btn[data-v-459caf4d]{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-full);color:var(--color-gray-600);cursor:pointer;transition:all var(--transition-fast)}.qty-btn[data-v-459caf4d]:hover:not(:disabled){background:var(--color-gray-100);color:var(--color-primary);border-color:var(--color-primary-light)}.qty-btn.decrease[data-v-459caf4d]:hover:not(:disabled){background:#dc26260f;color:#dc2626;border-color:#dc262666}.qty-btn[data-v-459caf4d]:disabled{cursor:not-allowed;color:var(--color-gray-300);background:var(--color-white);border-color:var(--color-gray-200)}.qty-btn svg[data-v-459caf4d]{width:18px;height:18px}.box-btn[data-v-459caf4d]:focus-visible,.qty-btn[data-v-459caf4d]:focus-visible,.remove-btn[data-v-459caf4d]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.qty-total-row[data-v-459caf4d]{grid-column:1 / -1;display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-xs);padding:var(--space-sm) var(--space-md);background:#1e88e50d;border:1px solid var(--color-gray-200);border-radius:var(--radius-md)}.qty-total-label[data-v-459caf4d]{font-size:.95rem;font-weight:700;color:var(--color-gray-700)}.qty-total-value[data-v-459caf4d]{font-size:1.35rem;font-weight:800;color:var(--color-primary)}.remove-btn[data-v-459caf4d]{width:38px;height:38px;margin-inline-start:auto;display:flex;align-items:center;justify-content:center;background:var(--color-white);border:1px solid rgba(220,38,38,.4);border-radius:var(--radius-md);color:#dc2626;cursor:pointer;transition:all var(--transition-fast)}.remove-btn[data-v-459caf4d]:hover{background:#dc2626;border-color:#dc2626;color:var(--color-white)}.remove-btn svg[data-v-459caf4d]{width:18px;height:18px}@media(max-width:768px){.qty-input[data-v-459caf4d]{min-height:44px;width:64px;font-size:1.15rem}.qty-btn[data-v-459caf4d]{width:44px;height:44px}.box-btn[data-v-459caf4d]{height:44px}.remove-btn[data-v-459caf4d]{width:44px;height:44px}}@media(max-width:480px){.box-btn[data-v-459caf4d]{padding:0 var(--space-sm);font-size:.8rem}}@media(prefers-reduced-motion:reduce){.qty-input[data-v-459caf4d],.box-btn[data-v-459caf4d],.qty-btn[data-v-459caf4d],.remove-btn[data-v-459caf4d]{transition:none}}