.tabs[data-v-3b7d4c35]{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:15px auto;width:-moz-fit-content;width:fit-content}.tab[data-v-3b7d4c35]{background-color:var(--tab-btn-bg);border:none;border-radius:var(--tab-btn-border-radius);color:var(--tab-btn-color);cursor:pointer;font-size:16px;padding:5px 14px;transition:all .2s}.tab[data-v-3b7d4c35]:hover{background-color:var(--tab-btn-bg-hover);color:var(--tab-btn-color-hover)}.tab.active[data-v-3b7d4c35]{background-color:var(--tab-btn-bg-active);border:1px solid var(--tab-btn-border-active);color:var(--tab-btn-color-active);font-weight:500}.tab-panels[data-v-3b7d4c35]{min-height:300px;position:relative}.tab-panel[data-v-3b7d4c35]{display:none;opacity:0;transform:translate(20px);transition:all .3s ease;visibility:hidden;width:100%}.tab-panel.active[data-v-3b7d4c35]{animation:slideIn .3s ease forwards;display:block;opacity:1;transform:translate(0);visibility:visible}.products-grid[data-v-3b7d4c35]{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:20px 0}.product-item[data-v-3b7d4c35]{display:flex;flex-direction:column}.error-state[data-v-3b7d4c35],.loading-state[data-v-3b7d4c35]{font-size:18px;padding:40px 20px;text-align:center}.loading-state p[data-v-3b7d4c35]{color:#666}.error-state p[data-v-3b7d4c35]{color:#e74c3c}@media (max-width:549px){.tabs[data-v-3b7d4c35]{overflow-x:auto;-webkit-overflow-scrolling:touch}.products-grid[data-v-3b7d4c35]{gap:10px;grid-template-columns:repeat(2,1fr)}}