/* WebP Picture Element Fixes */
picture {
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* Убеждаемся, что изображения внутри picture ведут себя как обычные img */
picture img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
}

/* Специальные стили для разных типов изображений */
picture.news-image,
picture.firmnews-image,
picture.news-main-image,
picture.firmnews-main-image,
picture.news-thumbnail,
picture.firmnews-thumbnail,
picture.catalog-thumbnail {
    display: block;
    width: 100%;
    height: auto;
}

/* Для изображений с фиксированными размерами */
picture[style*="width:"] {
    display: inline-block;
}

picture[style*="height:"] {
    display: inline-block;
}

/* Исправление для изображений в слайдерах */
.swiper-slide picture {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-slide picture img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* Стили для знаков зодиака - серый эффект и hover */
.signs_menu img,
.signs_menu picture img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.signs_menu:hover img,
.signs_menu picture:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

/* Активный знак зодиака всегда цветной */
.signs_menu_active img,
.signs_menu_active picture img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}