.productCard{position:relative;display:block;margin-left:16px;overflow:hidden;direction:rtl;border-radius:16px;background-color:var(--reverse-color);box-shadow:rgba(var(--action-color-rgb),.1) 0 2px 16px 0;transition:all .3s}.productCard:active,.productCard:focus,.productCard:hover{box-shadow:rgba(var(--action-color-rgb),.25) 0 7px 29px 0}.productCard.vertical{width:200px;height:344px}.productCard>a{position:relative;display:block;width:100%;height:100%}.productCard .offerTitle{top:8px;right:8px}.productCard .offerTitle,.productCard .remainTime{position:absolute;display:flex;justify-content:center;align-items:center;font-size:13px;font-weight:600;border-radius:8px;color:var(--red-color);z-index:2}.productCard .remainTime{top:4px;left:8px;padding:2px 0 0 18px}.productCard .remainTime svg{position:absolute;top:4px;left:0}.productCard .remainTime svg path{stroke-width:44;stroke:var(--red-color)}.productCard .image{position:absolute;width:100%;height:164px;top:16px;padding:8px;display:flex;justify-content:center;align-items:flex-start}.productCard .image img{width:100%;height:100%;background-color:var(--reverse-color);border-radius:16px;object-fit:contain}.productCard .colors{position:absolute;width:100%;top:174px;right:0;padding-right:4px;display:flex;justify-content:center;align-items:center;z-index:2}.productCard .colors span{width:8px;height:8px;border-radius:50%;margin:0 4px;border:1px solid var(--action-color);box-shadow:0 1px 1px var(--action-color) inset}.productCard .title{position:absolute;width:100%;height:40px;bottom:104px;padding:0 8px 0 0;margin:0;font-size:13px;font-weight:400;line-height:21px;color:var(--text-color);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.productCard .stars{position:absolute;bottom:146px;left:8px;display:flex;padding-right:4px;justify-content:center;align-items:center}.productCard .stars span{position:relative;font-size:13px;font-weight:600;color:var(--secondary-text-color);padding-top:6px}.productCard .stars svg path{fill:var(--yellow-color);stroke:var(--yellow-color)}.productCard .quantity{position:absolute;bottom:146px;right:8px;font-weight:600;font-size:13px;color:var(--red-color)}.productCard .discount{position:absolute;bottom:76px;right:8px;display:flex;justify-content:space-between;align-items:center}.productCard .discount .main{position:relative;height:14px;line-height:18px;color:var(--secondary-text-color);font-weight:600;font-size:14px}.productCard .discount .main:after{content:"";position:absolute;top:7px;left:0;width:100%;border-bottom:1px solid var(--secondary-text-color)}.productCard .discount .percent{line-height:18px;border-radius:8px;padding:2px 8px 0;margin-left:8px;height:20px;font-weight:600;font-size:13px;color:var(--reverse-color);background-color:var(--red-color)}.productCard .discount .percent,.productCard .price{display:flex;justify-content:center;align-items:center}.productCard .price{position:absolute;width:-moz-fit-content;width:fit-content;bottom:50px;right:8px;color:var(--text-color)}.productCard .price span{font-size:17px;font-weight:600;font-weight:700;height:20px;line-height:20px}.productCard .price span.toman{width:38px;font-size:13px;font-weight:600;display:flex;justify-content:center;align-items:center}.productCard .addToFavorite{position:absolute;top:0;right:0;padding:8px;width:44px;height:44px;display:flex;justify-content:flex-start;align-items:flex-start;z-index:2;transition:all .3s}.productCard .addToFavorite svg path,.productCard .addToFavorite.active svg path{stroke:rgba(var(--secondary-text-color-rgb),.5)!important}.productCard .addToFavorite:hover svg path{stroke:var(--red-color)!important}.productCard .addToFavorite:active svg path{stroke:var(--red-color)!important;fill:var(--red-color)!important}.productCard .productAddToCart{position:absolute;width:calc(100% - 16px);bottom:8px;right:8px}.productCard .productAddToCart .outOfStock,.productCard .productAddToCart button{position:relative;width:100%;min-height:36px;height:36px;font-size:12px;font-weight:700;border-radius:10px}.productCard .addToCart button:hover{box-shadow:unset}.productCard.horizontal{width:100%;height:208px}.productCard.horizontal .image{width:40%;height:100%;padding:20px 8px 44px}.productCard.horizontal .colors{bottom:22px}.productCard.horizontal .addToCart,.productCard.horizontal .discount,.productCard.horizontal .offerTitle,.productCard.horizontal .outOfStock,.productCard.horizontal .price,.productCard.horizontal .quantity,.productCard.horizontal .title{right:40%}.productCard.horizontal .title{width:calc(60% - 40px)}.productCard.horizontal .addToCart,.productCard.horizontal .outOfStock{width:calc(60% - 8px)}@media (max-width:480px){.productCard{margin-left:8px}.productCard.vertical{width:100%;height:340px}.productCard.responsive{width:100%;height:208px}.productCard.responsive .image{width:40%;height:100%;padding:20px 8px 44px}.productCard.responsive .colors{bottom:22px}.productCard.responsive .discount,.productCard.responsive .offerTitle,.productCard.responsive .price,.productCard.responsive .quantity,.productCard.responsive .title{right:40%}.productCard.responsive .title{width:60%;padding:0 0 0 4px}.productCard.responsive .addToCart{width:calc(60% + 8px);right:calc(40% - 8px)}.productCard.horizontal .preloading .preloadingImageSkeleton{width:calc(40% - 16px);display:flex;justify-content:center}.productCard.horizontal .preloading .preloadingImageSkeleton .skeleton{width:120px;height:120px}.productCard.horizontal .preloading .preloadingTitleRowOneSkeleton,.productCard.horizontal .preloading .preloadingTitleRowTwoSkeleton{width:calc(60% - 16px)}.productCard.horizontal .preloading .preloadingPriceDiscountSkeleton{width:20%;right:calc(40% + 8px)}.productCard.horizontal .preloading .preloadingPriceMainSkeleton{width:20%}.productCard.horizontal .preloading .preloadingAddToCartSkeleton{width:calc(60% - 16px)}}.productCard .preloading{position:relative;width:100%;height:100%;background-color:var(--reverse-color);border-radius:16px;overflow:hidden}.productCard .preloading .preloadingImageSkeleton{position:absolute;width:calc(100% - 24px);height:160px;top:32px;right:12px;border-radius:8px;overflow:hidden}.productCard.horizontal .preloading .preloadingImageSkeleton{width:calc(40% - 16px);display:flex;justify-content:center}.productCard.horizontal .preloading .preloadingImageSkeleton .skeleton{width:120px;height:120px}.productCard .preloading .preloadingTitleRowOneSkeleton{position:absolute;width:calc(100% - 16px);height:20px;left:8px;bottom:144px;border-radius:8px;overflow:hidden}.productCard.horizontal .preloading .preloadingTitleRowOneSkeleton{width:calc(60% - 16px)}.productCard .preloading .preloadingTitleRowTwoSkeleton{position:absolute;width:calc(100% - 16px);height:20px;left:8px;bottom:114px;border-radius:8px;overflow:hidden}.productCard.horizontal .preloading .preloadingTitleRowTwoSkeleton{width:calc(60% - 16px)}.productCard .preloading .preloadingPriceDiscountSkeleton{position:absolute;width:calc(40% - 16px);height:20px;right:8px;bottom:60px;border-radius:8px;overflow:hidden}.productCard.horizontal .preloading .preloadingPriceDiscountSkeleton{width:20%;right:calc(40% + 8px)}.productCard .preloading .preloadingPriceMainSkeleton{position:absolute;width:calc(40% - 16px);height:20px;left:8px;bottom:60px;border-radius:8px;overflow:hidden}.productCard.horizontal .preloading .preloadingPriceMainSkeleton{width:20%}.productCard .preloading .preloadingAddToCartSkeleton{position:absolute;width:calc(100% - 16px);height:20px;left:8px;bottom:16px;border-radius:8px;overflow:hidden}.productCard.horizontal .preloading .preloadingAddToCartSkeleton{width:calc(60% - 16px)}