.page-header{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);padding:4rem 0;text-align:center;color:#fff}.page-header h1{font-size:3rem;margin-bottom:1rem;font-weight:700}.page-header p{font-size:1.25rem;opacity:.9;max-width:600px;margin:0 auto}.products-catalog{padding:4rem 0;background-color:var(--background-color)}.filters{margin-bottom:3rem;text-align:center}.filters h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.25rem}.filter-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.filter-btn{padding:.75rem 1.5rem;background-color:var(--surface-color);color:var(--text-primary);border:2px solid var(--border-color);border-radius:25px;cursor:pointer;transition:all .3s ease;font-weight:500}.filter-btn:hover,.filter-btn.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.product-card{background-color:var(--surface-color);border-radius:16px;overflow:hidden;border:2px solid var(--border-color);box-shadow:0 2px 8px #00000014;transition:border-color .3s ease,box-shadow .3s ease}.product-card:hover{border-color:var(--primary-color);box-shadow:0 4px 16px #0000001f}.product-image{position:relative;overflow:hidden;background-color:var(--background-color)}.product-card img{width:100%;height:280px;object-fit:cover;display:block}.out-of-stock{position:absolute;top:1rem;right:1rem;background-color:var(--error-color);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;box-shadow:0 2px 8px #0003}.product-info{padding:1.75rem;display:flex;flex-direction:column;gap:.75rem}.product-category{color:var(--primary-color);font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:0}.product-info h3{color:var(--text-primary);margin:0;font-size:1.375rem;font-weight:700;line-height:1.3}.product-info p{color:var(--text-secondary);margin:0;line-height:1.6;font-size:.9375rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3em}.product-price{font-size:1.75rem;font-weight:800;color:var(--primary-color);margin:.25rem 0 .5rem;letter-spacing:-.5px}.add-to-cart{width:100%;padding:.875rem 1rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease;font-size:1rem;letter-spacing:.3px;margin-top:auto}.add-to-cart:hover:not(:disabled){background-color:var(--primary-hover);box-shadow:0 4px 12px #0066cc4d}.add-to-cart:disabled{background-color:var(--text-muted);cursor:not-allowed;opacity:.5}.product-card.hidden{display:none}.loading-message{grid-column:1 / -1;text-align:center;padding:2rem;color:var(--text-secondary)}.infoproducts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;padding:2rem 0}.infoproduct-card{background:var(--surface-color);border-radius:16px;overflow:hidden;border:2px solid var(--border-color);transition:all .3s ease;display:flex;flex-direction:column}.infoproduct-card:hover{border-color:var(--primary-color);box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.card-image{position:relative;width:100%;height:220px;overflow:hidden;background:var(--background-color)}.card-image img{width:100%;height:100%;object-fit:cover}.featured-badge{position:absolute;top:1rem;left:1rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;box-shadow:0 2px 8px #0003}.free-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:700;box-shadow:0 2px 8px #0003}.card-content{padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;flex:1}.card-type{color:var(--text-secondary);font-size:.85rem;font-weight:600}.card-title{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0;line-height:1.3}.card-description{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-duration{color:var(--text-secondary);font-size:.9rem;display:flex;align-items:center;gap:.5rem}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-color)}.card-price{display:flex;flex-direction:column;gap:.25rem}.price-current{font-size:1.5rem;font-weight:800;color:var(--primary-color)}.price-old{font-size:1rem;color:var(--text-secondary);text-decoration:line-through}.price-free{font-size:1.25rem;font-weight:800;color:#22c55e}.btn-view-details{padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem}.btn-view-details:hover{background:var(--primary-hover);transform:scale(1.05)}.loading-state,.error-state,.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.loading-spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.btn-retry{margin-top:1rem;padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600}@media (max-width: 768px){.page-header h1{font-size:2.5rem}.page-header p{font-size:1rem}.infoproducts-grid{grid-template-columns:1fr}.card-footer{flex-direction:column;gap:1rem;align-items:stretch}.btn-view-details{width:100%}}