/* Category Page Styles - Uses unified styles from common.css */

/* All layout and card styles now inherited from common.css for consistency */

/* Mobile responsive design now inherited from common.css */

/* Category page specific customizations can be added here if needed */

/* Play button overlay on hover - PC only */
@media (min-width: 769px) {
    .content-section .card-img {
        position: relative;
        overflow: hidden;
    }
    
    .content-section .card-img::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 60px;
        height: 60px;
        background-image: url('../images/Categories/Group 55.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        opacity: 0;
        transition: opacity 0.3s ease;
        z-index: 10;
        pointer-events: none;
    }
    
    .content-section .card:hover .card-img::after {
        opacity: 1;
    }
}