.product-card{--card-min-width: 140px;--card-max-width: 400px;position:relative;display:flex;flex-direction:column;background:var(--color-background);border-radius:0;overflow:hidden;transition:transform var(--duration-slower) var(--ease-out-expo, cubic-bezier(.16, 1, .3, 1)),box-shadow var(--duration-slower) var(--ease-out-expo, cubic-bezier(.16, 1, .3, 1));min-width:var(--card-min-width);height:100%;box-shadow:0 2px 4px #00000005,0 4px 12px #0000000a,0 0 0 1px #00000008}@media(hover:hover){.product-card:hover{transform:translateY(-8px);box-shadow:0 8px 16px #0000000f,0 16px 48px #0000001a,0 0 0 1px #00000005}}.product-card__image-wrapper{position:relative;aspect-ratio:3 / 4;overflow:hidden;background:var(--color-surface, #f8f8f8)}.product-card__image-wrapper.aspect-square{aspect-ratio:1}.product-card__image-wrapper.aspect-portrait{aspect-ratio:3 / 4}.product-card__image-wrapper.aspect-landscape{aspect-ratio:4 / 3}.product-card__link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.product-card__image{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slower) ease}@media(hover:hover){.product-card:hover .product-card__image{transform:scale(1.05)}}.product-card__image--hover{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity var(--duration-slow) ease}@media(hover:hover){.product-card:hover .product-card__image--hover{opacity:1}}.product-card__no-image{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--color-surface, #f8f8f8);color:var(--color-text-muted)}.product-card__badges{position:absolute;top:var(--spacing-4, 16px);left:var(--spacing-4, 16px);display:flex;flex-direction:column;gap:var(--spacing-2, 8px);z-index:2}.product-card__badge{display:inline-block;padding:6px 14px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius-full, 9999px);box-shadow:0 2px 8px #00000026;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.product-card__badge--sale{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.product-card__badge--new{background:linear-gradient(135deg,var(--color-accent, #4a5d4a) 0%,#3d4f3d 100%);color:#fff}.product-card__badge--custom{background:var(--color-primary, #1a1a1a);color:#fff}.wishlist-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;background:transparent;border:none;cursor:pointer;color:var(--color-text-secondary, #666);transition:color var(--duration-fast) ease,transform var(--duration-fast) ease}.wishlist-button:hover,.wishlist-button.is-active{color:var(--color-error, #dc2626)}.wishlist-button__icon{display:flex;align-items:center;justify-content:center;transition:transform var(--duration-fast) ease}.wishlist-button__icon--filled,.wishlist-button.is-active .wishlist-button__icon--empty{display:none}.wishlist-button.is-active .wishlist-button__icon--filled{display:flex;animation:heartPop .3s ease}@keyframes heartPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.wishlist-button--with-text{padding:.625rem 1rem;border:1px solid var(--color-border, #e5e5e5);border-radius:var(--radius-md, 8px);background:var(--color-bg, #fff)}.wishlist-button--with-text:hover{border-color:var(--color-error, #dc2626)}.wishlist-button--with-text.is-active{border-color:var(--color-error, #dc2626);background:#dc26260d}.product-card__image-wrapper .wishlist-button{position:absolute;top:var(--spacing-4, 16px);right:var(--spacing-4, 16px);width:40px;height:40px;padding:0;background:#ffffffe6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:none;border-radius:var(--border-radius-full);box-shadow:0 2px 8px #00000014,0 4px 16px #0000000a,inset 0 0 0 1px #ffffff80;opacity:0;transform:scale(.8) translateY(4px);transition:opacity var(--duration-slow) var(--ease-out-expo, cubic-bezier(.16, 1, .3, 1)),transform var(--duration-slow) var(--ease-out-expo, cubic-bezier(.16, 1, .3, 1)),background var(--duration-normal) ease,box-shadow var(--duration-normal) ease;z-index:2;color:var(--color-text, #1a1a1a)}@media(hover:hover){.product-card:hover .product-card__image-wrapper .wishlist-button{opacity:1;transform:scale(1) translateY(0)}}@media(hover:none){.product-card__image-wrapper .wishlist-button{opacity:1;transform:scale(1) translateY(0)}}.product-card__image-wrapper .wishlist-button:hover{background:var(--color-accent, var(--color-secondary, #4a5d4a));color:#fff;box-shadow:0 4px 12px #4a5d4a4d,0 8px 24px #4a5d4a33;transform:scale(1.1) translateY(0)}.product-card__image-wrapper .wishlist-button.is-active{opacity:1;transform:scale(1) translateY(0);color:var(--color-error, #dc2626)}.product-card__image-wrapper .wishlist-button svg{width:18px;height:18px}.product-card__info{padding:var(--spacing-4, 16px);display:flex;flex-direction:column;gap:var(--spacing-1, 4px);flex:1}.product-card__vendor{font-size:var(--font-size-xs, .75rem);font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin:0}.product-card__title{font-size:var(--font-size-sm, .875rem);font-weight:500;line-height:1.4;margin:0;color:var(--color-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}@media(min-width:768px){.product-card__title{font-size:var(--font-size-base, 1rem)}}.product-card__title a{color:inherit;text-decoration:none}@media(hover:hover){.product-card__title a:hover{color:var(--color-accent, var(--color-secondary, #4a5d4a))}}.product-card__price{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-2, 8px);font-weight:600;margin-top:auto}.product-card__price-current{font-size:1rem;color:var(--color-text)}.product-card__price-compare{font-size:.875rem;color:var(--color-text-muted);text-decoration:line-through}.product-card__price--sale .product-card__price-current{color:var(--color-error, #ef4444)}.product-card--skeleton{pointer-events:none}.product-card__skeleton-image{aspect-ratio:1;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.product-card__skeleton-title{height:20px;width:80%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--border-radius-sm)}.product-card__skeleton-price{height:16px;width:40%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--border-radius-sm)}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.product-card--list{flex-direction:row;align-items:center}.product-card--list .product-card__image-wrapper{width:120px;flex-shrink:0;aspect-ratio:1}.product-card--list .product-card__info{flex:1}.product-card--mini{flex-direction:row;align-items:center;padding:var(--spacing-2, 8px);background:var(--color-surface, #f8f8f8);border-radius:var(--radius-md, 8px)}.product-card--mini .product-card__image-wrapper{width:60px;height:60px;flex-shrink:0;border-radius:var(--radius-sm, 4px)}.product-card--mini .product-card__info{padding:0 var(--spacing-3, 12px)}.product-card--mini .product-card__title{font-size:var(--text-sm, 14px);min-height:auto}.product-card--sold-out .product-card__image-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff9}
/*# sourceMappingURL=/cdn/shop/t/22/assets/component-product-card.css.map */