.category-products-page{max-width:1400px;margin:0 auto;padding:40px 20px}.category-title{text-align:center;color:#333;margin-bottom:50px;font-size:32px;font-weight:600}.view-toggle{justify-content:flex-end;gap:12px;margin-bottom:25px;display:flex}.view-btn{cursor:pointer;background:#f8f9fa;border:1px solid #ddd;border-radius:6px;padding:10px 14px;font-weight:500;transition:all .3s}.view-btn svg{stroke:currentColor}.view-btn.active{color:#fff;background:#d60000;border-color:#d60000}.products-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;display:grid}.products-grid.list{flex-direction:column;gap:24px;display:flex}.product-card{opacity:0;background:#fff;border:1px solid #eee;border-radius:16px;transition:all .35s;animation:.8s forwards fadeInUp;overflow:hidden;box-shadow:0 4px 15px #0000000f}.product-card:hover{border-color:#d60000;transform:translateY(-10px);box-shadow:0 15px 35px #0000001f}.product-image-wrapper{background:#f9f9f9;justify-content:center;align-items:center;width:100%;height:260px;margin-bottom:0;display:flex;overflow:hidden}.product-image{object-fit:contain;width:100%;height:100%;padding:20px;transition:transform .45s}.product-card:hover .product-image{transform:scale(1.06)}.product-card.list{text-align:left;flex-direction:row;align-items:center;height:auto;padding:20px;display:flex}.product-card.list .product-image-wrapper{flex-shrink:0;width:220px;height:180px;margin-right:25px}.product-card.list .product-info{text-align:left;flex:1;padding:0}.product-info{text-align:center;padding:12px 20px 20px}.product-name{color:#c00000;margin:0 0 10px;padding:0;font-size:20px;font-weight:600;line-height:1.3}.product-name-link{color:inherit;text-decoration:none;transition:all .25s;display:block}.product-name-link:hover{color:#d60000;text-decoration:underline}.product-desc{color:#444;text-align:justify;margin:0;padding:0 8px;font-size:15px;line-height:1.6}.no-image{color:#777;text-align:center;background:#f0f4f8;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;font-size:16px;font-weight:500;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.btn{text-align:center;cursor:pointer;border-radius:8px;min-width:140px;padding:11px 20px;font-size:14.5px;font-weight:600;text-decoration:none;transition:all .3s}.btn-primary{color:#fff;background:#d60000}.btn-primary:hover{background:#b00000;transform:translateY(-3px)}.btn-outline{color:#d60000;background:0 0;border:2px solid #d60000}.btn-outline:hover{color:#fff;background:#d60000;transform:translateY(-3px)}