.product-card{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:var(--radius);overflow:hidden;transition:all var(--transition-base);border:1px solid var(--color-border)}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.product-card__image{position:relative;aspect-ratio:1;overflow:hidden;background:var(--color-surface)}.product-card__image a{display:block;width:100%;height:100%}.product-card__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow),opacity var(--transition-base)}.product-card__image-primary{position:relative;z-index:1}.product-card__image-secondary{position:absolute;top:0;left:0;z-index:2;opacity:0}.product-card--has-secondary:hover .product-card__image-primary{opacity:0}.product-card--has-secondary:hover .product-card__image-secondary{opacity:1}.product-card:hover .product-card__image img{transform:scale(1.05)}.product-card__badges{position:absolute;top:var(--space-3);left:var(--space-3);z-index:10;display:flex;flex-direction:column;gap:var(--space-2)}.product-card__badge{display:inline-flex;align-items:center;padding:.25rem .625rem;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.025em}.product-card__badge--sale{background:var(--color-warning);color:#fff}.product-card__badge--new{background:var(--color-primary);color:#fff}.product-card__badge--sold-out{background:var(--color-text-muted);color:#fff}.product-card__info{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);flex-grow:1}.product-card__vendor{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.product-card__title{font-size:var(--text-base);font-weight:600;color:var(--color-dark);line-height:1.4;margin:0;transition:color var(--transition-fast)}.product-card__title a{color:inherit;text-decoration:none}.product-card:hover .product-card__title{color:var(--color-primary)}.product-card__description{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__price{display:flex;align-items:baseline;gap:var(--space-2);margin-top:auto}.product-card__price-current{font-size:var(--text-lg);font-weight:700;color:var(--color-dark)}.product-card__price-compare{font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:line-through}.product-card__price--on-sale .product-card__price-current{color:var(--color-primary)}.product-card__actions{padding:0 var(--space-4) var(--space-4)}.product-card__quick-add{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base);opacity:0;transform:translateY(10px);position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;text-decoration:none}.product-card:hover .product-card__quick-add{opacity:1;transform:translateY(0)}.product-card__quick-add:hover:not(:disabled){background:var(--color-secondary);transform:translateY(-2px)}.product-card__quick-add:disabled{cursor:not-allowed;opacity:.6}.product-card__quick-add--sold-out{background:var(--color-text-muted)}.product-card__quick-add-text,.product-card__quick-add-loading,.product-card__quick-add-success{display:flex;align-items:center;justify-content:center;gap:.375rem}.product-card__quick-add-loading,.product-card__quick-add-success,.product-card__quick-add--loading .product-card__quick-add-text,.product-card__quick-add--success .product-card__quick-add-text{display:none}.product-card__quick-add--loading .product-card__quick-add-loading,.product-card__quick-add--success .product-card__quick-add-success{display:flex}.product-card__quick-add--success{background:#16a34a}.product-card__spinner{animation:product-card-spin 1s linear infinite}@keyframes product-card-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.product-grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media (max-width: 640px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4)}.product-card__info{padding:var(--space-3)}.product-card__actions{padding:0 var(--space-3) var(--space-3)}}.product-card__rating{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.product-card__stars{display:flex;gap:2px;color:var(--color-warning)}.product-card__rating-count{color:var(--color-text-muted);font-size:var(--text-xs)}.product-card__variants{padding:0 var(--space-4);margin-bottom:var(--space-2)}.product-card__variant-group{margin-bottom:var(--space-2)}.product-card__variant-group:last-child{margin-bottom:0}.product-card__swatches{display:flex;gap:var(--space-2);flex-wrap:wrap}.product-card__swatch{width:24px;height:24px;border-radius:var(--radius-full);border:2px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);padding:0;position:relative}.product-card__swatch:hover:not(:disabled),.product-card__swatch--active{border-color:var(--color-primary);transform:scale(1.1)}.product-card__swatch--disabled{opacity:.4;cursor:not-allowed}.product-card__swatch--disabled:after{content:"";position:absolute;top:50%;left:-2px;right:-2px;height:2px;background:var(--color-text-muted);transform:rotate(-45deg)}.product-card__size-options{display:flex;gap:var(--space-1);flex-wrap:wrap}.product-card__size{min-width:32px;height:28px;padding:0 var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.product-card__size:hover:not(:disabled),.product-card__size--active{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.product-card__size--disabled{opacity:.4;cursor:not-allowed;text-decoration:line-through}.product-card--placeholder{opacity:.7}.product-card--placeholder:hover{transform:none;box-shadow:none}.product-grid-uniform{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media (max-width: 1024px){.product-grid-uniform{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.product-grid-uniform{grid-template-columns:repeat(2,1fr);gap:1rem}}.product-section-uniform{padding:4rem 1.5rem}.product-section-uniform__container{max-width:1440px;margin:0 auto}.product-section-uniform__header{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem}.product-section-uniform__icon{flex-shrink:0;width:24px;height:24px}.product-section-uniform__heading{margin:0;font-size:1.5rem;font-weight:600;color:#0f172a;line-height:1.3}.product-card--b2b .product-card__info{gap:var(--space-1)}.product-card__supplier{display:flex;flex-direction:column;gap:.125rem;margin-bottom:var(--space-1)}.product-card__supplier-name{font-size:var(--text-xs);font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.025em}.product-card__supplier-location{display:flex;align-items:center;gap:.25rem;font-size:var(--text-xs);color:var(--color-text-muted)}.product-card__supplier-location svg{flex-shrink:0}.product-card__bulk-pricing{display:flex;align-items:center;gap:.375rem;font-size:var(--text-xs);color:#16a34a;font-weight:500;padding:.25rem .5rem;background:#f0fdf4;border-radius:var(--radius-sm);margin-top:var(--space-1)}.product-card__bulk-pricing svg{flex-shrink:0;color:#16a34a}.product-card__b2b-info{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.product-card__min-order{padding:.125rem .375rem;background:var(--color-surface);border-radius:var(--radius-sm);font-weight:500}.product-card__badge--bestseller{background:#7c3aed;color:#fff}.product-card__badge--shipping{background:#16a34a;color:#fff}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-product-card.css.map */