.modern-product-card{--font-color: #323232;--font-color-sub: #666;--bg-color: #fff;--main-color: #323232;--main-focus: #2d8cf0;width:230px;height:300px;background:var(--bg-color);border:2px solid var(--main-color);box-shadow:4px 4px var(--main-color);border-radius:5px;display:flex;flex-direction:column;justify-content:flex-start;padding:20px;gap:10px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;transition:all .3s ease;position:relative;overflow:hidden}.modern-product-card:hover{transform:translateY(-5px);box-shadow:8px 8px var(--main-color)}.modern-product-card__image{transition:all .5s;display:flex;justify-content:center;align-items:center;height:100px;overflow:hidden;border-radius:8px;background:#f8f9fa}.modern-product-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.modern-product-card:hover .modern-product-card__image img{transform:scale(1.05)}.modern-product-card__title{font-size:20px;font-weight:500;text-align:center;color:var(--font-color);margin:0;line-height:1.2}.modern-product-card__subtitle{font-size:14px;font-weight:400;color:var(--font-color-sub);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.modern-product-card__divider{width:100%;border:1px solid var(--main-color);border-radius:50px;margin:5px 0}.modern-product-card__footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:auto}.modern-product-card__price{font-size:20px;font-weight:500;color:var(--font-color);display:flex;align-items:center;gap:2px}.modern-product-card__price span{font-size:16px;font-weight:400;color:var(--font-color-sub)}.modern-product-card__button{height:35px;background:var(--bg-color);border:2px solid var(--main-color);border-radius:5px;padding:0 15px;transition:all .3s;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:35px}.modern-product-card__button svg{width:20px;height:20px;fill:var(--main-color);transition:all .3s}.modern-product-card__button:hover{border:2px solid var(--main-focus);background:var(--main-focus)}.modern-product-card__button:hover svg{fill:#fff}.modern-product-card__button:active{transform:translateY(2px)}.color-scheme-1 .modern-product-card,.color-scheme-2 .modern-product-card{--font-color: #e0e0e0;--font-color-sub: #b0b0b0;--bg-color: #2a2a2a;--main-color: #e0e0e0;--main-focus: #4a9eff}@media screen and (max-width: 768px){.modern-product-card{width:200px;height:280px;padding:15px}.modern-product-card__title{font-size:18px}.modern-product-card__subtitle{font-size:13px}.modern-product-card__price{font-size:18px}.modern-product-card__button{height:32px;padding:0 12px}.modern-product-card__button svg{width:18px;height:18px}}.modern-product-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;padding:20px;max-width:1200px;margin:0 auto}@media screen and (max-width: 768px){.modern-product-cards-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;padding:15px}}.modern-product-card--loading{opacity:.7;pointer-events:none}.modern-product-card--loading .modern-product-card__image{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.modern-product-card__badge{position:absolute;top:10px;right:10px;background:#ff4757;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;z-index:1}.modern-product-card__wishlist{position:absolute;top:10px;left:10px;background:#ffffffe6;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:1}.modern-product-card__wishlist:hover{background:#ff4757;transform:scale(1.1)}.modern-product-card__wishlist svg{width:16px;height:16px;fill:#666;transition:fill .3s ease}.modern-product-card__wishlist:hover svg{fill:#fff}.modern-product-card__wishlist.active svg{fill:#ff4757}
/*# sourceMappingURL=/cdn/shop/t/16/assets/modern-product-card.css.map */