.product-grid-home {    padding-top: 70px;}
a.product-item-inner {
    background: #172518;
    display: inline-block;
    width: 100%;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    color: #fff;
    min-height: 200px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    margin-bottom: 24px;
}
a.product-item-inner::before {
    content: "";
    filter: blur(80px);
    height: 100%;
    left: 0;
    opacity: .38;
    position: absolute;
    top: 0;
    -webkit-transform: translate3d(90%, 0, 0);
    transition: all .25s ease-in;
    width: 60%;
    z-index: 0;
    background: #07f468;
}
a.product-item-inner:hover::before {    opacity: 1;}
a.product-item-inner h3 {    position: absolute;    left: 30px;    top: 25px;    font-weight: 800;    font-size: 36px;}
a.product-item-inner strong {
    background: rgba(255,255,255,.2);
    display: inline-block;
    border-radius: 50px;
    padding: 8px 15px;
    font-weight: 600;
    line-height: normal;
    position: absolute;
    bottom: 25px;
    left: 15px;
    font-size: 14px;
    z-index: 9;
}
a.product-item-inner strong svg {    width: 7px;    margin-left: 5px;}
img.product-pic {    max-height: 170px;    max-width: 170px;    width: auto;    float: right;    position: relative;}

a.product-item-inner {    background-color: #0e0f0f;}
.hovercolor-1 a.product-item-inner::before {background:  #aea896; filter: blur(60px);}
.hovercolor-2 a.product-item-inner::before {background:  #ff6b1b; filter: blur(60px);}
.hovercolor-3 a.product-item-inner::before {background:  #7e73ff;filter: blur(60px); }
.hovercolor-4 a.product-item-inner::before {background:  #07f468;filter: blur(60px); }
.hovercolor-5 a.product-item-inner::before {background:  #699fec;filter: blur(60px); }
.hovercolor-6 a.product-item-inner::before {background:  #0fa2b7;filter: blur(60px); }
.hovercolor-7 a.product-item-inner::before {background:  #df1c19;filter: blur(60px); }
.hovercolor-8 a.product-item-inner::before {background:  #8d2b8a;filter: blur(60px); }



@media (min-width: 400px) and (max-width: 767px) {
    .mobile-half-col { width: 50%; }
img.product-pic {    max-height: 130px;    max-width: 120px;}
a.product-item-inner h3 {    font-size: 30px;}
a.product-item-inner strong {    padding: 7px 15px; font-size: 14px;}
a.product-item-inner {    min-height: 185px;}
}

@media (max-width: 576px) {
.product-grid-home {    padding-top: 30px;}
.mobile-half-col:last-child  a.product-item-inner {    margin-bottom: 0;}
}