﻿/* DesignTypeProductsPartial.css */

.btn-wishlist {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 28px;
    text-align: center;
}

    .btn-wishlist i {
        font-size: 22px;
        transition: all 0.3s ease;
        position: absolute;
        top: 0;
        left: 0;
    }

    .btn-wishlist:hover .bx-heart {
        color: #b62626 !important;
        transform: scale(1.2);
    }

    .btn-wishlist .bxs-heart {
        color: #b62626;
        animation: heartbeat 0.7s ease-in-out;
    }

@keyframes heartbeat {
    0% {
        transform: scale(1);
    }

    40% {
        transform: scale(1.3);
    }

    100% {
        transform: scale(1);
    }
}

.static-banner {
    aspect-ratio: 1/1;
}

@media (max-width: 1200px) {
    .product-title {
        font-size: 12px;
    }

    .static-banner {
        aspect-ratio: 0/1;
        padding: 0;
    }
}
