.categories-section[data-v-c2c11c70]{background:linear-gradient(180deg,#fff,#f8fafc);padding:80px 0}.categories-container[data-v-c2c11c70]{margin:0 auto;max-width:1280px;padding:0 24px}.section-header[data-v-c2c11c70]{align-items:flex-end;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:40px}.section-header h2[data-v-c2c11c70]{color:#111827;font-size:32px;font-weight:800;margin:0 0 8px}.section-header p[data-v-c2c11c70]{color:#6b7280;font-size:16px;margin:0}.view-all-btn[data-v-c2c11c70]{align-items:center;background:#111827;border-radius:12px;color:#fff;display:flex;font-weight:600;gap:8px;padding:14px 28px;text-decoration:none;transition:all .3s}.view-all-btn[data-v-c2c11c70]:hover{background:#22c55e;transform:translate(4px)}.main-grid[data-v-c2c11c70]{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.main-card[data-v-c2c11c70]{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:24px;display:flex;flex-direction:column;overflow:hidden;padding:48px 32px 40px;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.main-card[data-v-c2c11c70]:before{background:var(--accent);content:"";height:6px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s}.main-card[data-v-c2c11c70]:hover{border-color:var(--accent);box-shadow:0 25px 50px -12px #00000026;transform:translateY(-8px)}.main-card[data-v-c2c11c70]:hover:before{transform:scaleX(1)}.card-icon[data-v-c2c11c70]{align-items:center;background:var(--accent-bg);border-radius:28px;display:flex;height:120px;justify-content:center;margin-bottom:24px;padding:16px;transition:all .4s;width:120px}.main-card:hover .card-icon[data-v-c2c11c70]{transform:scale(1.1) rotate(-3deg)}.card-img[data-v-c2c11c70]{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.main-card h3[data-v-c2c11c70]{color:#111827;font-size:22px;font-weight:700;margin:0 0 12px;text-align:center}.card-count[data-v-c2c11c70]{background:#f3f4f6;border-radius:24px;color:#6b7280;font-size:14px;font-weight:500;padding:8px 20px}.card-arrow[data-v-c2c11c70]{align-items:center;background:var(--accent-bg);border-radius:50%;bottom:24px;color:var(--accent);display:flex;height:44px;justify-content:center;opacity:0;position:absolute;right:24px;transform:translate(-12px);transition:all .3s;width:44px}.main-card:hover .card-arrow[data-v-c2c11c70]{opacity:1;transform:translate(0)}.subcategories[data-v-c2c11c70]{border-top:2px solid #e5e7eb;margin-top:80px;padding-top:60px}.category-tabs[data-v-c2c11c70]{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:36px}.tab-btn[data-v-c2c11c70]{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:50px;color:#374151;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:12px;padding:12px 24px;transition:all .3s}.tab-btn[data-v-c2c11c70]:hover{border-color:var(--tab-color);color:var(--tab-color)}.tab-btn.active[data-v-c2c11c70]{background:var(--tab-color);border-color:var(--tab-color);color:#fff}.tab-icon[data-v-c2c11c70]{border-radius:6px;height:28px;-o-object-fit:contain;object-fit:contain;width:28px}.tab-btn.active .tab-icon[data-v-c2c11c70]{filter:brightness(0) invert(1)}.sub-grid[data-v-c2c11c70]{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.sub-card[data-v-c2c11c70]{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:20px;display:flex;gap:20px;padding:20px 24px;text-decoration:none;transition:all .3s}.sub-card[data-v-c2c11c70]:hover{border-color:var(--accent);box-shadow:0 12px 24px -8px #0000001a;transform:translateY(-4px)}.sub-card[data-v-c2c11c70]:hover,.sub-icon[data-v-c2c11c70]{background:var(--accent-bg)}.sub-icon[data-v-c2c11c70]{align-items:center;border-radius:18px;display:flex;flex-shrink:0;height:72px;justify-content:center;overflow:hidden;padding:12px;width:72px}.sub-icon img[data-v-c2c11c70]{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.sub-info[data-v-c2c11c70]{flex:1;min-width:0}.sub-info h4[data-v-c2c11c70]{color:#111827;font-size:18px;font-weight:600;margin:0 0 6px}.sub-info span[data-v-c2c11c70]{color:#6b7280;font-size:14px;font-weight:500}.sub-card:hover .sub-info span[data-v-c2c11c70]{color:var(--accent)}.browse-arrow[data-v-c2c11c70]{color:var(--accent)!important}.sub-footer[data-v-c2c11c70]{display:flex;justify-content:center;margin-top:48px}.view-category-btn[data-v-c2c11c70]{align-items:center;background:transparent;border:2px solid #22c55e;border-radius:14px;color:#22c55e;display:flex;font-size:16px;font-weight:600;gap:12px;padding:18px 36px;text-decoration:none;transition:all .3s}.view-category-btn[data-v-c2c11c70]:hover{background:#22c55e;color:#fff}.categories-loading[data-v-c2c11c70],.categories-state[data-v-c2c11c70]{flex-direction:column;min-height:400px;text-align:center}.categories-loading[data-v-c2c11c70],.categories-state[data-v-c2c11c70],.state-icon[data-v-c2c11c70]{align-items:center;display:flex;justify-content:center}.state-icon[data-v-c2c11c70]{background:#f3f4f6;border-radius:50%;color:#9ca3af;height:100px;margin-bottom:24px;width:100px}.state-icon--error[data-v-c2c11c70]{background:#fef2f2;color:#ef4444}.categories-state h3[data-v-c2c11c70]{color:#111827;font-size:24px;margin:0 0 8px}.categories-state p[data-v-c2c11c70]{color:#6b7280;margin:0 0 24px}.retry-btn[data-v-c2c11c70]{background:#22c55e;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 32px;transition:all .3s}.retry-btn[data-v-c2c11c70]:hover{background:#16a34a}.loading-grid[data-v-c2c11c70]{display:grid;gap:24px;grid-template-columns:repeat(3,1fr);width:100%}.skeleton-card[data-v-c2c11c70]{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:24px;display:flex;flex-direction:column;padding:48px 32px}.skeleton-icon[data-v-c2c11c70]{border-radius:28px;height:120px;margin-bottom:24px;width:120px}.skeleton-icon[data-v-c2c11c70],.skeleton-text[data-v-c2c11c70]{animation:shimmer-c2c11c70 1.5s infinite;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%}.skeleton-text[data-v-c2c11c70]{border-radius:8px;height:28px;margin-bottom:16px;width:160px}.skeleton-badge[data-v-c2c11c70]{animation:shimmer-c2c11c70 1.5s infinite;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;border-radius:24px;height:36px;width:120px}@keyframes shimmer-c2c11c70{0%{background-position:-200% 0}to{background-position:200% 0}}.icon-loader[data-v-c2c11c70]{animation:spin-c2c11c70 .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#22c55e;height:40px;width:40px}@keyframes spin-c2c11c70{to{transform:rotate(1turn)}}@media (max-width:1024px){.section-header h2[data-v-c2c11c70]{font-size:28px}.main-grid[data-v-c2c11c70]{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.loading-grid[data-v-c2c11c70]{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.categories-section[data-v-c2c11c70]{padding:60px 0}.categories-container[data-v-c2c11c70]{padding:0 16px}.section-header[data-v-c2c11c70]{align-items:flex-start;flex-direction:column;margin-bottom:32px}.section-header h2[data-v-c2c11c70]{font-size:24px}.view-all-btn[data-v-c2c11c70]{padding:12px 24px}.main-card[data-v-c2c11c70]{padding:36px 24px 32px}.card-icon[data-v-c2c11c70]{height:100px;width:100px}.main-card h3[data-v-c2c11c70]{font-size:20px}.subcategories[data-v-c2c11c70]{margin-top:60px;padding-top:48px}.category-tabs[data-v-c2c11c70]{flex-wrap:nowrap;gap:10px;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.tab-btn[data-v-c2c11c70]{flex-shrink:0;font-size:14px;padding:10px 18px}.tab-icon[data-v-c2c11c70]{height:24px;width:24px}.sub-grid[data-v-c2c11c70]{grid-template-columns:1fr}.sub-card[data-v-c2c11c70]{padding:16px 20px}.sub-icon[data-v-c2c11c70]{height:64px;padding:10px;width:64px}.sub-info h4[data-v-c2c11c70]{font-size:16px}.loading-grid[data-v-c2c11c70]{grid-template-columns:1fr}}@media (max-width:480px){.main-grid[data-v-c2c11c70]{grid-template-columns:1fr}.main-card[data-v-c2c11c70]{flex-direction:row;gap:20px;padding:20px;text-align:left}.card-icon[data-v-c2c11c70]{flex-shrink:0;height:80px;margin-bottom:0;padding:12px;width:80px}.main-card h3[data-v-c2c11c70]{font-size:18px;margin-bottom:6px}.card-count[data-v-c2c11c70]{font-size:12px;padding:6px 14px}.card-arrow[data-v-c2c11c70]{bottom:auto;height:36px;top:50%;transform:translateY(-50%) translate(-10px);width:36px}.main-card:hover .card-arrow[data-v-c2c11c70]{transform:translateY(-50%) translate(0)}.main-card:hover .card-icon[data-v-c2c11c70]{transform:scale(1.05)}}