/* Применяем плавный переход для всех целевых элементов */
.wc-block-product .icon-container svg path,
.wc-block-product .icon-container svg rect,
.wc-block-product .icon-container svg, 
.wc-block-product p[class*="wp-elements-"] {
	transition: color 0.8s ease-in-out, fill 0.8s ease-in-out !important;
}

/* Состояние при наведении для всех SVG */
/* Десктопные и мобильные иконки имеют одинаковые классы, поэтому здесь изменений не требуется */
.wc-block-product:hover .icon-container svg path.uuid-c38e8b76-d21e-48d3-92ee-dcbabc8c7351,
.wc-block-product:hover .icon-container svg rect.uuid-afd29d2c-9931-4664-a1c9-40137978f479,
.wc-block-product:hover .icon-container svg .uuid-330f1f03-0075-4880-a3f0-cedfd87a0f4f,
.wc-block-product:hover .icon-container svg .uuid-e915f88b-de63-40fd-b34e-25416d01951f,
.wc-block-product:hover .icon-container svg .uuid-3287ae96-47ac-4dca-9fb0-62518ca1227a {
	fill: #5b5b5b !important;
}

/* Состояние при наведении для текстовых элементов */
.wc-block-product:hover p[class*="wp-elements-"] {
	color: #5b5b5b !important;
}