/* Metal Universe Shop – "Още с {група}" / "Може би ще харесаш и това": one row of cards that scrolls sideways. */
.sh-rel { clear: both; margin: 48px 0 0; font-family: var(--e-global-typography-text-font-family, "Source Sans Pro"), "Source Sans Pro", "Source Sans 3", Arial, sans-serif; }
.sh-rel__head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin: 0 0 16px; }
.sh-rel__head h2 { margin: 0; font-family: var(--e-global-typography-primary-font-family, "Source Sans Pro"), "Source Sans Pro", "Source Sans 3", Arial, sans-serif; font-size: clamp(20px, 2.6vw, 28px); font-weight: 700; color: var(--oc-ink); }
.sh-rel__all { flex: 0 0 auto; font-size: 15px; font-weight: 600; color: var(--oc-ink); text-decoration: none; }
.sh-rel__all:hover { color: var(--oc-accent, var(--oc-accent)); }
/* The theme makes ul.products a 4/2-column grid – reset it, otherwise the first four cards get
   squeezed into those columns and the rest overflow at another width (and overlap on phones). */
.sh-rel ul.products.sh-rel__list {
	display: grid !important; grid-template-columns: none !important; grid-template-rows: none !important;
	grid-auto-flow: column !important; grid-auto-columns: calc((100% - 3 * 18px) / 4) !important; gap: 18px !important;
	margin: 0 !important; padding: 0 0 10px !important; list-style: none; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: thin;
}
.sh-rel ul.products.sh-rel__list::before, .sh-rel ul.products.sh-rel__list::after { display: none !important; }
.sh-rel ul.products.sh-rel__list li.product {
	float: none !important; width: auto !important; min-width: 0; margin: 0 !important; padding: 0 !important;
	grid-column: auto !important; grid-row: auto !important; scroll-snap-align: start; display: flex; flex-direction: column;
}
.sh-rel ul.products.sh-rel__list li.product a.woocommerce-LoopProduct-link { display: block; color: inherit; text-decoration: none; }
.sh-rel ul.products.sh-rel__list li.product img {
	display: block; width: 100% !important; height: auto !important; aspect-ratio: 1; object-fit: cover; padding: 0 !important;
	margin: 0 0 10px !important; border-radius: 12px; background: var(--oc-well, #F2F2F0);
}
.sh-rel ul.products.sh-rel__list li.product .woocommerce-loop-product__title {
	margin: 0 0 4px !important; padding: 0 !important; font-size: 15px !important; font-weight: 500; line-height: 1.3; color: var(--oc-ink);
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.sh-rel ul.products.sh-rel__list li.product .price { display: block; margin: 0 !important; font-size: 15px !important; font-weight: 600; color: var(--oc-ink); }
.sh-rel ul.products.sh-rel__list li.product .price del { color: var(--oc-muted); font-weight: 400; opacity: 1; }
.sh-rel ul.products.sh-rel__list li.product .price ins { text-decoration: none; background: none; }
.sh-rel ul.products.sh-rel__list li.product .button,
.sh-rel ul.products.sh-rel__list li.product .added_to_cart,
.sh-rel ul.products.sh-rel__list li.product .star-rating,
.sh-rel ul.products.sh-rel__list li.product .sh-tier-tag,
.sh-rel ul.products.sh-rel__list li.product .onsale { display: none !important; }
@media (max-width: 900px) { .sh-rel ul.products.sh-rel__list { grid-auto-columns: calc((100% - 2 * 14px) / 2.6) !important; gap: 14px !important; } }
@media (max-width: 600px) { .sh-rel ul.products.sh-rel__list { grid-auto-columns: 44% !important; } .sh-rel { margin-top: 36px; } }