/* Vipbebek product list — v34
   Vitrin slider slayt genişliği düzeltildi.
*/
:root {
	--vb-navy: #1d3075;
	--vb-blue: #006dd5;
	--vb-sale: #2e9b47;
	--vb-bar: #f3f5fa;
	--vb-bar-sale: #eef8f1;
	--vb-bar-added: #e7f6eb;
}

:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"] .aspect-product {
	aspect-ratio: 1 / 1.3 !important;
	height: auto !important;
	max-height: none !important;
	min-height: 0 !important;
	overflow: hidden !important;
}

:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"] .aspect-product img {
	width: 100% !important;
	height: 100% !important;
	object-fit: contain !important;
	object-position: center !important;
	transform: scale(1.14);
	transform-origin: center center;
}

:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"] [data-qa="product-brand"],
:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"] .product-brand,
:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"] [data-qa="brand"] {
	display: none !important;
}

:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"] [data-toggle="product-title"] {
	font-size: 0.80rem !important;
	font-weight: 700 !important;
	white-space: normal !important;
	overflow: visible !important;
	text-overflow: unset !important;
	-webkit-line-clamp: unset !important;
	line-clamp: unset !important;
}

:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"] .line-clamp-1,
:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"] .line-clamp-2,
:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"] .line-clamp-3,
:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"] .truncate:has([data-toggle="product-title"]) {
	display: block !important;
	-webkit-box-orient: unset !important;
	-webkit-line-clamp: unset !important;
	line-clamp: unset !important;
	overflow: visible !important;
	text-overflow: unset !important;
	white-space: normal !important;
	max-height: none !important;
}

@media (min-width: 1024px) {
	:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"] .grid.grid-cols-12 > :has([data-toggle="product-title"]),
	:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"] .grid.grid-cols-12 > .line-clamp-2,
	:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"] .grid.grid-cols-12 > .line-clamp-3 {
		grid-column: span 6 / span 6 !important;
		max-width: none !important;
	}
}

:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"] .vb-pl-buy {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 0.55rem !important;
	width: 100% !important;
	box-sizing: border-box !important;
	margin: 0.35rem 0 0 !important;
	padding: 0.45rem 0.45rem 0.45rem 0.7rem !important;
	border-radius: 0.65rem !important;
	background: var(--vb-bar) !important;
	flex: 0 0 auto !important;
	opacity: 1 !important;
	visibility: visible !important;
}

:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"]:has([data-toggle="price-control"]:not(.hidden)) .vb-pl-buy {
	background: var(--vb-bar-sale) !important;
}

:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"] .vb-pl-buy.is-added {
	background: var(--vb-bar-added) !important;
}

:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"] [data-qa="product-price"],
:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"]:hover [data-qa="product-price"] {
	display: flex !important;
	flex-direction: row !important;
	align-items: baseline !important;
	flex-wrap: nowrap !important;
	gap: 0;
	flex: 1 1 auto !important;
	width: auto !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 1.05rem !important;
	line-height: 1.15 !important;
	font-weight: 800 !important;
	letter-spacing: -0.03em !important;
	color: var(--vb-navy) !important;
	white-space: nowrap !important;
	text-align: left !important;
	opacity: 1 !important;
	visibility: visible !important;
	overflow: hidden !important;
}

:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"]:has([data-toggle="price-control"]:not(.hidden)) [data-qa="product-price"],
:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"] [data-qa="product-price"]:has(.line-through),
:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"] [data-qa="product-price"]:has([data-toggle="price-not-discounted"]),
:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"] [data-qa="product-price"]:has([data-toggle="price-not-discounted-vat"]) {
	flex-direction: column !important;
	align-items: flex-start !important;
	flex-wrap: nowrap !important;
	gap: 0.12rem;
	white-space: normal !important;
}

:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"] .vb-pl-buy.is-added [data-qa="product-price"] {
	display: none !important;
}

:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"] [data-toggle="price-sell-vat"],
:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"] [data-toggle="price-sell"] {
	display: inline !important;
	font-size: inherit !important;
	font-weight: 800 !important;
	color: inherit !important;
	white-space: nowrap !important;
}

:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"] [data-qa="product-price"] .line-through,
:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"] [data-toggle="price-not-discounted-vat"],
:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"] [data-toggle="price-not-discounted"],
:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"] .vb-price-old {
	display: block !important;
	width: auto;
	max-width: 100%;
	font-size: 0.72rem !important;
	font-weight: 500 !important;
	line-height: 1.15 !important;
	color: #94a3b8 !important;
	text-decoration: line-through !important;
	white-space: nowrap !important;
}

:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"] .vb-price-now {
	display: block !important;
	white-space: nowrap !important;
	color: var(--vb-sale) !important;
	font-weight: 800 !important;
}

:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"]:has([data-toggle="price-control"]:not(.hidden)) [data-toggle="price-sell-vat"],
:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"]:has([data-toggle="price-control"]:not(.hidden)) [data-toggle="price-sell"],
:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"] .vb-price-now,
:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"] .vb-price-now .vb-price-currency {
	color: var(--vb-sale) !important;
}

:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"] .vb-price-currency {
	margin: 0;
	margin-inline-start: 0.2em;
	font-size: 1em;
	font-weight: inherit;
	color: inherit;
}

:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"] .vb-pl-added {
	flex: 1 1 auto;
	font-size: 0.92rem;
	font-weight: 700;
	line-height: 1.2;
	color: var(--vb-sale);
}

:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"] [data-toggle="add-to-cart"],
:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"]:hover [data-toggle="add-to-cart"],
:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"] .add-to-cart,
:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"]:hover .add-to-cart {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	position: static !important;
	inset: auto !important;
	width: 2.5rem !important;
	min-width: 2.5rem !important;
	max-width: 2.5rem !important;
	height: 2.5rem !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0.55rem !important;
	background: var(--vb-navy) !important;
	color: #fff !important;
	font-size: 0 !important;
	line-height: 0 !important;
	font-weight: 400 !important;
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
	transform: none !important;
	flex: 0 0 2.5rem !important;
	cursor: pointer;
}

:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"] [data-toggle="add-to-cart"] > *:not(.vb-pl-cart-icon),
:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"] .add-to-cart > *:not(.vb-pl-cart-icon) {
	display: none !important;
}

:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"] [data-toggle="add-to-cart"]:hover,
:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"] .add-to-cart:hover {
	background: var(--vb-blue) !important;
	color: #fff !important;
}

:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"] .vb-pl-cart-icon {
	display: block !important;
	width: 1.25rem;
	height: 1.25rem;
	color: #fff;
}

:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"] .vb-pl-cart-icon svg {
	display: block;
	width: 100%;
	height: 100%;
}

:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"] .vb-pl-buy.is-added [data-toggle="add-to-cart"],
:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"] .vb-pl-buy.is-added .add-to-cart {
	background: transparent !important;
	pointer-events: none !important;
	cursor: default;
}

:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"] .vb-pl-buy.is-added .vb-pl-cart-icon {
	color: var(--vb-sale);
}

:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"] .vb-pl-empty {
	display: none !important;
	height: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	flex: none !important;
}

:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"]:has(.vb-pl-buy) :is(
	[class*="group-hover:hidden"],
	[class*="group-hover:invisible"],
	[class~="group-hover:opacity-0"]
):not(:has(img, [data-qa="product-price"], [data-toggle="add-to-cart"], .add-to-cart, [data-toggle="favourite"], [data-toggle="compare"], .vb-pl-buy)) {
	display: none !important;
	height: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
}

@media (max-width: 767px) {
	:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"] [data-qa="product-price"] {
		font-size: 0.92rem !important;
	}

	:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"] [data-toggle="add-to-cart"],
	:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"] .add-to-cart {
		width: 2.25rem !important;
		min-width: 2.25rem !important;
		max-width: 2.25rem !important;
		height: 2.25rem !important;
		flex-basis: 2.25rem !important;
		border-radius: 0.5rem !important;
	}

	:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"] .vb-pl-buy {
		padding: 0.4rem 0.4rem 0.4rem 0.55rem !important;
		gap: 0.4rem !important;
	}

	:is(.vb-product-list, .folder-product-list, [id^="catalog-"]) [data-toggle="product"] .vb-pl-added {
		font-size: 0.8rem;
	}
}

@media (min-width: 1024px) {
	.vb-pl-list [data-toggle="product"] {
		align-items: stretch;
	}

	.vb-pl-list [data-toggle="product"] .aspect-product {
		width: 11rem !important;
		max-width: 11rem !important;
		flex: 0 0 11rem !important;
	}

	.vb-pl-list [data-toggle="product"] .flex.flex-col.grow {
		min-width: 0;
		flex: 1 1 auto !important;
	}

	.vb-pl-list [data-toggle="product"] .vb-pl-buy {
		width: 100% !important;
		max-width: 22rem;
		margin-top: auto !important;
	}

	.vb-pl-list [data-toggle="product"] > .vb-pl-buy {
		width: auto !important;
		max-width: 18rem;
		flex: 0 0 auto !important;
		align-self: center;
		margin: 0 0.75rem 0 auto !important;
	}
}

[data-toggle="showcase"].vb-product-list [data-toggle="showcase-button"].active {
	color: #006dd5 !important;
	background: rgba(0, 109, 213, 0.12) !important;
}

[data-toggle="showcase"].vb-product-list [data-toggle="showcase-button"]:hover {
	color: #006dd5 !important;
}

[data-toggle="showcase"].vb-product-list .block-title .title {
	color: #1d3075;
	font-weight: 700;
}

[data-toggle="showcase"] .swiper,
[data-toggle="showcase"] .vb-sc-slider {
	width: 100% !important;
	min-width: 0;
	max-width: 100%;
}

[data-toggle="showcase"] .swiper-slide {
	height: auto !important;
	box-sizing: border-box;
}

[data-toggle="showcase"] .swiper-slide [data-toggle="product"] {
	width: 100% !important;
	max-width: 100%;
	flex: 1 1 auto;
}
