.product-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-lg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:all var(--transition-bounce);cursor:pointer;flex-direction:column;display:flex;position:relative;overflow:hidden}.product-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-highlight);z-index:10;transform:translateY(-12px)scale(1.02);box-shadow:0 30px 60px #0000001f}.product-card:before{content:"";pointer-events:none;z-index:1;opacity:0;background:linear-gradient(135deg,#fff3 0%,#0000 100%);transition:opacity .4s;position:absolute;inset:0}.product-card:hover:before{opacity:1}.product-card:focus-visible{outline-offset:4px;outline:3px solid #0a58b047}.product-image-container{aspect-ratio:4/3;background:0 0;justify-content:center;align-items:center;padding:18px;display:flex;position:relative;overflow:hidden}.product-image{object-fit:contain;object-position:center;width:100%;height:100%;padding:18px;transition:transform .5s;position:absolute;top:0;left:0}.product-card:hover .product-image{transform:none}.product-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:all var(--transition-normal);z-index:3;background:#0d47a11a;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.product-card:hover .product-overlay{opacity:1}.overlay-btn{color:var(--primary-blue);border-radius:var(--radius-pill);box-shadow:var(--shadow-md);z-index:4;background:#fff;align-items:center;gap:8px;padding:10px 20px;font-weight:700;display:flex;position:relative}.product-card-body{flex-direction:column;flex:1;padding:24px;display:flex}.product-name{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:8px;font-size:1.2rem;font-weight:800;line-height:1.3}.product-description{color:var(--text-muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:16px;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.product-price small{color:var(--text-muted);font-size:.7rem;font-weight:400}.product-meta{color:var(--text-muted);gap:16px;margin-bottom:20px;font-size:.85rem;font-weight:600;display:flex}.product-pack-sizes{border-radius:var(--radius-md);background:#1565c00d;border:1px dashed #1565c02e;margin-bottom:18px;padding:12px 14px}.product-pack-label{letter-spacing:1px;text-transform:uppercase;color:var(--primary-blue);margin-bottom:6px;font-size:.72rem;font-weight:800;display:block}.product-pack-values{color:var(--text-secondary);font-size:.88rem;font-weight:600;line-height:1.6}.product-price-box{background:var(--bg-lighter);border-radius:var(--radius-md);border:1px solid var(--border-lighter);justify-content:space-between;align-items:center;margin-top:auto;margin-bottom:24px;padding:12px 16px;display:flex}.price-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.75rem}.product-price{font-family:var(--font-heading);color:var(--primary-blue);font-size:1.25rem;font-weight:800}.product-card-actions{z-index:4;gap:12px;display:flex;position:relative}.btn-block{flex:1}.btn-icon-link{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--success-green);border:2px solid var(--success-green);background:0 0;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-icon-link:hover{background:var(--success-green);color:#fff}@media (max-width:768px){.product-image-container{aspect-ratio:1;padding:14px}.product-image{padding:14px}.product-card-body{padding:12px}.product-name{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-height:2.6rem;margin-bottom:6px;font-size:.95rem;line-height:1.3;display:-webkit-box;overflow:hidden}.product-description{display:none}.product-meta{gap:8px;margin-bottom:10px;font-size:.7rem}.product-pack-sizes{border-radius:8px;margin-bottom:12px;padding:8px}.product-pack-label{margin-bottom:2px;font-size:.6rem}.product-pack-values{white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;display:block;overflow:hidden}.product-price-box{margin-bottom:12px;padding:6px 10px}.product-card-actions{gap:6px}.btn-icon-link{width:34px;height:34px}.view-btn{padding:6px 14px;font-size:.75rem}}