.product-card{position:relative;display:flex;flex-direction:column;gap:16px;padding-bottom:16px;padding-right:24px;width:100%;overflow:hidden}.product-card-mini{border:1px solid rgba(0,0,0,0);padding:3px 3px 19px;border-radius:8px;gap:8px;transition:border .4s ease}.product-card .photo{position:relative;aspect-ratio:1/1;border-radius:8px;margin-right:-24px}.product-card-mini .photo{margin-right:0}.product-card .photo img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:8px}.product-card .badges{position:absolute;top:18px;left:14px}.product-card-mini .badges{top:21px;left:20px}.product-card .add-to-fav{position:absolute;width:32px;height:32px;padding:0;top:8px;right:6px;background-color:rgba(0,0,0,0)}.product-card-mini .add-to-fav{top:15px;right:15px}.product-card .add-to-fav svg{transition:opacity .4s ease;width:24px;height:24px}.product-card .add-to-fav svg+svg{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);opacity:0}.product-card .add-to-fav[data-active] svg+svg{opacity:1}.product-card .name{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font:500 var(--linkL)/24px var(--font);color:var(--textPrimary);width:100%;margin-bottom:auto;height:3lh}.product-card-mini .name{font-size:13px;line-height:16px}.product-card .details{display:flex;flex-direction:column;gap:8px}.product-card-mini .details{display:none}.product-card-mini .avail{font-weight:700;font-size:10px;line-height:16px}.product-card .buy{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;min-height:48px;position:relative}.product-card .buy .icon-btn-card{position:absolute;top:50%;right:0;transform:translateY(-50%)}.product-card .buy .stepper{width:92px;position:absolute;bottom:24px;right:-24px;transform:translateY(50%);transition:opacity .4s ease}.product-card .buy .stepper.value0{display:none}.product-card .buy:has(.stepper:not(.value0)) .icon-btn-card{display:none}.product-card .buy .stepper .minus{left:4px}.product-card .buy .stepper .plus{right:4px}.product-card .buy .btn{flex:1;padding-left:0;padding-right:0;margin-right:-24px}.product-card-mini .buy .btn{margin-right:0}.product-card del{font-weight:600;font-size:12px;color:var(--textTeritary)}.product-card .price-main{font-size:var(--h2)}.product-card-mini .price-main{font-size:20px;line-height:24px}.product-card-mini .buy .stepper{right:0}