/* Khung hình chuẩn 16:9 cho toàn bộ thẻ dịch vụ trong trang danh mục. */
.service-catalog-page .service-module-visual {
    height: auto;
    aspect-ratio: 16 / 9;
    padding: 12px 12px 0;
    background: transparent;
}

.service-catalog-page .service-module-visual > img {
    display: block;
    border-radius: 12px;
    box-shadow: 0 10px 22px rgba(4, 39, 21, .2);
}

.service-catalog-page .service-module-visual-fallback {
    border-radius: 12px 12px 0 0;
    background: radial-gradient(circle at 72% 18%, rgba(234, 239, 157, .32), transparent 16%), radial-gradient(circle at 18% 90%, rgba(128, 177, 85, .42), transparent 30%), linear-gradient(135deg, #336a29, #498428 60%, #19492a);
    background-clip: content-box;
}

.service-catalog-page .service-module-visual-art {
    top: 12px;
    right: 12px;
    bottom: 0;
    left: 12px;
    border-radius: 12px 12px 0 0;
    overflow: hidden;
}

@media (max-width: 600px) {
    .service-catalog-page .service-module-visual {
        aspect-ratio: 16 / 9;
        height: auto;
        padding: 10px 10px 0;
    }

    .service-catalog-page .service-module-visual-art {
        top: 10px;
        right: 10px;
        left: 10px;
    }
}