/* Responsive Image Component Styles */
.responsive-image[data-lazy="true"] { opacity: 0.6; transition: opacity 0.3s ease; }

    .responsive-image[data-lazy="true"].loaded, .responsive-image[data-lazy="true"].error { opacity: 1; }

.responsive-picture { display: block; width: 100%; height: auto; /*aspect-ratio: 16 / 10;*/ }

.responsive-image { width: 100%; height: auto; object-fit: cover; /*aspect-ratio: 16 / 10;*/ }

.responsive-image-link { display: block; text-decoration: none; }

/* Responsive Video Styles */
.responsive-video { width: 100%; height: auto; object-fit: cover; aspect-ratio: 16 / 9; display: block; }

    .responsive-video::-webkit-media-controls { display: none !important; }

    .responsive-video::-webkit-media-controls-panel { display: none !important; }

    .responsive-video::-webkit-media-controls-play-button { display: none !important; }

    .responsive-video::-webkit-media-controls-start-playback-button { display: none !important; }

/* Optional: Advanced loading effects */
.responsive-image[data-lazy="true"]:not(.loaded):not(.error) { filter: blur(2px); }

.responsive-image[data-lazy="true"].loaded .responsive-image[data-lazy="true"].error { filter: none; transition: opacity 0.3s ease, filter 0.3s ease; }

/* Placeholder animation */
.responsive-image[data-lazy="true"]:not(.loaded):not(.error) { background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%); background-size: 200% 100%; animation: loading 1.5s infinite; }

@keyframes loading {
    0% { background-position: 200% 0; }

    100% { background-position: -200% 0; }
}

/* Error state styling */
/*.responsive-image.error {
    opacity: 0.8;
    background-color: #f5f5f5;
}

.responsive-image.error::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23999' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
    pointer-events: none;
}*/
.economic-item_image { height: auto; }

@media (max-width: 575px) {
    .featured-row_item.featured-column_item .featured-row_item__image { height: auto; }

    .grid-new-spotlight_item .featured-row_item:nth-child(1) .featured-row_item__image { height: auto; }
    .column-event-market-business .featured-row_item__image { height: auto; }
    .featured-row_item__image { height: auto; }
    .vnetv-item .vnetv-item_image { height: auto; }
    .grid-four-row_item.featured-row .featured-row_item__image { height: auto; }
    .group-flex-finance-featured .featured-row_item .featured-row_item__image { height: auto; }
}

.news-item.news-item-horizontal .image-container.responsive-video.image-container--1x1 { aspect-ratio: 1 / 1; }