.card-product{ position:relative; width:100%; min-height:300px; }
.card-product-title{ font-size:1.2rem; font-weight:900; text-align:center; color:#FFFFFF; margin:0; }
.card-product-inner{ position:relative; display:block; margin:0 auto 3rem auto; font-size:1rem; height:20em; }

.card-product-image{ position:absolute; display:block; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); }
.card-product-image-mask{ position:relative; display:block; width:inherit; height:inherit; z-index:1; top:0; transition:all 0.3s; }
.card-product-image-mask{ background-position:center center; background-size:100% 100%; background-repeat:no-repeat; }
.card-product-image-mask{ -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center center; mask-position:center center; -webkit-mask-size:100% 100%; mask-size:100% 100%; }
.card-product-image-shadow{ position:absolute; top:15%; left:15%; width:90%; height:90%; border-radius:20%; filter:blur(1.0rem); z-index:0; opacity:0.33; background-position:center center; background-size:100% 100%; background-repeat:no-repeat; transition:all 0.3s; }

.card-product-image:hover .card-product-image-mask{ top:0.3rem; left:0%; }
.card-product-image:hover .card-product-image-shadow{ top:10%; left:10%; width:95%; height:95%; filter:blur(0.5rem); }

.card-product-inner.pote{ height:20em; } /* 335 x 400 */
.card-product-inner.picole{ height:27.5em; } /* 233 x 550 */
.card-product-inner.gkonne{ height:27.5em; } /* 233 x 550 */
.card-product-inner.paleta{ height:27.5em; } /* 233 x 550 */
.card-product-inner.snack{ height:18.25em; } /* 450 x 365 */
.card-product-inner.gmax{ height:12.5em; } /* 600 x 250 */

.card-product-inner.pote .card-product-image{ width:16.75em; height:19em; } /* 335 x 400 */
.card-product-inner.picole .card-product-image{ width:11.65em; height:27.5em; } /* 233 x 550 */
.card-product-inner.gkonne .card-product-image{ width:11.65em; height:27.5em; } /* 233 x 550 */
.card-product-inner.paleta .card-product-image{ width:11.65em; height:27.5em; } /* 233 x 550 */
.card-product-inner.snack .card-product-image{ width:22.5em; height:18.25em; } /* 450 x 365 */
.card-product-inner.gmax .card-product-image{ width:30em; height:12.5em; } /* 600 x 250 */

.products-page .card-product-inner{ font-size:0.4rem; margin-bottom:3rem; }