/* Исправления для изображений в статьях */

/* Стиль для контейнера изображения */
.article-image {
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin: 20px 0;
    text-align: center;
    overflow: hidden;
    object-fit: contain;
}

/* Стиль для самого изображения */
.article-image img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    object-fit: contain;
}

/* Стиль для изображений, которые являются прямыми потомками контейнера статьи */
.article-container img.article-image,
.article-content img.article-image {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 20px auto;
    object-fit: contain;
}

/* Медиа-запросы для адаптивности */
@media (max-width: 768px) {
    .article-image {
        margin: 15px 0;
    }
}

/* Стили для продуктовых изображений */
.product-image-container img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}