/* Product Card Styles */

.product-card {
    width: 100%;
}

.image-wrapper {
    position: relative;
    overflow: hidden;
}

.image-wrapper img {
    width: 100%;
    display: block;
    transition: transform 0.4s ease;
}

@media (min-width: 992px) {
    .btn-quick-view-mobile {
        display: none;
    }

    .product-card:hover .image-wrapper img {
        transform: scale(1.08);
    }

    .btn-quick-view {
        position: absolute;
        left: 50%;
        bottom: 8px;
        transform: translateX(-50%) scale(0.95);
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.25s ease, transform 0.25s ease;
        background: #3986AC;
        color: #F2F8F7;
        padding: 10px 16px;
        border: none;
        z-index: 2;
        width: 90%;
        border: 1px solid #242942;
    }

    .product-card:hover .btn-quick-view {
        opacity: 1;
        pointer-events: auto;
        transform: translateX(-50%) scale(1);
    }

    .btn-quick-view:hover {
        transform: translateX(-50%) scale(1.08);
    }

    .btn-quick-view:hover ~ img,
    .image-wrapper:has(.btn-quick-view:hover) img {
        transform: scale(1);
    }
}

@media (max-width: 991px) {
    .image-wrapper img {
        transform: none !important;
        transition: none;
    }

    .btn-quick-view {
        display: none;
    }

    .btn-quick-view-mobile {
        display: block;
        width: 90%;
        margin-top: 8px;
        background: #3986AC;
        color: #F2F8F7;
        padding: 10px 16px;
        border: 1px solid #242942;
    }
}

.price {
    font-size: 16px;
    font-weight: 700;
    color: #242942;
}

.product-card .title {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 16px;
}

.link-size-chart {
    font-weight: 700;
    text-decoration: underline;
    color: #f00000;
    font-size: 16px;
}