.product-image-3d{--mgreen:#234a34;--mgreen-rgb:35,74,52;box-shadow:0 10px 30px rgba(var(--mgreen-rgb),.3),-12px 12px 0 rgba(var(--mgreen-rgb),2),-12px 12px 20px rgba(var(--mgreen-rgb),.2);transition:transform .3s,box-shadow .3s;position:relative}@media (width<=767px){.product-image-3d{box-shadow:0 8px 25px rgba(var(--mgreen-rgb),.25),-10px 10px 0 rgba(var(--mgreen-rgb),2),-10px 10px 15px rgba(var(--mgreen-rgb),.2);margin-left:5px}.product-image-3d:hover{box-shadow:0 10px 30px rgba(var(--mgreen-rgb),.2),-10px 10px 0 rgba(var(--mgreen-rgb),2),-12px 12px 20px rgba(var(--mgreen-rgb),.25);transform:translateY(-2px)}[dir=rtl] .product-image-3d{box-shadow:0 8px 25px rgba(var(--mgreen-rgb),.25),10px 10px 0 rgba(var(--mgreen-rgb),2),10px 10px 15px rgba(var(--mgreen-rgb),.2);margin-left:0;margin-right:10px}[dir=rtl] .product-image-3d:hover{box-shadow:0 10px 30px rgba(var(--mgreen-rgb),.2),10px 10px 0 rgba(var(--mgreen-rgb),2),12px 12px 20px rgba(var(--mgreen-rgb),.25)}}@media (width>=768px){.product-image-3d:hover{box-shadow:0 12px 35px rgba(var(--mgreen-rgb),.2),-10px 10px 0 rgba(var(--mgreen-rgb),2),-15px 15px 25px rgba(var(--mgreen-rgb),.25);transform:translateY(-2px)}[dir=rtl] .product-image-3d{box-shadow:0 10px 30px rgba(var(--mgreen-rgb),.15),12px 12px 0 rgba(var(--mgreen-rgb),2),12px 12px 20px rgba(var(--mgreen-rgb),.2);margin-left:0;margin-right:12px}[dir=rtl] .product-image-3d:hover{box-shadow:0 12px 35px rgba(var(--mgreen-rgb),.2),10px 10px 0 rgba(var(--mgreen-rgb),2),15px 15px 25px rgba(var(--mgreen-rgb),.25)}}