/* ==========================================================
   PRODUCTS PAGE
   File      : products.css
   Section   : Product Cards
   Updated   : 28-06-2026
========================================================== */

/* ---------- Product Card Hover Effect ---------- */

.aiz-card-box{
    transition: transform .25s ease, box-shadow .25s ease;
}

.aiz-card-box:hover{
    transform: translateY(-8px) scale(1.03);
    box-shadow: 0 15px 35px rgba(0,0,0,.18);
}

/* ==========================================================
   PRODUCTS - MOBILE ONLY
   Updated: 28-06-2026
========================================================== */

@media (max-width: 768px) {

    .product-image-box{
        height: 160px;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

    .product-image-box img{
        width: 100%;
        height: 100%;
        object-fit: contain;
        max-width: 100%;
        max-height: 100%;
    }

}