/* Single product related products: six compact bordered cards. */

body.single-product.my-obl-single-product .related-products-wrapper {
	--my-obl-related-gap: 10px;
	--my-obl-related-card-bd: #e5e5e5;
	--my-obl-related-card-bg: #ffffff;
	margin-top: 30px;
	box-sizing: border-box;
}

body.single-product.my-obl-single-product .related-products-wrapper .row {
	margin-left: calc(var(--my-obl-related-gap) * -0.5);
	margin-right: calc(var(--my-obl-related-gap) * -0.5);
}

body.single-product.my-obl-single-product .related-products-wrapper .row > .col {
	box-sizing: border-box;
	padding: calc(var(--my-obl-related-gap) * 0.5);
}

@media screen and (min-width: 850px) {
	body.single-product.my-obl-single-product .related-products-wrapper .row > .col {
		max-width: 16.6667% !important;
		flex-basis: 16.6667% !important;
		width: 16.6667% !important;
	}
}

@media screen and (max-width: 849px) {
	body.single-product.my-obl-single-product .related-products-wrapper {
		--my-obl-related-gap: 8px;
	}

	body.single-product.my-obl-single-product .related-products-wrapper .row > .col {
		max-width: 50% !important;
		flex-basis: 50% !important;
		width: 50% !important;
	}
}

body.single-product.my-obl-single-product .related-products-wrapper .product-small.col,
body.single-product.my-obl-single-product .related-products-wrapper .product-small.col > .col-inner,
body.single-product.my-obl-single-product .related-products-wrapper .product-small.col.has-hover > .col-inner,
body.single-product.my-obl-single-product .related-products-wrapper .product-small.col.has-hover:hover > .col-inner {
	background: transparent !important;
	box-shadow: none !important;
	transform: none !important;
}

body.single-product.my-obl-single-product .related-products-wrapper .product-small.col > .col-inner > .box {
	box-sizing: border-box;
	height: 100%;
	background: var(--my-obl-related-card-bg, #ffffff);
	border: 1px solid var(--my-obl-related-card-bd, #e5e5e5);
	border-radius: 4px;
	overflow: hidden;
	box-shadow: none !important;
	transition: border-color 0.52s cubic-bezier(0.22, 1, 0.36, 1);
}

@media (hover: hover) and (pointer: fine) {
	body.single-product.my-obl-single-product .related-products-wrapper .product-small.col:hover > .col-inner > .box,
	body.single-product.my-obl-single-product .related-products-wrapper .product-small.col:focus-within > .col-inner > .box {
		border-color: var(--my-obl-logo-color, #b12f33);
	}
}

body.single-product.my-obl-single-product .related-products-wrapper .product-small.col .box-image {
	border: 0 !important;
	box-shadow: none !important;
	border-radius: 0;
}

body.single-product.my-obl-single-product .related-products-wrapper .product-small.col .box-image img {
	border-radius: 0;
}

body.single-product.my-obl-single-product .related-products-wrapper .product-small.col .box-text {
	padding: 10px 10px 12px !important;
	background: var(--my-obl-related-card-bg, #ffffff);
	border: 0 !important;
	box-shadow: none !important;
}

body.single-product.my-obl-single-product .related-products-wrapper .product-small.col .box-text .name,
body.single-product.my-obl-single-product .related-products-wrapper .product-small.col .box-text .title-wrapper .name,
body.single-product.my-obl-single-product .related-products-wrapper .product-small.col .woocommerce-loop-product__title {
	margin: 0 0 4px;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
	color: #111111;
}

body.single-product.my-obl-single-product .related-products-wrapper .product-small.col .box-text .name a,
body.single-product.my-obl-single-product .related-products-wrapper .product-small.col .box-text .title-wrapper .name a,
body.single-product.my-obl-single-product .related-products-wrapper .product-small.col .woocommerce-loop-product__title a {
	color: inherit;
	text-decoration: none;
}

body.single-product.my-obl-single-product .related-products-wrapper .product-small.col .box-text .category,
body.single-product.my-obl-single-product .related-products-wrapper .product-small.col .box-text .sku {
	font-size: 12px;
	line-height: 1.4;
	color: #666666;
}

body.single-product.my-obl-single-product .related-products-wrapper .product-small.col .price,
body.single-product.my-obl-single-product .related-products-wrapper .product-small.col .price-wrapper .price {
	margin: 6px 0 0;
	font-size: 13px;
	line-height: 1.35;
	color: #111111;
}

body.single-product.my-obl-single-product .related-products-wrapper .product-small.col .price del {
	color: #999999;
}

body.single-product.my-obl-single-product .related-products-wrapper .product-small.col .price ins,
body.single-product.my-obl-single-product .related-products-wrapper .product-small.col .price .amount {
	font-weight: 600;
}

body.single-product.my-obl-single-product .related-products-wrapper .badge-container .badge {
	transform: scale(0.86);
	transform-origin: top left;
}

@media (prefers-reduced-motion: reduce) {
	body.single-product.my-obl-single-product .related-products-wrapper .product-small.col > .col-inner > .box {
		transition: none;
	}
}