.figma-product-showcase{--primary-color: #1a1a1a;--primary-hover: #2c2c2c;--background-color: #ffffff;--text-color: #2c2c2c;--border-color: #e5e5e5;--shadow-light: 0 2px 10px rgba(0, 0, 0, .05);--shadow-medium: 0 8px 30px rgba(0, 0, 0, .1);--shadow-heavy: 0 20px 40px rgba(0, 0, 0, .1);--transition-base: all .3s cubic-bezier(.25, .46, .45, .94);--transition-fast: all .2s ease;--border-radius: 8px;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem}.figma-product-showcase{width:100%;position:relative;overflow:hidden}.figma-product-showcase *{box-sizing:border-box}.figma-product-showcase .page-width{width:100%;max-width:1200px;margin:0 auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.figma-product-showcase .text-center{text-align:center}.figma-product-showcase .section-header{margin-bottom:var(--spacing-xl)}.figma-product-showcase .section-heading{margin:0 0 var(--spacing-sm) 0;font-weight:700;line-height:1.2}.figma-product-showcase .section-subheading{margin:0;opacity:.8;line-height:1.4}.figma-product-showcase .product-grid{display:grid;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.figma-product-showcase .product-grid--2-per-row{grid-template-columns:repeat(2,1fr)}.figma-product-showcase .product-grid--3-per-row{grid-template-columns:repeat(3,1fr)}.figma-product-showcase .product-grid--4-per-row{grid-template-columns:repeat(4,1fr)}.figma-product-showcase .product-card{position:relative;background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;transition:var(--transition-base);height:100%;display:flex;flex-direction:column}.figma-product-showcase .product-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-heavy);border-color:transparent}.figma-product-showcase .product-card__image-wrapper{position:relative;overflow:hidden;flex-shrink:0}.figma-product-showcase .product-card__image-link{display:block;text-decoration:none;color:inherit}.figma-product-showcase .product-card__image{width:100%;height:100%;transition:var(--transition-base);overflow:hidden}.figma-product-showcase .product-card__image img{width:100%;height:100%;object-fit:cover;transition:var(--transition-base)}.figma-product-showcase .product-card__image--hover{position:absolute;top:0;left:0;opacity:0}.figma-product-showcase .product-card:hover .product-card__image--hover{opacity:1}.figma-product-showcase .product-card:hover .product-card__image:not(.product-card__image--hover) img{transform:scale(1.05)}.figma-product-showcase .product-card__image--placeholder{display:flex;align-items:center;justify-content:center;background-color:#f8f8f8}.figma-product-showcase .placeholder-svg{width:100%;height:100%;max-width:200px;opacity:.3}.figma-product-showcase .product-card__badge{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);padding:.25rem .75rem;border-radius:2rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;z-index:2}.figma-product-showcase .sale-badge{background-color:#d72c0d;color:#fff}.figma-product-showcase .product-card__quick-add{position:absolute;bottom:var(--spacing-sm);left:var(--spacing-sm);right:var(--spacing-sm);opacity:0;transform:translateY(10px);transition:var(--transition-base);z-index:2}.figma-product-showcase .product-card:hover .product-card__quick-add{opacity:1;transform:translateY(0)}.figma-product-showcase .btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:none;border-radius:6px;font-weight:600;font-size:.875rem;text-decoration:none;cursor:pointer;transition:var(--transition-fast);position:relative;overflow:hidden;white-space:nowrap;width:100%;background:transparent}.figma-product-showcase .btn--primary{background-color:var(--primary-color);color:#fff}.figma-product-showcase .btn--primary:hover{background-color:var(--primary-hover);transform:translateY(-2px)}.figma-product-showcase .btn--secondary{border:2px solid var(--primary-color);color:var(--primary-color)}.figma-product-showcase .btn--secondary:hover{background-color:var(--primary-color);color:#fff}.figma-product-showcase .btn__text{transition:opacity .2s ease}.figma-product-showcase .btn__loader{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.figma-product-showcase .btn.loading .btn__text{opacity:0}.figma-product-showcase .btn.loading .btn__loader{opacity:1}.figma-product-showcase .spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.figma-product-showcase .product-card__info{padding:var(--spacing-md);flex-grow:1;display:flex;flex-direction:column}.figma-product-showcase .product-card__vendor{font-size:.875rem;color:var(--text-color);opacity:.7;margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.05em}.figma-product-showcase .product-card__title{margin:0 0 var(--spacing-xs) 0;flex-grow:1}.figma-product-showcase .product-card__title a{color:inherit;text-decoration:none;font-weight:600;line-height:1.3;transition:color .2s ease}.figma-product-showcase .product-card__title a:hover{color:var(--primary-color)}.figma-product-showcase .product-card__rating{margin-bottom:var(--spacing-xs)}.figma-product-showcase .product-card__price{font-weight:600;margin-top:auto}.figma-product-showcase .section-footer{margin-top:var(--spacing-xl)}.figma-product-showcase .collection-empty{text-align:center;padding:var(--spacing-xl) var(--spacing-sm);color:var(--text-color);opacity:.7}.figma-product-showcase .collection-empty p{margin:0 0 var(--spacing-md) 0;font-size:1.125rem}.figma-product-showcase.animations-enabled .animate-item{opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease-out forwards;animation-play-state:paused}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media screen and (max-width: 989px){.figma-product-showcase .product-grid--3-per-row,.figma-product-showcase .product-grid--4-per-row{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 749px){.figma-product-showcase .page-width{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.figma-product-showcase .product-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.figma-product-showcase .section-header{margin-bottom:var(--spacing-lg)}.figma-product-showcase .product-card__quick-add{position:static;opacity:1;transform:none;margin-top:var(--spacing-sm)}}@media (prefers-reduced-motion: reduce){.figma-product-showcase *,.figma-product-showcase *:before,.figma-product-showcase *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.figma-product-showcase .product-card:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/figma-product-showcase.css.map */