/* 50Hz Catalog Mobile UI 2.3.1 — desktop product price layout */

/* У модулях головної сторінки швидке замовлення не дублює основну дію. */
.owl-carousel .quick_btn,
.rev_slider .quick_btn {
	display: none !important;
}
@media (min-width: 768px) {
	/* Вирівнюємо картки каталогу, пошуку та сторінки акцій повними рядами. */
	.products_category {
		-webkit-align-items: stretch;
		align-items: stretch;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.products_category::before,
	.products_category::after {
		content: none !important;
		display: none !important;
	}
	.products_category > .product-layout {
		float: none !important;
	}
	.products_category > .product-layout.product-grid {
		display: -webkit-flex;
		display: flex;
	}
	.products_category > .product-layout.product-grid > .product-thumb {
		-webkit-flex: 1 1 auto;
		flex: 1 1 auto;
		width: 100%;
	}
	.products_category > .product-layout.product-list,
	.products_category > .product-layout.product-price {
		width: 100%;
	}

	/* Ціна ліворуч, купівля праворуч в один нижній рядок. */
	.product-layout.product-grid .product_buttons,
	.owl-carousel .product_buttons,
	.rev_slider .product_buttons {
		-webkit-align-items: center;
		align-items: center;
		display: -webkit-flex !important;
		display: flex !important;
		gap: 4px;
		height: auto !important;
		min-height: 48px;
	}
	.product-layout.product-grid .product_buttons > .clearfix,
	.owl-carousel .product_buttons > .clearfix,
	.rev_slider .product_buttons > .clearfix {
		display: none !important;
	}
	.product-layout.product-grid .product_buttons .price,
	.owl-carousel .product_buttons .price,
	.rev_slider .product_buttons .price {
		-webkit-align-items: flex-start;
		align-items: flex-start;
		display: -webkit-flex !important;
		display: flex !important;
		-webkit-flex: 1 1 auto;
		flex: 1 1 auto;
		-webkit-flex-direction: column;
		flex-direction: column;
		float: none !important;
		justify-content: center;
		margin: 0 !important;
		min-width: 0;
		position: static !important;
		text-align: left !important;
		white-space: nowrap;
		width: auto !important;
	}
	.product-layout.product-grid .product_buttons .price-old,
	.owl-carousel .product_buttons .price-old,
	.rev_slider .product_buttons .price-old {
		color: #777 !important;
		display: block;
		font-size: 14px;
		line-height: 18px;
		margin: 0 !important;
		padding: 0 !important;
		text-decoration: line-through;
		white-space: nowrap;
	}
	.product-layout.product-grid .product_buttons .price-new,
	.owl-carousel .product_buttons .price-new,
	.rev_slider .product_buttons .price-new {
		color: #e51a3b !important;
		display: block;
		font-size: 21px;
		line-height: 25px;
		margin: 0 !important;
		padding: 0 !important;
		white-space: nowrap;
	}
	.product-layout.product-grid .product_buttons .number,
	.owl-carousel .product_buttons .number,
	.rev_slider .product_buttons .number {
		-webkit-flex: 0 0 auto;
		flex: 0 0 auto;
		float: none !important;
		margin: 0 !important;
	}
	.product-layout.product-grid .product_buttons .cart,
	.owl-carousel .product_buttons .cart,
	.rev_slider .product_buttons .cart {
		-webkit-flex: 0 0 auto;
		flex: 0 0 auto;
		float: none !important;
		margin: 0 0 0 auto !important;
	}
	.product-layout.product-grid .product_buttons .cart > a,
	.owl-carousel .product_buttons .cart > a,
	.rev_slider .product_buttons .cart > a {
		white-space: nowrap;
	}
	.product-layout.product-grid .product_buttons .fapanel-price,
	.owl-carousel .product_buttons .fapanel-price,
	.rev_slider .product_buttons .fapanel-price {
		-webkit-flex: 0 0 auto;
		flex: 0 0 auto;
		float: none !important;
		margin: 0 !important;
	}
	.product-layout.product-grid .product_buttons .quick_btn,
	.owl-carousel .product_buttons .quick_btn,
	.rev_slider .product_buttons .quick_btn {
		-webkit-flex: 0 0 auto;
		flex: 0 0 auto;
		float: none !important;
		margin: 0 !important;
		width: auto !important;
	}
}
