.modern-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);overflow:hidden;transition:var(--transition-smooth);position:relative;box-shadow:var(--shadow-sm)}.modern-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary-200)}.modern-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-600));opacity:0;transition:var(--transition-smooth)}.modern-card:hover:before{opacity:1}.product-card-modern{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);overflow:hidden;transition:var(--transition-smooth);position:relative;display:flex;flex-direction:column;height:100%}.product-card-modern:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.product-card-modern__image-wrapper{position:relative;overflow:hidden;aspect-ratio:1;background:var(--color-surface-secondary)}.product-card-modern__image{width:100%;height:100%;object-fit:cover;transition:var(--transition-slow)}.product-card-modern:hover .product-card-modern__image{transform:scale(1.05)}.product-card-modern__badge{position:absolute;top:var(--space-3);left:var(--space-3);z-index:2}.product-card-modern__badge--sale{background:var(--color-error);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.025em}.product-card-modern__badge--new{background:var(--color-success);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.025em}.product-card-modern__actions{position:absolute;top:var(--space-3);right:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);opacity:0;transform:translate(10px);transition:var(--transition-smooth)}.product-card-modern:hover .product-card-modern__actions{opacity:1;transform:translate(0)}.product-card-modern__action-btn{width:40px;height:40px;border-radius:var(--radius-full);border:none;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-sm)}.product-card-modern__action-btn:hover{background:var(--color-primary-600);color:#fff;transform:scale(1.1)}.product-card-modern__content{padding:var(--space-6);flex:1;display:flex;flex-direction:column}.product-card-modern__vendor{font-size:var(--font-size-xs);color:var(--color-neutral-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.product-card-modern__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900);line-height:var(--line-height-tight);margin-bottom:var(--space-3);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card-modern__title a{color:inherit;text-decoration:none;transition:var(--transition-fast)}.product-card-modern__title a:hover{color:var(--color-primary-600)}.product-card-modern__description{font-size:var(--font-size-sm);color:var(--color-neutral-600);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.product-card-modern__price-wrapper{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.product-card-modern__price{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-neutral-900)}.product-card-modern__price--compare{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--color-neutral-500);text-decoration:line-through}.product-card-modern__price--sale{color:var(--color-error)}.product-card-modern__rating{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.product-card-modern__stars{display:flex;gap:var(--space-1)}.product-card-modern__star{width:16px;height:16px;color:var(--color-warning)}.product-card-modern__rating-count{font-size:var(--font-size-sm);color:var(--color-neutral-500)}.product-card-modern__variants{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.product-card-modern__variant-swatch{width:24px;height:24px;border-radius:var(--radius-full);border:2px solid var(--color-border);cursor:pointer;transition:var(--transition-fast)}.product-card-modern__variant-swatch:hover,.product-card-modern__variant-swatch.is-active{border-color:var(--color-primary-600);transform:scale(1.1)}.product-card-modern__footer{display:flex;gap:var(--space-3)}.product-card-modern__add-to-cart{flex:1;padding:var(--space-3) var(--space-4);background:var(--color-primary-600);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-smooth);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.product-card-modern__add-to-cart:hover{background:var(--color-primary-700);transform:translateY(-1px)}.product-card-modern__quick-view{padding:var(--space-3);background:transparent;color:var(--color-primary-600);border:1px solid var(--color-primary-600);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center}.product-card-modern__quick-view:hover{background:var(--color-primary-600);color:#fff}.collection-card-modern{position:relative;border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:4/3;background:var(--color-surface-secondary);transition:var(--transition-smooth)}.collection-card-modern:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.collection-card-modern__image{width:100%;height:100%;object-fit:cover;transition:var(--transition-slow)}.collection-card-modern:hover .collection-card-modern__image{transform:scale(1.05)}.collection-card-modern__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0006,#0003);display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--space-6);transition:var(--transition-smooth)}.collection-card-modern:hover .collection-card-modern__overlay{background:linear-gradient(135deg,#0009,#0000004d)}.collection-card-modern__content{color:#fff}.collection-card-modern__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2);text-shadow:0 2px 4px rgba(0,0,0,.3)}.collection-card-modern__description{font-size:var(--font-size-base);margin-bottom:var(--space-4);opacity:.9}.collection-card-modern__cta{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-full);color:#fff;text-decoration:none;font-weight:var(--font-weight-medium);transition:var(--transition-smooth)}.collection-card-modern__cta:hover{background:#ffffff4d;transform:translateY(-2px)}.blog-card-modern{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);overflow:hidden;transition:var(--transition-smooth);display:flex;flex-direction:column;height:100%}.blog-card-modern:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.blog-card-modern__image-wrapper{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--color-surface-secondary)}.blog-card-modern__image{width:100%;height:100%;object-fit:cover;transition:var(--transition-slow)}.blog-card-modern:hover .blog-card-modern__image{transform:scale(1.05)}.blog-card-modern__content{padding:var(--space-6);flex:1;display:flex;flex-direction:column}.blog-card-modern__meta{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3);font-size:var(--font-size-sm);color:var(--color-neutral-500)}.blog-card-modern__date,.blog-card-modern__author{display:flex;align-items:center;gap:var(--space-1)}.blog-card-modern__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900);line-height:var(--line-height-tight);margin-bottom:var(--space-3);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-modern__title a{color:inherit;text-decoration:none;transition:var(--transition-fast)}.blog-card-modern__title a:hover{color:var(--color-primary-600)}.blog-card-modern__excerpt{font-size:var(--font-size-base);color:var(--color-neutral-600);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4);flex:1;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-modern__footer{display:flex;align-items:center;justify-content:space-between}.blog-card-modern__read-more{color:var(--color-primary-600);text-decoration:none;font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--space-1);transition:var(--transition-fast)}.blog-card-modern__read-more:hover{color:var(--color-primary-700);transform:translate(2px)}.blog-card-modern__tags{display:flex;gap:var(--space-2)}.blog-card-modern__tag{padding:var(--space-1) var(--space-2);background:var(--color-neutral-100);color:var(--color-neutral-600);font-size:var(--font-size-xs);border-radius:var(--radius-base);text-decoration:none;transition:var(--transition-fast)}.blog-card-modern__tag:hover{background:var(--color-primary-100);color:var(--color-primary-700)}.card--glass{background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);box-shadow:var(--glass-shadow)}.cards-grid{display:grid;gap:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.cards-grid--2-col{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.cards-grid--3-col{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.cards-grid--4-col{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media (max-width: 768px){.cards-grid{grid-template-columns:1fr;gap:var(--space-6)}.cards-grid--2-col,.cards-grid--3-col,.cards-grid--4-col{grid-template-columns:1fr}.product-card-modern__content{padding:var(--space-4)}.product-card-modern__title{font-size:var(--font-size-base)}.product-card-modern__price{font-size:var(--font-size-lg)}.collection-card-modern__title{font-size:var(--font-size-xl)}.blog-card-modern__content{padding:var(--space-4)}.blog-card-modern__title{font-size:var(--font-size-lg)}}@media (max-width: 480px){.cards-grid{gap:var(--space-4)}.product-card-modern__actions{position:static;opacity:1;transform:none;flex-direction:row;justify-content:center;margin-top:var(--space-4)}.product-card-modern__footer{flex-direction:column;gap:var(--space-2)}.product-card-modern__add-to-cart{order:1}.product-card-modern__quick-view{order:2}}.card-skeleton{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);overflow:hidden;padding:var(--space-6)}.card-skeleton__image{aspect-ratio:1;background:var(--color-neutral-200);border-radius:var(--radius-base);margin-bottom:var(--space-4)}.card-skeleton__title{height:1.5rem;background:var(--color-neutral-200);border-radius:var(--radius-base);margin-bottom:var(--space-2)}.card-skeleton__text{height:1rem;background:var(--color-neutral-200);border-radius:var(--radius-base);margin-bottom:var(--space-2)}.card-skeleton__text:last-child{width:60%}.card-skeleton__image,.card-skeleton__title,.card-skeleton__text{animation:skeleton-loading 1.5s infinite}
/*# sourceMappingURL=/cdn/shop/t/9/assets/modern-cards.css.map */