.products-section{padding:var(--spacing-3xl)0;background:var(--color-background)}.products-container{max-width:1280px;padding:0 var(--spacing-lg);margin:0 auto}.products-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);display:flex}.products-title{font-family:var(--font-display);font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));color:var(--color-text-primary);max-width:400px;font-weight:600}.products-header-image{border-radius:var(--radius-xl);object-fit:cover;width:80px;height:80px;box-shadow:var(--shadow-md)}.products-filters{gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-sm);scrollbar-width:none;display:flex;overflow-x:auto}.products-filters::-webkit-scrollbar{display:none}.filter-btn{padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--radius-full);font-size:var(--text-sm);white-space:nowrap;transition:all var(--transition-fast);border:1px solid var(--color-border);background:var(--color-background);color:var(--color-text-secondary);font-weight:500}.filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.products-grid{gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr);display:grid}.product-card{background:var(--color-background);border-radius:var(--radius-xl);transition:all var(--transition-base);cursor:pointer;text-decoration:none;display:block;position:relative;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-8px)}.product-image-container{aspect-ratio:1;background:var(--color-surface);position:relative;overflow:hidden}.product-image{object-fit:contain;width:100%;height:100%;padding:var(--spacing-lg);transition:transform var(--transition-slow)}.product-card:hover .product-image{transform:scale(1.05)}.product-badge{top:var(--spacing-md);left:var(--spacing-md);background:var(--color-primary);color:#fff;font-size:var(--text-xs);border-radius:var(--radius-full);padding:4px 10px;font-weight:600;position:absolute}.product-wishlist{top:var(--spacing-md);right:var(--spacing-md);background:var(--color-background);border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-text-muted);opacity:0;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;display:flex;position:absolute}.product-card:hover .product-wishlist{opacity:1}.product-wishlist:hover{color:var(--color-error);transform:scale(1.1)}.product-wishlist.active{opacity:1;color:var(--color-error)}.product-wishlist svg{width:18px;height:18px}.product-info{padding:var(--spacing-md)}.product-name{font-size:var(--text-base);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);font-weight:600}.product-category{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.product-footer{justify-content:space-between;align-items:center;display:flex}.product-price{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text-primary);font-weight:600}.product-rating{align-items:center;gap:var(--spacing-xs);font-size:var(--text-sm);color:var(--color-text-secondary);display:flex}.product-rating-star{color:#fbbf24}.product-quick-add{padding:var(--spacing-md);background:var(--color-secondary);color:#fff;font-size:var(--text-sm);justify-content:center;align-items:center;gap:var(--spacing-sm);transition:transform var(--transition-base);font-weight:600;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.product-card:hover .product-quick-add{transform:translateY(0)}.product-quick-add svg{width:18px;height:18px}.products-view-all{margin-top:var(--spacing-2xl);justify-content:center;display:flex}.view-all-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-xl);background:var(--color-primary);color:#fff;font-size:var(--text-base);border-radius:var(--radius-full);transition:all var(--transition-fast);font-weight:600;display:inline-flex;box-shadow:0 4px 14px #f9731666}.view-all-btn:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px #f9731680}.view-all-btn svg{width:20px;height:20px;transition:transform var(--transition-fast)}.view-all-btn:hover svg{transform:translate(4px)}@media (max-width:1024px){.products-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.products-grid{grid-template-columns:repeat(2,1fr)}.products-header{flex-direction:column;align-items:flex-start}.products-header-image{display:none}}@media (max-width:480px){.products-grid{gap:var(--spacing-md);grid-template-columns:1fr}}