/* 50Hz Catalog Mobile UI 2.3.1 — category */
.catalog-mobile-ui .catalog-page-heading {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: baseline;
	align-items: baseline;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 8px 14px;
	margin: 2px 0 18px;
}
.catalog-mobile-ui .catalog-page-title {
	font-size: 26px;
	font-weight: 500;
	line-height: 1.25;
	margin: 0;
}
.catalog-mobile-ui .catalog-filter-static {
	display: none;
}
.catalog-mobile-ui .catalog-mobile-view-controls {
	display: none;
}
.catalog-mobile-ui .catalog-mobile-view-controls[hidden] {
	display: none !important;
}
.catalog-mobile-ui .catalog-filter-static[hidden] {
	display: none !important;
}
.catalog-mobile-ui a[role="button"]:focus,
.catalog-mobile-ui button:focus {
	outline: 2px solid #337ab7;
	outline-offset: 2px;
}
/*
 * У штатній Bootstrap-сітці картки плавають через float. Якщо картка з
 * кнопкою «Купити» вища за картку без ціни, наступний товар піднімається у
 * вільне місце. Flex зберігає ширини колонок Revolution, але вирівнює товари
 * повними горизонтальними рядами.
 */
@media (min-width: 768px) {
	.catalog-mobile-ui .products_category {
		-webkit-align-items: stretch;
		align-items: stretch;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.catalog-mobile-ui .products_category::before,
	.catalog-mobile-ui .products_category::after {
		content: none !important;
		display: none !important;
	}
	.catalog-mobile-ui .products_category > .product-layout {
		float: none !important;
	}
	.catalog-mobile-ui .products_category > .product-layout.product-grid {
		display: -webkit-flex;
		display: flex;
	}
	.catalog-mobile-ui .products_category > .product-layout.product-grid > .product-thumb {
		-webkit-flex: 1 1 auto;
		flex: 1 1 auto;
		width: 100%;
	}
	.catalog-mobile-ui .products_category > .product-layout.product-list,
	.catalog-mobile-ui .products_category > .product-layout.product-price {
		width: 100%;
	}
}
@media (max-width: 991px) {
	#revfilter_box_open {
		display: none !important;
	}
	.ocf-btn-mobile-fixed {
		display: none !important;
	}
	.ocf-btn-mobile-static {
		margin-bottom: 14px;
		padding-bottom: 0;
		text-align: left;
	}
	.catalog-mobile-ui .catalog-filter-static {
		display: -webkit-inline-flex;
		display: inline-flex;
		-webkit-align-items: center;
		align-items: center;
		gap: 7px;
		margin: 0 0 14px;
		min-height: 40px;
		padding: 8px 14px;
	}
	#revfilter_box .catalog-filter-close {
		margin: 10px;
		min-height: 40px;
	}
}
@media (max-width: 767px) {
	.catalog-mobile-ui .catalog-page-heading {
		display: block;
		margin-bottom: 12px;
	}
	.catalog-mobile-ui .catalog-page-title {
		font-size: 23px;
		margin-bottom: 4px;
	}
	.catalog-mobile-ui .catalog-filter-static {
		background: #e51a3b;
		border-color: #e51a3b;
		border-radius: 3px;
		box-shadow: 0 2px 5px rgba(229, 26, 59, 0.22);
		color: #fff;
		display: -webkit-flex;
		display: flex;
		font-size: 18px;
		font-weight: 600;
		-webkit-justify-content: center;
		justify-content: center;
		margin-bottom: 16px;
		min-height: 50px;
		padding: 12px 18px;
		width: 100%;
	}
	.catalog-mobile-ui .catalog-filter-static:hover,
	.catalog-mobile-ui .catalog-filter-static:focus,
	.catalog-mobile-ui .catalog-filter-static[aria-expanded="true"] {
		background: #c91635;
		border-color: #c91635;
		color: #fff;
	}
	.catalog-mobile-ui .catalog-filter-static .fa {
		font-size: 20px;
	}
	/* На поточному магазині мобільний фільтр виводить модуль OCFilter. */
	.catalog-mobile-ui .ocf-btn-mobile-static {
		display: block !important;
		margin: 0 0 16px !important;
		padding: 0 !important;
		width: 100%;
	}
	.catalog-mobile-ui .ocf-btn-mobile-static .ocf-btn[data-ocf="mobile"] {
		-webkit-align-items: center;
		align-items: center;
		background: #e51a3b !important;
		border: 1px solid #e51a3b !important;
		border-radius: 3px;
		box-shadow: 0 2px 5px rgba(229, 26, 59, 0.22);
		color: #fff !important;
		display: -webkit-flex !important;
		display: flex !important;
		font-family: inherit;
		font-size: 18px;
		font-weight: 600;
		gap: 8px;
		-webkit-justify-content: center;
		justify-content: center;
		line-height: 1.4;
		margin: 0;
		min-height: 50px;
		padding: 12px 18px;
		width: 100%;
	}
	.catalog-mobile-ui .ocf-btn-mobile-static .ocf-btn[data-ocf="mobile"]:hover,
	.catalog-mobile-ui .ocf-btn-mobile-static .ocf-btn[data-ocf="mobile"]:focus,
	.catalog-mobile-ui .ocf-btn-mobile-static .ocf-btn[data-ocf="mobile"]:active {
		background: #c91635 !important;
		border-color: #c91635 !important;
		color: #fff !important;
	}
	.catalog-mobile-ui .ocf-btn-mobile-static .ocf-btn[data-ocf="mobile"] .ocf-icon {
		color: #fff !important;
		font-size: 20px;
	}
	.catalog-mobile-ui .products_category .product-grid .description_options,
	.catalog-mobile-ui .products_category .product-grid .description {
		display: block !important;
	}
	.catalog-mobile-ui .catalog-price-view-group {
		display: none !important;
	}
	.catalog-mobile-ui .catalog-mobile-view-controls {
		display: -webkit-flex;
		display: flex;
		gap: 6px;
		margin: 0 0 10px;
		width: 100%;
	}
	.catalog-mobile-ui .catalog-mobile-view-controls .btn {
		background: #f4f4f4;
		border-color: #e5e5e5;
		box-shadow: none;
		color: #333;
		-webkit-flex: 1 1 50%;
		flex: 1 1 50%;
		min-height: 42px;
	}
	.catalog-mobile-ui .catalog-mobile-view-controls .btn:hover,
	.catalog-mobile-ui .catalog-mobile-view-controls .btn:focus {
		background: #e9e9e9;
		border-color: #dcdcdc;
		color: #222;
	}
	.catalog-mobile-ui .catalog-mobile-view-controls .btn.active,
	.catalog-mobile-ui .catalog-mobile-view-controls .btn.active:hover,
	.catalog-mobile-ui .catalog-mobile-view-controls .btn.active:focus {
		background: #444;
		border-color: #444;
		box-shadow: none;
		color: #fff;
	}
	.catalog-mobile-ui .products_category {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.catalog-mobile-ui .products_category .product-layout {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.catalog-mobile-ui .products_category .product-grid .product-thumb {
		border-radius: 2px;
		margin-bottom: 0;
	}
	.catalog-mobile-ui .products_category.catalog-mobile-two,
	.catalog-mobile-ui .products_category.catalog-mobile-one {
		display: grid !important;
		grid-auto-flow: row;
		gap: 6px;
		-webkit-align-items: stretch;
		align-items: stretch;
	}
	.catalog-mobile-ui .products_category.catalog-mobile-two {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.catalog-mobile-ui .products_category.catalog-mobile-one {
		grid-template-columns: minmax(0, 1fr);
	}
	.catalog-mobile-ui .products_category.catalog-mobile-two::before,
	.catalog-mobile-ui .products_category.catalog-mobile-two::after,
	.catalog-mobile-ui .products_category.catalog-mobile-one::before,
	.catalog-mobile-ui .products_category.catalog-mobile-one::after {
		content: none !important;
		display: none !important;
	}
	.catalog-mobile-ui .products_category.catalog-mobile-two > .product-layout,
	.catalog-mobile-ui .products_category.catalog-mobile-one > .product-layout {
		box-sizing: border-box;
		display: -webkit-flex;
		display: flex;
		float: none !important;
		min-width: 0;
		width: auto !important;
	}
	.catalog-mobile-ui .products_category.catalog-mobile-two > .filter_gr,
	.catalog-mobile-ui .products_category.catalog-mobile-one > .filter_gr {
		grid-column: 1 / -1;
		width: auto !important;
	}
	.catalog-mobile-ui .products_category.catalog-mobile-two > .clearfix,
	.catalog-mobile-ui .products_category.catalog-mobile-one > .clearfix {
		display: none !important;
	}
	.catalog-mobile-ui .products_category.catalog-mobile-two .product-thumb,
	.catalog-mobile-ui .products_category.catalog-mobile-one .product-thumb {
		display: -webkit-flex;
		display: flex;
		-webkit-flex: 1 1 auto;
		flex: 1 1 auto;
		-webkit-flex-direction: column;
		flex-direction: column;
		min-width: 0;
		width: 100%;
	}
	.catalog-mobile-ui .products_category.catalog-mobile-two .product-thumb > .image,
	.catalog-mobile-ui .products_category.catalog-mobile-one .product-thumb > .image {
		box-sizing: border-box;
		float: none !important;
		max-width: 100%;
		min-width: 0;
		width: 100% !important;
	}
	.catalog-mobile-ui .products_category .product-thumb > .image > a > img,
	.catalog-mobile-ui .products_category .owlproduct,
	.catalog-mobile-ui .products_category .owlproduct .owl-wrapper-outer,
	.catalog-mobile-ui .products_category .owlproduct .owl-item:first-child img {
		box-sizing: border-box;
		display: block;
		height: auto;
		max-width: 100%;
		width: 100% !important;
	}
	/* У мобільному каталозі показуємо тільки перше фото без каруселі. */
	.catalog-mobile-ui .products_category .owlproduct .owl-wrapper {
		left: 0 !important;
		-webkit-transform: none !important;
		transform: none !important;
		width: 100% !important;
	}
	.catalog-mobile-ui .products_category .owlproduct .owl-item {
		display: none !important;
		float: none !important;
		width: 100% !important;
	}
	.catalog-mobile-ui .products_category .owlproduct .owl-item:first-child {
		display: block !important;
	}
	.catalog-mobile-ui .products_category .owlproduct .owl-controls {
		display: none !important;
	}
	.catalog-mobile-ui .products_category .product-thumb > .image > .fapanel {
		box-sizing: border-box;
		max-width: 100%;
		width: 100% !important;
	}
	.catalog-mobile-ui .products_category.catalog-mobile-two .product-thumb > .caption,
	.catalog-mobile-ui .products_category.catalog-mobile-one .product-thumb > .caption {
		display: -webkit-flex;
		display: flex;
		-webkit-flex: 1 1 auto;
		flex: 1 1 auto;
		-webkit-flex-direction: column;
		flex-direction: column;
		margin-left: 0 !important;
		min-width: 0;
	}
	.catalog-mobile-ui .products_category.catalog-mobile-two .description_options,
	.catalog-mobile-ui .products_category.catalog-mobile-one .description_options {
		-webkit-flex: 0 0 auto;
		flex: 0 0 auto;
		height: auto !important;
		min-height: 0 !important;
	}
	.catalog-mobile-ui .products_category.catalog-mobile-two .description,
	.catalog-mobile-ui .products_category.catalog-mobile-one .description {
		height: auto !important;
		min-height: 0 !important;
	}
	.catalog-mobile-ui .products_category.catalog-mobile-two .product_buttons,
	.catalog-mobile-ui .products_category.catalog-mobile-one .product_buttons {
		-webkit-align-items: stretch;
		align-items: stretch;
		border-top: 1px solid #ededed;
		box-sizing: border-box;
		display: -ms-grid !important;
		display: grid !important;
		-webkit-flex: 0 0 auto;
		flex: 0 0 auto;
		gap: 8px;
		margin-top: auto;
		padding-top: 10px;
		width: 100%;
	}
	.catalog-mobile-ui .products_category.catalog-mobile-two .product_buttons {
		grid-template-columns: minmax(0, 1fr);
	}
	.catalog-mobile-ui .products_category.catalog-mobile-one .product_buttons {
		-webkit-align-items: center;
		align-items: center;
		grid-template-columns: minmax(0, 1fr) minmax(128px, 150px);
		gap: 12px;
	}
	.catalog-mobile-ui .products_category .product_buttons .fapanel-price,
	.catalog-mobile-ui .products_category .product_buttons .quick_btn,
	.catalog-mobile-ui .products_category .product_buttons .number,
	.catalog-mobile-ui .products_category .product_buttons input.plus-minus,
	.catalog-mobile-ui .products_category .product_buttons > .clearfix {
		display: none !important;
	}
	.catalog-mobile-ui .products_category .product_buttons .price {
		box-sizing: border-box;
		color: #222 !important;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
		font-size: 22px;
		font-weight: 700;
		-webkit-justify-content: center;
		justify-content: center;
		line-height: 1.2;
		margin: 0 !important;
		min-height: 44px;
		white-space: nowrap;
	}
	.catalog-mobile-ui .products_category.catalog-mobile-two .product_buttons .price {
		-webkit-align-items: center;
		align-items: center;
		text-align: center;
	}
	.catalog-mobile-ui .products_category.catalog-mobile-one .product_buttons .price {
		-webkit-align-items: flex-start;
		align-items: flex-start;
		text-align: left;
	}
	.catalog-mobile-ui .products_category .product_buttons .price-old {
		color: #888 !important;
		font-size: 14px !important;
		font-weight: 400;
		line-height: 19px;
		margin-bottom: 2px;
		text-decoration: line-through;
	}
	.catalog-mobile-ui .products_category .product_buttons .price-new {
		color: #222 !important;
		font-size: 22px !important;
		font-weight: 700;
		line-height: 27px;
	}
	.catalog-mobile-ui .products_category.catalog-mobile-one .product_buttons .price,
	.catalog-mobile-ui .products_category.catalog-mobile-one .product_buttons .price-new {
		font-size: 25px !important;
		line-height: 30px;
	}
	.catalog-mobile-ui .products_category.catalog-mobile-one .product_buttons .price-old {
		font-size: 15px !important;
		line-height: 20px;
	}
	.catalog-mobile-ui .products_category .product_buttons .price_na_zakaz {
		-webkit-align-items: center;
		align-items: center;
		color: #222;
		display: -webkit-flex;
		display: flex;
		font-size: 16px;
		font-weight: 600;
		grid-column: 1;
		grid-row: 1;
		line-height: 1.3;
		min-height: 44px;
	}
	.catalog-mobile-ui .products_category.catalog-mobile-two .product_buttons .price_na_zakaz {
		-webkit-justify-content: center;
		justify-content: center;
		text-align: center;
	}
	.catalog-mobile-ui .products_category .product_buttons .cart {
		float: none !important;
		margin: 0 !important;
		width: 100% !important;
	}
	.catalog-mobile-ui .products_category .product_buttons .cart > a {
		color: #fff !important;
		cursor: pointer;
		display: block !important;
		text-decoration: none !important;
		width: 100%;
	}
	.catalog-mobile-ui .products_category .product_buttons .cart > a > .fa-shopping-basket {
		-webkit-align-items: center;
		align-items: center;
		background: #e51a3b !important;
		border: 1px solid #e51a3b !important;
		border-radius: 4px;
		box-sizing: border-box;
		color: #fff !important;
		display: -webkit-flex !important;
		display: flex !important;
		-webkit-justify-content: center;
		justify-content: center;
		margin: 0 !important;
		min-height: 44px;
		padding: 10px 12px !important;
		width: 100% !important;
	}
	.catalog-mobile-ui .products_category .product_buttons .cart > a > .fa-shopping-basket::before {
		content: none !important;
		display: none !important;
	}
	.catalog-mobile-ui .products_category .product_buttons .cart > a:hover > .fa-shopping-basket,
	.catalog-mobile-ui .products_category .product_buttons .cart > a:focus > .fa-shopping-basket,
	.catalog-mobile-ui .products_category .product_buttons .cart > a:active > .fa-shopping-basket {
		background: #c91635 !important;
		border-color: #c91635 !important;
	}
	.catalog-mobile-ui .products_category .product_buttons .cart .prlistb {
		color: #fff !important;
		display: block !important;
		font-family: inherit;
		font-size: 15px;
		font-weight: 600;
		line-height: 22px;
		padding: 0 !important;
	}
	.catalog-mobile-ui .products_category.catalog-mobile-one .product-grid h4 {
		height: auto !important;
		max-height: none !important;
	}
	.catalog-mobile-ui .products_category .product-grid .caption {
		margin-top: 10px;
		padding-top: 10px;
	}
	.catalog-mobile-ui .products_category .product-grid h4 {
		font-size: 14px;
		height: auto !important;
		line-height: 19px;
		max-height: none !important;
		margin-bottom: 8px;
		overflow: visible;
		overflow-wrap: anywhere;
	}
	.catalog-mobile-ui .products_category .product-grid .product_buttons,
	.catalog-mobile-ui .products_category .product-grid .price {
		height: auto !important;
	}
	.catalog-mobile-ui .products_category .fapanel a[role="button"] {
		display: inline-block;
		min-height: 32px;
		min-width: 32px;
	}
}
@media (max-width: 480px) {
	.catalog-mobile-ui .products_category .product-grid h4 {
		height: auto !important;
		max-height: none !important;
	}
}
