/* Product archive list — card style & display (uses CSS vars from inline style). */

body.my-obl-product-list-page .products .product-small.col {
	background: transparent;
	border: none !important;
	box-shadow: none !important;
	overflow: visible;
}

body.my-obl-product-list-page .products .product-small.col > .col-inner > .box {
	background: var(--my-obl-pl-archive-card-bg, #ffffff);
	border-style: solid;
	border-color: var(--my-obl-pl-archive-card-bd-c, #e5e5e5);
	border-top-width: var(--my-obl-pl-archive-card-bd-w, 1px);
	border-right-width: var(--my-obl-pl-archive-card-bd-w, 1px);
	border-bottom-width: var(--my-obl-pl-archive-card-bd-w, 1px);
	border-left-width: var(--my-obl-pl-archive-card-bd-w, 1px);
	border-radius: 4px;
	box-sizing: border-box;
	overflow: hidden;
	box-shadow: none !important;
}

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

body.my-obl-product-list-page .products .product-small.col .box-image {
	border: none !important;
	box-shadow: none !important;
}

body.my-obl-product-list-page .products .product-small.col .box-text {
	background-color: var(--my-obl-pl-archive-box-text-bg, #ffffff);
	padding: 12px !important;
	border: none !important;
	box-shadow: none !important;
}

body.my-obl-product-list-page .products .product-small.col .box-image,
body.my-obl-product-list-page .products .product-small.col .box-image img {
	border-radius: 0;
}

body.my-obl-product-list-page.my-obl-pl-archive-ratio-portrait .products .product-small .box-image:not(.my-obl-pl-archive-fit-natural):not(.my-obl-pl-archive-fit-natural-mobile),
body.my-obl-product-list-page.my-obl-pl-archive-ratio-portrait_tall .products .product-small .box-image:not(.my-obl-pl-archive-fit-natural):not(.my-obl-pl-archive-fit-natural-mobile),
body.my-obl-product-list-page.my-obl-pl-archive-ratio-square .products .product-small .box-image:not(.my-obl-pl-archive-fit-natural):not(.my-obl-pl-archive-fit-natural-mobile),
body.my-obl-product-list-page.my-obl-pl-archive-ratio-landscape .products .product-small .box-image:not(.my-obl-pl-archive-fit-natural):not(.my-obl-pl-archive-fit-natural-mobile) {
	aspect-ratio: var(--my-obl-pl-archive-image-ratio, 3 / 4);
	height: auto !important;
}

body.my-obl-product-list-page .products .product-small .box-text .name,
body.my-obl-product-list-page .products .product-small .box-text .title-wrapper .name,
body.my-obl-product-list-page .products .product-small .woocommerce-loop-product__title {
	font-family: var(--my-obl-pl-archive-title-font, inherit);
	font-size: var(--my-obl-pl-archive-title-size, 14px);
	font-weight: var(--my-obl-pl-archive-title-weight, 600);
	color: var(--my-obl-pl-archive-title-color, #111111);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: var(--my-obl-pl-archive-title-lines, 2);
	overflow: hidden;
}

body.my-obl-product-list-page .products .product-small .box-text .name a,
body.my-obl-product-list-page .products .product-small .box-text .title-wrapper .name a,
body.my-obl-product-list-page .products .product-small .box-text .title-wrapper a,
body.my-obl-product-list-page .products .product-small .woocommerce-loop-product__title a {
	color: inherit;
	text-decoration: none;
	transition: color 0.2s ease;
}

body.my-obl-product-list-page .products .product-small .box-text .name a:hover,
body.my-obl-product-list-page .products .product-small .box-text .name a:focus-visible,
body.my-obl-product-list-page .products .product-small .box-text .title-wrapper .name a:hover,
body.my-obl-product-list-page .products .product-small .box-text .title-wrapper .name a:focus-visible,
body.my-obl-product-list-page .products .product-small .box-text .title-wrapper a:hover,
body.my-obl-product-list-page .products .product-small .box-text .title-wrapper a:focus-visible,
body.my-obl-product-list-page .products .product-small .woocommerce-loop-product__title a:hover,
body.my-obl-product-list-page .products .product-small .woocommerce-loop-product__title a:focus-visible {
	color: var(--my-obl-pl-archive-title-hover-color, #b12f33);
}

body.my-obl-product-list-page .products .product-small .price,
body.my-obl-product-list-page .products .product-small .price-wrapper .price {
	font-family: var(--my-obl-pl-archive-price-font, inherit);
	font-size: var(--my-obl-pl-archive-price-size, 14px);
	color: var(--my-obl-pl-archive-price-color, #111111);
}

body.my-obl-product-list-page .products .product-small .price ins,
body.my-obl-product-list-page .products .product-small .price .woocommerce-Price-amount {
	color: var(--my-obl-pl-archive-price-color, #111111);
}

body.my-obl-product-list-page .products .product-small .price del {
	opacity: 0.65;
}

body.my-obl-product-list-page .products .product-small .price ins .amount,
body.my-obl-product-list-page .products .product-small .price .sale-price {
	color: var(--my-obl-pl-archive-sale-price-color, #b12704);
}

.my-obl-pl-archive-loop-sku,
.my-obl-pl-archive-loop-excerpt,
.my-obl-pl-archive-loop-attribute {
	color: var(--my-obl-pl-archive-excerpt-color, #666666);
	font-size: var(--my-obl-pl-archive-excerpt-size, 13px);
	line-height: 1.45;
	margin-top: 4px;
}

.my-obl-pl-archive-loop-attribute {
	color: var(--my-obl-pl-archive-attribute-color, #666666);
	font-size: var(--my-obl-pl-archive-attribute-size, 13px);
}

.my-obl-pl-archive-loop-attribute--placeholder {
	color: transparent;
	user-select: none;
}

.my-obl-pl-archive-loop-image-attrs {
	position: absolute;
	right: 8px;
	bottom: 8px;
	z-index: 3;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 4px;
	max-width: calc(100% - 12px);
	pointer-events: none;
}

.my-obl-pl-archive-loop-image-attr {
	display: inline-block;
	padding: 4px 8px;
	border-radius: 3px;
	background: rgba(17, 17, 17, 0.85);
	color: #ffffff;
	font-weight: 600;
	line-height: 1.2;
	text-align: right;
	backdrop-filter: blur(2px);
}

body.my-obl-product-list-page.my-obl-pl-hide-attribute .my-obl-pl-archive-loop-image-attrs {
	display: none !important;
}

body.my-obl-product-list-page.my-obl-pl-hide-title .products .product-small .box-text .name,
body.my-obl-product-list-page.my-obl-pl-hide-title .products .product-small .woocommerce-loop-product__title {
	display: none !important;
}

body.my-obl-product-list-page.my-obl-pl-hide-price .products .product-small .price,
body.my-obl-product-list-page.my-obl-pl-hide-price .products .product-small .price-wrapper {
	display: none !important;
}

body.my-obl-product-list-page.my-obl-pl-hide-sale-badge .products .product-small .badge,
body.my-obl-product-list-page.my-obl-pl-hide-sale-badge .products .product-small .onsale,
body.my-obl-product-list-page.my-obl-pl-hide-sale-badge .products .product-small .callout-badge,
body.my-obl-product-list-page.my-obl-pl-hide-sale-badge .my-obl-pl-archive-sale-badge {
	display: none !important;
}

body.my-obl-product-list-page.my-obl-pl-custom-sale-badge .products .product-small .badge,
body.my-obl-product-list-page.my-obl-pl-custom-sale-badge .products .product-small .badge-container,
body.my-obl-product-list-page.my-obl-pl-custom-sale-badge .products .product-small .callout-badge,
body.my-obl-product-list-page.my-obl-pl-custom-sale-badge .products .product-small .onsale:not(.my-obl-pl-archive-sale-badge) {
	display: none !important;
}

.my-obl-pl-archive-sale-badge {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 4;
	pointer-events: none;
	font-size: var(--my-obl-pl-archive-sale-badge-size, 11px);
	font-weight: 700;
	line-height: 1.15;
	text-align: center;
	letter-spacing: 0.01em;
	white-space: nowrap;
}

.my-obl-pl-archive-sale-badge--gradient_capsule_logo,
.my-obl-pl-archive-sale-badge--gradient_capsule_sale,
.my-obl-pl-archive-sale-badge--gradient_slash,
.my-obl-pl-archive-sale-badge--gradient_plaque,
.my-obl-pl-archive-sale-badge--pill_dark,
.my-obl-pl-archive-sale-badge--soft_pill,
.my-obl-pl-archive-sale-badge--square_sale,
.my-obl-pl-archive-sale-badge--tag_tilt {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.45em 0.95em;
	font-weight: 700;
	letter-spacing: 0.03em;
}

.my-obl-pl-archive-sale-badge--gradient_capsule_logo,
.my-obl-pl-archive-sale-badge--gradient_capsule_sale {
	border-radius: 999px;
	color: #ffffff;
	border: 1px solid rgba(255, 255, 255, 0.14);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.24),
		0 1px 2px rgba(17, 17, 17, 0.1);
}

.my-obl-pl-archive-sale-badge--gradient_capsule_logo {
	background: linear-gradient(135deg, #cf3f44 0%, var(--my-obl-logo-color, #b12f33) 45%, #7a2124 100%);
}

.my-obl-pl-archive-sale-badge--gradient_capsule_sale {
	background: linear-gradient(135deg, #e85a28 0%, #b12704 48%, #8c1d03 100%);
}

.my-obl-pl-archive-sale-badge--gradient_slash {
	border-radius: 3px;
	color: #2f2308;
	background: linear-gradient(145deg, #fff4d4 0%, #efd080 42%, #c9a227 78%, #9a7420 100%);
	border: 1px solid rgba(255, 255, 255, 0.4);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.55),
		0 1px 2px rgba(122, 92, 24, 0.16);
	clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 0 100%);
	padding: 0.45em 1em 0.45em 0.85em;
}

.my-obl-pl-archive-sale-badge--gradient_plaque {
	border-radius: 2px;
	color: #b12704;
	background: linear-gradient(160deg, #fff8f6 0%, #ffe4dc 38%, #ffc9b8 100%);
	border: 1px solid rgba(177, 47, 51, 0.16);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.85),
		0 1px 2px rgba(177, 39, 4, 0.1);
}

.my-obl-pl-archive-sale-badge--gradient_ribbon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	top: 12px;
	left: 0;
	min-width: 3.8em;
	padding: 0.45em 0.95em 0.45em 0.85em;
	color: #ffffff;
	font-weight: 700;
	letter-spacing: 0.03em;
	background: linear-gradient(135deg, #c93a3f 0%, var(--my-obl-logo-color, #b12f33) 42%, #6e1a22 100%);
	border: 1px solid rgba(255, 255, 255, 0.12);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.22),
		0 2px 4px rgba(89, 27, 38, 0.22);
}

.my-obl-pl-archive-sale-badge--pill_dark {
	border-radius: 999px;
	color: #3d2e0a;
	background: linear-gradient(135deg, #f8ecc8 0%, #e8c872 38%, #c9a227 72%, #a8841f 100%);
	border: 1px solid rgba(255, 255, 255, 0.35);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.5),
		0 1px 2px rgba(122, 92, 24, 0.18);
}

.my-obl-pl-archive-sale-badge--ribbon_logo {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	top: 12px;
	left: 0;
	min-width: 3.8em;
	padding: 0.45em 0.95em 0.45em 0.85em;
	background: var(--my-obl-logo-color, #b12f33);
	color: #ffffff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}

.my-obl-pl-archive-sale-badge--square_sale {
	border-radius: 0;
	background: #b12704;
	color: #ffffff;
}

.my-obl-pl-archive-sale-badge--tag_tilt {
	border-radius: 2px;
	color: #2f2308;
	background: linear-gradient(160deg, #fff8e6 0%, #eecf7a 45%, #b8922a 100%);
	border: 1px solid rgba(255, 255, 255, 0.32);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.45),
		0 1px 2px rgba(122, 92, 24, 0.14);
	transform: rotate(-10deg);
	transform-origin: left top;
}

.my-obl-pl-archive-sale-badge--soft_pill {
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.94);
	border: 1px solid #e5e5e5;
	color: #b12704;
}

/* Desktop: scale image area with column width; crop sides instead of letterboxing top/bottom. */
@media screen and (min-width: 850px) {
	body.my-obl-product-list-page.my-obl-pl-archive-ratio-auto .products .product-small .box-image:not(.my-obl-pl-archive-fit-natural) {
		aspect-ratio: 13 / 20;
		height: auto !important;
	}

	body.my-obl-product-list-page:not(.my-obl-pl-archive-fit-natural) .products .product-small .box-image img,
	body.my-obl-product-list-page:not(.my-obl-pl-archive-fit-natural) .products .product-small .box-image .my-obl-pl-archive-loop-image-stack,
	body.my-obl-product-list-page:not(.my-obl-pl-archive-fit-natural) .products .product-small .box-image .my-obl-pl-archive-loop-image-stack img {
		object-fit: cover !important;
		object-position: center center !important;
	}
}

@media screen and (max-width: 849px) {
	body.my-obl-product-list-page .products .product-small .box-image {
		height: auto !important;
		min-height: min(var(--my-obl-pl-archive-image-height-mobile, 220px), 220px);
		overflow: hidden;
		background: var(--my-obl-pl-archive-card-bg, #ffffff);
	}

	body.my-obl-product-list-page.my-obl-pl-archive-ratio-portrait .products .product-small .box-image,
	body.my-obl-product-list-page.my-obl-pl-archive-ratio-portrait_tall .products .product-small .box-image,
	body.my-obl-product-list-page.my-obl-pl-archive-ratio-square .products .product-small .box-image,
	body.my-obl-product-list-page.my-obl-pl-archive-ratio-landscape .products .product-small .box-image {
		aspect-ratio: auto !important;
	}

	body.my-obl-product-list-page .products .product-small .box-image .image-fade-out,
	body.my-obl-product-list-page .products .product-small .box-image .image-none,
	body.my-obl-product-list-page .products .product-small .box-image > div > a,
	body.my-obl-product-list-page .products .product-small .box-image > a {
		position: relative !important;
		inset: auto !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		height: auto !important;
		min-height: min(var(--my-obl-pl-archive-image-height-mobile, 220px), 220px);
		padding: 4px !important;
		box-sizing: border-box !important;
	}

	body.my-obl-product-list-page .products.has-equal-box-heights .product-small .box-image img,
	body.my-obl-product-list-page .products .product-small .box-image img,
	body.my-obl-product-list-page .products .product-small .box-image .my-obl-pl-archive-loop-image-stack,
	body.my-obl-product-list-page .products .product-small .box-image .my-obl-pl-archive-loop-image-stack img {
		position: relative !important;
		inset: auto !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		width: auto !important;
		max-width: 100% !important;
		height: auto !important;
		max-height: min(520px, 68vw) !important;
		object-fit: contain !important;
		object-position: center center !important;
	}

	body.my-obl-product-list-page .products .product-small .box-image .my-obl-pl-archive-loop-image-stack {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
	}

	body.my-obl-product-list-page .products .product-small .box-image .my-obl-pl-archive-loop-image-layer {
		position: relative !important;
		inset: auto !important;
		width: auto !important;
		max-width: 100% !important;
		height: auto !important;
	}

	body.my-obl-product-list-page.my-obl-pl-archive-model-hover .my-obl-pl-archive-loop-image-layer--model {
		position: absolute !important;
		inset: auto !important;
		width: 100% !important;
		height: 100% !important;
		opacity: 0 !important;
	}

	.my-obl-pl-archive-sale-badge {
		top: 6px;
		left: 6px;
		z-index: 5;
	}

	.my-obl-pl-archive-sale-badge--gradient_capsule_logo,
	.my-obl-pl-archive-sale-badge--gradient_capsule_sale,
	.my-obl-pl-archive-sale-badge--gradient_plaque,
	.my-obl-pl-archive-sale-badge--gradient_slash,
	.my-obl-pl-archive-sale-badge--pill_dark,
	.my-obl-pl-archive-sale-badge--soft_pill,
	.my-obl-pl-archive-sale-badge--square_sale,
	.my-obl-pl-archive-sale-badge--tag_tilt,
	.my-obl-pl-archive-sale-badge--gradient_ribbon,
	.my-obl-pl-archive-sale-badge--ribbon_logo {
		padding: 0.4em 0.85em;
	}

	.my-obl-pl-archive-loop-attribute.my-obl-pl-archive-loop-attribute--from-image {
		display: inline-block;
		margin-top: 2px;
		margin-right: 6px;
		padding: 2px 6px;
		border-radius: 3px;
		background: #f2f2f2;
		color: var(--my-obl-pl-archive-attribute-color, #666666);
	}
}

body.my-obl-product-list-page.my-obl-pl-hide-rating .products .product-small .star-rating,
body.my-obl-product-list-page.my-obl-pl-hide-rating .products .product-small .woocommerce-product-rating {
	display: none !important;
}

body.my-obl-product-list-page.my-obl-pl-hide-category .products .product-small .category,
body.my-obl-product-list-page.my-obl-pl-hide-category .products .product-small .box-text .category {
	display: none !important;
}

body.my-obl-product-list-page.my-obl-pl-hide-sku .my-obl-pl-archive-loop-sku {
	display: none !important;
}

body.my-obl-product-list-page.my-obl-pl-hide-excerpt .my-obl-pl-archive-loop-excerpt {
	display: none !important;
}

body.my-obl-product-list-page.my-obl-pl-hide-attribute .my-obl-pl-archive-loop-attribute {
	display: none !important;
}

body.my-obl-product-list-page.my-obl-pl-archive-model-hover .my-obl-pl-archive-loop-image-stack {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}

body.my-obl-product-list-page.my-obl-pl-archive-model-hover .my-obl-pl-archive-loop-image-layer {
	display: block;
	width: 100%;
	height: 100%;
	transition: opacity 0.35s ease;
}

body.my-obl-product-list-page.my-obl-pl-archive-model-hover .my-obl-pl-archive-loop-image-layer--model {
	position: absolute;
	inset: 0;
	opacity: 0;
}

body.my-obl-product-list-page.my-obl-pl-archive-model-hover .my-obl-pl-archive-loop-image-stack--has-model:hover .my-obl-pl-archive-loop-image-layer--default,
body.my-obl-product-list-page.my-obl-pl-archive-model-hover .my-obl-pl-archive-loop-image-stack--has-model:focus-within .my-obl-pl-archive-loop-image-layer--default {
	opacity: 0;
}

body.my-obl-product-list-page.my-obl-pl-archive-model-hover .my-obl-pl-archive-loop-image-stack--has-model:hover .my-obl-pl-archive-loop-image-layer--model,
body.my-obl-product-list-page.my-obl-pl-archive-model-hover .my-obl-pl-archive-loop-image-stack--has-model:focus-within .my-obl-pl-archive-loop-image-layer--model {
	opacity: 1;
}

body.my-obl-product-list-page.my-obl-pl-archive-model-hover .my-obl-pl-archive-loop-model-image {
	width: 100%;
	height: 100%;
	object-fit: inherit;
}

@media (prefers-reduced-motion: reduce) {
	body.my-obl-product-list-page .products .product-small .box-text .name a,
	body.my-obl-product-list-page .products .product-small .box-text .title-wrapper .name a,
	body.my-obl-product-list-page .products .product-small .box-text .title-wrapper a,
	body.my-obl-product-list-page .products .product-small .woocommerce-loop-product__title a {
		transition: none;
	}

	body.my-obl-product-list-page.my-obl-pl-archive-model-hover .my-obl-pl-archive-loop-image-layer {
		transition: none;
	}
}

@media screen and (max-width: 849px) {
	body.my-obl-product-list-page.my-obl-pl-archive-model-hover .my-obl-pl-archive-loop-image-stack--has-model:hover .my-obl-pl-archive-loop-image-layer--default,
	body.my-obl-product-list-page.my-obl-pl-archive-model-hover .my-obl-pl-archive-loop-image-stack--has-model:focus-within .my-obl-pl-archive-loop-image-layer--default {
		opacity: 1;
	}

	body.my-obl-product-list-page.my-obl-pl-archive-model-hover .my-obl-pl-archive-loop-image-stack--has-model:hover .my-obl-pl-archive-loop-image-layer--model,
	body.my-obl-product-list-page.my-obl-pl-archive-model-hover .my-obl-pl-archive-loop-image-stack--has-model:focus-within .my-obl-pl-archive-loop-image-layer--model {
		opacity: 0;
	}
}