/* ============================================================
   Правка карточек товара в блоках, которые рисует BeTheme
   (related «Вам може сподобатись», upsells «Хіти продажів»).
   Тема выводит второе фото галереи при наведении, но здесь
   её механизм сломан — оба фото видны сразу. Прячем второе.
   Наш каталог (.mm-grid / .mm-card) не затрагивается: у него
   свой корректный эффект и своя разметка.
   ============================================================ */
.related .product .product-image img.show_on_hover,
.related .product .product-image img.hover_image,
.upsells .product .product-image img.show_on_hover,
.upsells .product .product-image img.hover_image,
.related .product-loop-thumb img:nth-of-type(2),
.upsells .product-loop-thumb img:nth-of-type(2) {
	display: none !important;
	opacity: 0 !important;
}

/* Запасное правило: два <img> подряд в ссылке товара вне нашей сетки. */
.woocommerce .related li.product a img ~ img,
.woocommerce .upsells li.product a img ~ img,
.woocommerce .products:not(.mm-grid) li.product a.woocommerce-LoopProduct-link img ~ img {
	display: none !important;
}

/* Related по продавцу */
.mm-related { max-width: 1340px; margin: 56px auto 0; padding: 0 24px; }
.mm-related__title { font-family: Georgia, serif; font-weight: 400; font-size: 26px; margin: 0 0 22px; }
.mm-related__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px 18px; }
.mm-related__card { display: block; text-decoration: none; color: #1a1a1a; }
.mm-related__img { position: relative; display: block; overflow: hidden; background: #f7f4f2; }
.mm-related__img img { width: 100%; aspect-ratio: 3/4; object-fit: cover; display: block; }
.mm-related__img-hover { position: absolute; inset: 0; opacity: 0; transition: opacity .35s ease; }
.mm-related__card:hover .mm-related__img-hover { opacity: 1; }
.mm-related__badge { position: absolute; top: 10px; left: 10px; padding: 4px 10px; background: var(--mm-accent, #4E0000); color: #fff; font-size: 11px; font-weight: 700; }
.mm-related__name { display: block; margin: 10px 0 3px; font-size: 14px; }
.mm-related__price { font-size: 13px; color: #6b6b66; }
.mm-related__price ins { text-decoration: none; color: var(--mm-accent, #4E0000); font-weight: 600; }
.mm-related__price del { opacity: .55; margin-right: 5px; }
@media (max-width: 900px) { .mm-related__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Карточка каталога вне архива (related и пр.): второе фото только на hover */
.mm-card .mm-card__img img + img,
.mm-card__img-hover { position: absolute; inset: 0; opacity: 0; transition: opacity .3s; }
.mm-card:hover .mm-card__img img + img,
.mm-card:hover .mm-card__img-hover { opacity: 1; }
.mm-card .mm-card__img { position: relative; }

/* Единые кнопки: бордовый бренд везде */
.mm-btn, .fb-btn,
.woocommerce button.button, .woocommerce a.button,
.woocommerce input.button, .woocommerce #respond input#submit,
.woocommerce button.button.alt, .woocommerce a.button.alt,
button[type="submit"].mm-filter__apply, .mm-filter--price button {
	background: var(--mm-accent, #4E0000) !important;
	color: #fff !important;
	border: 1px solid var(--mm-accent, #4E0000) !important;
	border-radius: 0 !important;
	text-transform: uppercase;
	letter-spacing: .05em;
	font-size: 13px;
	padding: 12px 24px;
	transition: opacity .2s ease;
}
.mm-btn:hover, .fb-btn:hover,
.woocommerce button.button:hover, .woocommerce a.button:hover { opacity: .85; }