.saas-products-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: var(--saas-space-6); padding: var(--saas-space-8) 0; }
.saas-product-card { position: relative; background: var(--saas-white); border-radius: var(--saas-radius-xl); overflow: hidden; box-shadow: var(--saas-shadow-sm); transition: all var(--saas-transition-slow); border: 1px solid var(--saas-gray-100); will-change: transform, box-shadow; }
.saas-product-card:hover { transform: translateY(-8px); box-shadow: var(--saas-shadow-product), 0 20px 40px -10px rgb(0 0 0 / 0.1); border-color: var(--saas-gray-200); }
.saas-product-card__image-wrapper { position: relative; aspect-ratio: 1; overflow: hidden; background: var(--saas-gray-100); }
.saas-product-card__link { display: block; width: 100%; height: 100%; }
.saas-product-card__image { width: 100%; height: 100%; object-fit: cover; transition: transform var(--saas-transition-slow); }
.saas-product-card:hover .saas-product-card__image { transform: scale(1.08); }
.saas-product-card__badges { position: absolute; top: var(--saas-space-3); left: var(--saas-space-3); display: flex; flex-direction: column; gap: var(--saas-space-2); z-index: 2; }
.saas-product-card__overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgb(0 0 0 / 0.7) 0%, rgb(0 0 0 / 0.2) 50%, transparent 100%); display: flex; flex-direction: column; justify-content: flex-end; padding: var(--saas-space-4); gap: var(--saas-space-3); opacity: 0; transform: translateY(10px); transition: all var(--saas-transition-base); }
.saas-product-card:hover .saas-product-card__overlay { opacity: 1; transform: translateY(0); }
.saas-product-card__content { padding: var(--saas-space-5); }
.saas-product-card__sku { display: block; font-size: 0.75rem; color: var(--saas-gray-400); text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: var(--saas-space-2); }
.saas-product-card__title { font-size: 1rem; font-weight: 600; line-height: 1.4; margin: 0 0 var(--saas-space-3); }
.saas-product-card__title a { color: var(--saas-gray-800); text-decoration: none; transition: color var(--saas-transition-fast); }
.saas-product-card__title a:hover { color: var(--saas-primary); }
.saas-product-card__rating { display: flex; align-items: center; gap: var(--saas-space-2); margin-bottom: var(--saas-space-3); }
.saas-product-card__reviews { font-size: 0.8125rem; color: var(--saas-gray-400); }
.saas-product-card__price { display: flex; align-items: center; gap: var(--saas-space-2); flex-wrap: wrap; }
.saas-product-card__price .woocommerce-Price-amount { font-size: 1.125rem; font-weight: 700; color: var(--saas-gray-900); }
.saas-product-card__price ins { text-decoration: none; }
.saas-product-card__price del .woocommerce-Price-amount { font-size: 0.875rem; color: var(--saas-gray-400); font-weight: 400; }
.saas-product-card__price .woocommerce-Price-currencySymbol { font-size: 0.875em; }
.saas-product-card--out-of-stock { opacity: 0.7; }
.saas-product-card--out-of-stock .saas-product-card__overlay { display: none; }
.saas-product-card.saas-loading { pointer-events: none; }
.saas-product-card.saas-loading::after { top: 50%; left: 50%; width: 32px; height: 32px; margin: -16px 0 0 -16px; border-width: 3px; }