/* Lukasik category list v1.2.0.
 * Scope: category list cards from 768px only. Mobile <=767px is untouched.
 */

@media (min-width: 768px) {
	html body #content#content .category-page > .product-list > .lk-unified-listing-card > .image {
		padding: 0 !important;
		overflow: hidden !important;
		box-sizing: border-box !important;
	}

	html body #content#content .category-page > .product-list > .lk-unified-listing-card > .image > a,
	html body #content#content .category-page > .product-list > .lk-unified-listing-card > .image .img-responsive {
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
		min-height: 0 !important;
		max-height: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	html body #content#content .category-page > .product-list > .lk-unified-listing-card > .image .img-responsive {
		object-fit: cover !important;
		object-position: center center !important;
	}

	html body #content#content .category-page > .product-list .lk-category-options {
		display: flex !important;
		align-items: center !important;
		height: auto !important;
		min-height: 58px !important;
		max-height: none !important;
		overflow: visible !important;
		container-name: lk-card-options;
		container-type: inline-size;
	}

	html body #content#content .category-page > .product-list .lk-category-options__values {
		display: flex !important;
		flex-flow: row wrap !important;
		align-items: stretch !important;
		align-content: start !important;
		justify-content: flex-start !important;
		grid-template-columns: none !important;
		grid-template-rows: none !important;
		grid-auto-rows: auto !important;
		gap: 8px !important;
		width: 100% !important;
		height: auto !important;
		max-height: none !important;
		overflow: visible !important;
	}

	html body #content#content .category-page > .product-list .product-size.lk-category-option {
		position: static !important;
		display: flex !important;
		float: none !important;
		clear: none !important;
		flex: 0 0 calc((100% - 24px) / 4) !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		grid-column: auto !important;
		grid-row: auto !important;
		grid-area: auto !important;
		order: 0 !important;
		width: calc((100% - 24px) / 4) !important;
		min-width: 0 !important;
		max-width: calc((100% - 24px) / 4) !important;
		height: 64px !important;
		min-height: 64px !important;
		max-height: 64px !important;
		margin: 0 !important;
		padding: 4px 3px !important;
		inset: auto !important;
		transform: none !important;
		box-sizing: border-box !important;
	}

	html body #content#content .category-page > .product-list .lk-category-option__primary {
		position: static !important;
		display: block !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		font-size: 13px !important;
		line-height: 18px !important;
		transform: none !important;
	}

	html body #content#content .category-page > .product-list .lk-category-option__secondary {
		position: static !important;
		display: block !important;
		height: auto !important;
		margin: 2px 0 0 !important;
		padding: 0 !important;
		font-size: 10px !important;
		line-height: 14px !important;
		transform: none !important;
	}

	html body #content#content .category-page > .product-list .product-size.lk-category-option:nth-child(-n+10) {
		display: flex !important;
	}

	html body #content#content .category-page > .product-list .product-size.lk-category-option:nth-child(n+11) {
		display: none !important;
	}

	html body #content#content .category-page > .product-list .price-actions-box {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		grid-template-rows: 48px 48px !important;
		align-items: stretch !important;
		gap: 8px !important;
		height: 104px !important;
		min-height: 104px !important;
		max-height: 104px !important;
		overflow: visible !important;
	}

	html body #content#content .category-page > .product-list .price-actions-box > .cart,
	html body #content#content .category-page > .product-list .price-actions-box > .wishlist {
		position: relative !important;
		display: block !important;
		grid-column: 1 !important;
		align-self: stretch !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
		height: 48px !important;
		min-height: 48px !important;
		max-height: 48px !important;
		margin: 0 !important;
		padding: 0 !important;
		inset: auto !important;
		transform: none !important;
		box-sizing: border-box !important;
	}

	html body #content#content .category-page > .product-list .price-actions-box > .cart { grid-row: 1 !important; }
	html body #content#content .category-page > .product-list .price-actions-box > .wishlist { grid-row: 2 !important; }

	html body #content#content .category-page > .product-list .price-actions-box > .cart .btn,
	html body #content#content .category-page > .product-list .price-actions-box > .wishlist .btn {
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
		height: 48px !important;
		min-height: 48px !important;
		max-height: 48px !important;
		margin: 0 !important;
		box-sizing: border-box !important;
	}

	html body #content#content .category-page > .product-list .price-actions-box > .wishlist .btn i {
		position: absolute !important;
		top: 50% !important;
		left: 50% !important;
		display: block !important;
		width: 24px !important;
		height: 24px !important;
		margin: 0 !important;
		padding: 0 !important;
		line-height: 24px !important;
		visibility: visible !important;
		opacity: 1 !important;
		transform: translate(-50%, -50%) !important;
	}
}

@container lk-card-options (min-width: 390px) {
	html body #content#content .category-page > .product-list .product-size.lk-category-option:nth-child(-n+10) {
		flex-basis: calc((100% - 32px) / 5) !important;
		width: calc((100% - 32px) / 5) !important;
		max-width: calc((100% - 32px) / 5) !important;
	}
}

/* Stock label and old price: all devices. */
html body #content#content .category-page > .product-list > .lk-unified-listing-card .lk-list-stock {
	display: none !important;
}

html body #content#content .category-page > .product-list > .lk-unified-listing-card .price.lk-listing-price .price-old,
html body #content#content .category-page > .product-list > .lk-unified-listing-card .price.lk-listing-price .price-old .price_value {
	font-size: 16.8px !important;
	line-height: 19px !important;
}

@media (min-width: 768px) {
	html body #content#content .category-page > .product-list > .lk-unified-listing-card > .caption {
		grid-template-rows: auto auto minmax(50px, auto) minmax(136px, auto) !important;
		align-content: center !important;
	}

	html body #content#content .category-page > .product-list > .lk-unified-listing-card > .caption > .product-manufactured,
	html body #content#content .category-page > .product-list > .lk-unified-listing-card > .caption > .product-name {
		transform: translateY(-20px) !important;
	}

	html body #content#content .category-page > .product-list > .lk-unified-listing-card > .caption > .price.lk-listing-price {
		grid-column: 2 !important;
		grid-row: 3 !important;
		align-self: end !important;
		justify-self: stretch !important;
		transform: translate(-24px, 8px) !important;
	}

	html body #content#content .category-page > .product-list > .lk-unified-listing-card > .caption > .price.lk-listing-price .price-old,
	html body #content#content .category-page > .product-list > .lk-unified-listing-card > .caption > .price.lk-listing-price .price-old .price_value {
		font-size: 18.2px !important;
		line-height: 22px !important;
	}

	html body #content#content .category-page > .product-list > .lk-unified-listing-card > .caption > .price-actions-box {
		grid-column: 2 !important;
		grid-row: 4 !important;
		align-self: center !important;
		transform: translateX(-24px) !important;
	}
}

@media (max-width: 767px) {
	html body #content#content .category-page > .product-list > .lk-unified-listing-card > .caption > .product-manufactured,
	html body #content#content .category-page > .product-list > .lk-unified-listing-card > .caption > .product-name {
		transform: translateY(6px) !important;
	}
}