/*productcards*/
.productcard__content { padding: 32px 16px;  }
.productcard__content h3 { color: #20292E;  }
.productcard__text { margin-top: 24px;  }

.frontend .productcard__img { position: relative; overflow:hidden; transform-origin: top;}

.frontend .productcard__img:after { content: ''; position: absolute; background: #E9E6D2; top: 0; left:-20px; transform:  scale(1.4); height: 105%; width: 105%; transform-origin:top; }
.frontend .animated .productcard__img:after { opacity: 0; transition: opacity .4s .8s;  }

.productcard__btn { opacity: 0; transition: opacity .4s;  }
.productcard:hover .productcard__btn { opacity: 1; transition: opacity .4s;  }

@media all and (min-width: 768px){

    .frontend .productcard__img img { opacity: 0; transform: scale(1.4); transform-origin:top;  }
    .frontend .animated .productcard__img img { opacity: 1; transform: scale(1); transition: transform 4s, opacity .4s .8s;  }

    .productcard__content { padding: 32px 64px;  }
    .frontend .productcard__img { transform: scale(0.85); }
    .frontend .animated .productcard__img { transform: scale(1); transition: transform 4s; transform-origin:top;  }

}