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