/*

Theme Name: پارس کالا
Theme URI: https://www.rtl-theme.com/parskala-wordpress-theme/
Author: مسیر وردپرس | حسین اسماعیلیان
Author URI: https://masirwp.com/
Version: 3.4.4
Tags: ابر پوسته وردپرسی فروشگاهی ووکامرس
Text Domain: parskala
Domain Path: /languages/
Description: پارس کالا منعطف ترین پوسته فروشگاهی وردپرس
برای طراحی این قالب زحمات زیادی کشیده شده لذا خواهشمندیم تا نسخه ی اصلی این قالب را تهیه نمایید تا به فعالیت ما تداوم بخشید.

*/

body .item-pro img{
    color: transparent;
    object-fit: contain;
    transition-duration: .5s;
}
body .item-pro:hover img{
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
body .item-pro .thumb-pro::after{
    background: radial-gradient(50% 50% at 50% 50%,#000 0,transparent 100%);
    opacity: .4;
    filter: blur(4px);
    border-radius: 20px;
    transition-duration: .5s;
    width: 180px;
}
body .item-pro:hover .thumb-pro::after:hover{
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-rotate: 1deg;
    height: 20px;
    margin-top: 28px;
}