/**
 * Kategori / arama PLP: modern-category görsel hizası + body.orion-category-page kutu / yükleme / hata.
 * temp.php içindeki global #orion-product-img-no-strip’ten ayrıldı; yalnızca PLP head’inde yüklenir.
 */

.modern-category-page #products-container .left-block img,
.modern-category-page .modern-products-grid .left-block img {
	padding: 0 !important;
	object-fit: cover !important;
}

/*
 * Kategori / arama: görsel kutusu (style.css ile aynı padding-bottom % hilesi).
 * padding-bottom:0 !important önceki denemede kutuyu yok etmişti — %100 geri.
 */
body.orion-category-page .product-container .left-block {
	position: relative !important;
	width: 100% !important;
	height: 0 !important;
	min-height: 0 !important;
	padding-top: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding-bottom: 100% !important;
	aspect-ratio: unset !important;
	flex-shrink: 0 !important;
	overflow: hidden !important;
	box-sizing: content-box !important;
	background: #fff !important;
	border-radius: 16px 16px 0 0 !important;
	margin: 0 !important;
}
body.orion-category-page .product-container .left-block .imgLink {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	height: 100% !important;
}
body.orion-category-page .product-container .left-block .img-container {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	height: 100% !important;
	aspect-ratio: auto !important;
	background: transparent !important;
}
body.orion-category-page .ps-product-item .img-container {
	background: transparent !important;
}
body.orion-category-page .product-container .left-block .img-container img {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center center !important;
	opacity: 0 !important;
}
body.orion-category-page .product-container .left-block .img-container.loaded img {
	opacity: 1 !important;
}
body.orion-category-page .product-container .left-block .img-container.img-error img {
	opacity: 0 !important;
	visibility: hidden !important;
}
body.orion-category-page .product-container .left-block .img-container:not(.loaded):not(.img-error)::before {
	content: 'Resim Yükleniyor' !important;
	display: block !important;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	font-size: 9px !important;
	font-weight: 500 !important;
	letter-spacing: 0.02em !important;
	color: rgba(100, 116, 139, 0.82) !important;
	line-height: 1.25 !important;
	text-align: center !important;
	max-width: min(100%, 8rem) !important;
	white-space: nowrap !important;
	z-index: 3 !important;
	pointer-events: none !important;
	opacity: 1 !important;
}
body.orion-category-page .product-container .left-block .img-container.loaded::before {
	content: none !important;
	display: none !important;
	opacity: 0 !important;
}
body.orion-category-page .product-container .left-block .img-container.loaded.img-error::before {
	content: none !important;
	display: none !important;
	opacity: 0 !important;
}

/*
 * Kategori PLP: metin yerine sadece nopic — category-page-v2.css ile uyumlu (kesik/büyük yazı yok).
 */
body.orion-category-page .product-container .left-block .img-container.img-error {
	line-height: normal !important;
	display: block !important;
	background-color: #f1f5f9 !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80' fill='none'%3E%3Crect x='12' y='18' width='56' height='44' rx='5' stroke='%23cbd5e1' stroke-width='2.5'/%3E%3Ccircle cx='30' cy='36' r='5' fill='%23cbd5e1'/%3E%3Cpath d='M18 56l14-14 10 10 10-12 12 14' stroke='%23cbd5e1' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: 44px 44px !important;
}
body.orion-category-page .product-container .left-block .img-container.img-error::before {
	content: none !important;
	display: none !important;
}

/*
 * PLP (kategori + arama): görsel kutusunun altında modern ürün kodu şeridi.
 * Tıklama imgLink’e gider (pointer-events: none). Boş metinde şerit gizlenir.
 */
body.orion-category-page .product-container .left-block > .orion-plp-img-sku {
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	z-index: 4 !important;
	display: flex !important;
	align-items: flex-end !important;
	justify-content: center !important;
	padding: 10px 8px 8px !important;
	margin: 0 !important;
	pointer-events: none !important;
	background: linear-gradient(
		180deg,
		rgba(15, 23, 83, 0) 0%,
		rgba(30, 58, 138, 0.52) 44%,
		rgba(12, 25, 56, 0.96) 100%
	) !important;
	border-radius: 0 0 16px 16px !important;
	box-sizing: border-box !important;
}
body.orion-category-page .product-container .left-block > .orion-plp-img-sku:has(.orion-plp-img-sku__text:empty) {
	display: none !important;
}
body.orion-category-page .product-container .left-block > .orion-plp-img-sku .orion-plp-img-sku__line {
	display: flex !important;
	flex-direction: row !important;
	align-items: baseline !important;
	justify-content: center !important;
	gap: 0.35em !important;
	max-width: 100% !important;
	min-width: 0 !important;
	overflow: hidden !important;
	white-space: nowrap !important;
	text-overflow: ellipsis !important;
	line-height: 1.25 !important;
}
body.orion-category-page .product-container .left-block > .orion-plp-img-sku .orion-plp-img-sku__label {
	flex: 0 0 auto !important;
	font-size: 10px !important;
	font-weight: 600 !important;
	letter-spacing: 0.02em !important;
	text-transform: none !important;
	color: rgba(226, 232, 240, 0.92) !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45) !important;
}
body.orion-category-page .product-container .left-block > .orion-plp-img-sku .orion-plp-img-sku__text {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
	color: #f8fafc !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
}
@media (max-width: 575px) {
	body.orion-category-page .product-container .left-block > .orion-plp-img-sku {
		padding: 8px 6px 6px !important;
	}
	body.orion-category-page .product-container .left-block > .orion-plp-img-sku .orion-plp-img-sku__label {
		font-size: 9px !important;
	}
	body.orion-category-page .product-container .left-block > .orion-plp-img-sku .orion-plp-img-sku__text {
		font-size: 10px !important;
		letter-spacing: 0.05em !important;
	}
}