.cat-tab-btn{border:none;background:0 0;padding:8px 16px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b;border-radius:6px;cursor:pointer;white-space:nowrap;transition:all .25s ease}.cat-tab-btn:hover{color:#0f172a;background:rgba(255,255,255,.6)}.cat-tab-btn.active{background:#e11d48;color:#fff;box-shadow:0 2px 8px rgba(225,29,72,.3)}.cat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:15px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease;position:relative;overflow:hidden;height:100%;text-decoration:none}.cat-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -10px rgba(0,0,0,.1);border-color:#cbd5e1}.cat-card-img-wrap{width:100%;aspect-ratio:1/1;background:#f8fafc;border-radius:8px;overflow:hidden;margin-bottom:12px;display:flex;align-items:center;justify-content:center}.cat-card-img{max-width:90%;max-height:90%;object-fit:contain;transition:transform .4s ease}.cat-card:hover .cat-card-img{transform:scale(1.06)}.cat-card-title{font-size:14px;font-weight:600;color:#1e293b;margin-bottom:8px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:38px}.cat-card-price{font-size:16px;font-weight:700;color:#e11d48;margin-bottom:12px}.cat-card-price.no-stock{color:#64748b;font-size:14px;font-weight:600;font-style:italic}.cat-card-btn{width:100%;padding:9px;background:#0f172a;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;text-align:center;text-decoration:none;display:block;transition:background .2s ease}.cat-card-btn:hover{background:#2563eb}.cat-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:catLoading 1.5s infinite;border-radius:6px}.cat-empty-msg{grid-column:1/-1;text-align:center;padding:40px 20px;color:#64748b;font-size:15px}