/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: May 05 2026 | 05:09:43 */
.product-block .block-inner:hover {
    border-radius: 0;
    -webkit-border-radius: 0;
}

.product-block .block-inner:hover {
  
    transform: rotate(1deg);
    box-shadow: -1rem -1rem 1rem -1rem #0000000d,1rem 1rem 1rem -1rem #0000000d,0 0 .5rem #fff0,0 2rem 3.5rem -2rem #00000080;
}

.product-block .block-inner{
    transform-origin: center;
      border-radius: 15px ;
     -webkit-border-radius: 15px;
       overflow:hidden;
    transition: transform 3s ease, border-radius 0.5s ease, box-shadow 0.1s ;
    margin-bottom:1rem
}

.product-block.grid {
    border: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
}


.product-block .block-inner:before, .product-block .block-inner:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    transition: background-position calc(2 * 3s) ease,opacity 0.2s ease;
    mix-blend-mode: overlay;
    background-size: 400% 100%;
    background-position: 90% 0;
    background-repeat: no-repeat;
    background-image: linear-gradient(135deg,#fff0 45%,#fff,#fff0 55%);
}


.product-block:hover .block-inner:before, .product-block:hover .block-inner:after{
    opacity: .2;
    transition: background-position 6s ease,opacity 3s ease;
    background-position: left;
    z-index: 2;
}