/*********************************************
 * Product Gach
**********************************************/
/* thumbnail */
.px-product-gach-item__thumbnail {aspect-ratio:420/315;}

/* hover */
a.px-product-gach-item__inner:hover .px-product-gach-item__title {color:var(--px-color-permalink-highlight);}

/* title hover */
.px-product-grid.is-title-hover .px-product-grid--grid.flex-grid-template {
    --grid-gap-x:24px;
    --grid-gap-y:24px;
}
.px-product-grid.is-title-hover .px-product-gach-item__info {
    position:absolute; bottom:0; z-index:2;
    padding:15px; width:100%;
    transition:all .3s ease;
}
.px-product-grid.is-title-hover a.px-product-gach-item__inner .px-product-gach-item__title,
.px-product-grid.is-title-hover a.px-product-gach-item__inner:hover .px-product-gach-item__title {
    color:#fff;
}
.px-product-grid.is-title-hover a.px-product-gach-item__inner:not(:hover) .px-product-gach-item__info {
    opacity:0;
}

@media only screen and (max-width:768px) {
    .px-product-gach-item__title {font-size:var(--px-size-20) !important;}

    .px-product-grid.is-title-hover .px-product-grid--grid.flex-grid-template {
        --grid-gap-x:15px;
        --grid-gap-y:15px;
    }
}