/* ============= */
/* PRODUCTS LIST */
/* ============= */

	/* Top & Bottom bars */

	div.products_bar {
		overflow: hidden;
	}

	div.products_bar > div.info {
		float: left;
	}

	div.products_bar > div.form {
		float: right;
	}

	div.products_bar > div.pages {
		
	}

	/* Pages (pagination) */

	div.page_list {
		overflow: hidden;
		float: right;
	}

	div.page_list > a {
		display: block;
		box-sizing: border-box;		
		float: left;
	}

	/* Description */

	.description_html {
		overflow: hidden;
		box-sizing: border-box;
	}

	.description_html img {
		max-width: 100%;
	}

	.description_text {
		overflow: hidden;
		box-sizing: border-box;
		display: none;
	}

	/* Inside filters */

	#content > div.main > div.inside > div.products_filters {
		display: none;
		box-sizing: border-box;
	}
	
	#content > div.main > div.inside > div.products_filters > a.toggle {
		display: block;
		box-sizing: border-box;
		width: 100%;
	}

	#content > div.main > div.inside > div.products_filters > a.toggle > i.fa-caret-down {
		float: right;
		transition: transform 0.2s linear;
	}

	#content > div.main > div.inside > div.products_filters > a.toggle.active > i.fa-caret-down {
		transform: rotate(180deg)
	}

	#content > div.main > div.inside > div.products_filters > form {
		display: none;
	}

	/* Main list */

	#products_list {
		overflow: hidden;
	}

	#products_list > .item {
		float: left;
		position: relative;
		box-sizing: border-box;
		-webkit-transition: all 100ms linear;
		-ms-transition: all 100ms linear;
		transition: all 100ms linear;
	}

	/* Image */

	#products_list > .item > .image {
		position: relative;
		overflow: hidden;
	}

	#products_list > .item > .image > a > img {
		width: 100%;
		height: 100%;
	}
	
	/* Image: size (cover or contain) */
	
	#products_list > .item > .image > a.contain > img { object-fit: contain; }
	#products_list > .item > .image > a.cover > img { object-fit: cover; }

	#products_list > .item > .image > div.animate.contain > span { background-size: contain; }
	#products_list > .item > .image > div.animate.cover > span { background-size: cover; }

	/* Animate */

	#products_list > .item > .image > div.animate > span {
		display: block;
		background-position: center center;
		background-repeat: no-repeat;
	}

	/* Image: zoom  */

	#products_list > .item.zoom > .image > a > img {
		-webkit-transition: all 200ms ease-in-out;
		-ms-transition: all 200ms ease-in-out;
		transition: all 200ms ease-in-out;
	}

	/* Image: slide  */

	#products_list > .item.slide > .image > div.animate {
		cursor: pointer;
		height: 100%;
		width: 200%;
		transition: all 300ms ease-in-out;
	}

	#products_list > .item.slide > .image > div.animate > span {
		float: left;
		width: 50%;
		height: 100%;
	}

	/* Image: flip  */

	#products_list > .item.flip > .image > div.animate {
		position: relative;
		cursor: pointer;
		height: 100%;
		width: 100%;
	}

	#products_list > .item.flip > .image > div.animate > span {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		transition: all 300ms ease-in-out;
	}
	
	/* Rating */
	
	#products_list > .item > div.stars {
		text-align: center;
	}

	/* Name */

	#products_list > .item > h3 {
		display: block;
	}

	/* Description */

	#products_list > .item > div.description {
		display: block;
	}

	/* Date */

	#products_list > .item > div.date {
		display: block;
	}


	/* Price */

	#products_list > .item > .price  {
		display: block;
	}

	/* Price sale label */

	#products_list > .item > .price > .percent,
	#content > .sidebar .container > .products > .item > .price > .percent {
		position: absolute;
		text-align: center;
	}

/* =============== */
/* PRODUCT FILTERS */
/* =============== */

	#products_filters {

	}

	form[name="filter"] {
		position: relative;
	}

	form[name="filter"] .filter {

	}

	form[name="filter"] .filter > label {
		display: block;
		position: relative;
		cursor: pointer;
	}

	form[name="filter"] .filter > label > i {
		float: right;
	}

	form[name="filter"] .filter > label > span.info > span {
		display: none;
		position: absolute;
		z-index: 1;
	}

	form[name="filter"] .filter > label > span.info:hover > span {
		display: block;
	}


	/* Collapsed  */

	form[name="filter"] .filter.collapsed > div {
		display: none;
	}

	form[name="filter"] .filter:not(.collapsed) > label > i {
		transform: rotate(180deg);
	}

	/* Filter: price */

	form[name="filter"] .filter > div.price > label {
		display: block;
		overflow: hidden;
	}

	form[name="filter"] .filter > div.price > label > span {
		display: block;
		color: red;
	}

	form[name="filter"] .filter > div.price > label > span:nth-child(1) {
		float: left;
	}

	form[name="filter"] .filter > div.price > label > span:nth-child(2) {
		float: right;
	}

	form[name="filter"] .filter > div.price > div {
		margin: 0 5px;
	}
	
	form[name="filter"] .filter > div.price > span {
		display: block;
		overflow: hidden;
	}

	form[name="filter"] .filter > div.price > span > span {
		display: block;
		width: 49%;
	}

	form[name="filter"] .filter > div.price > span > span:nth-child(1) {
		float: left;
	}

	form[name="filter"] .filter > div.price > span > span:nth-child(2) {
		float: right;
	}

	form[name="filter"] .filter > div.price > span > span > input {
		width: 100%;
	}

	/* Filter: select */

	form[name="filter"] .filter > div.select > select {
		width: 100%;
	}

	/* Loading */

	form[name="filter"] > div.loading {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(255, 255, 255, 0);
		text-align: center;
	}
	
	form[name="filter"].loading > div.container {
		opacity: 0.5;
		z-index: 2;
	}

	/* Inside filters */

	#content > div.main > div.inside > div.products_filters > form[name="filter"] .filter > label > i,
	#content > div.main > div.inside > div.products_filters > form[name="filter"] .filter > label > span.info {
		display: none;
	}

/* ========== */
/* RESPONSIVE */
/* ========== */

	/* Desktop */

	@media (min-width: 1025px) {

		/* Image: zoom  */
		
		#products_list > .item.zoom > .image > a > img {
			transform: scale(0.90);
		}

		#products_list > .item.zoom:hover  > .image > a > img {
			transform: scale(1);
		}
		
		/* Image: slide  */

		#products_list > .item.slide:hover > .image > div.animate {
			margin-left: -100%;
		}

		/* Image: flip */

		#products_list > .item.flip > .image > div.animate > span:nth-child(2) {
			transform: scale(0, 1);
			opacity: 0;
		}

		#products_list > .item.flip:hover > .image > div.animate > span:nth-child(1) {
			opacity: 0;
		}

		#products_list > .item.flip:hover > .image > div.animate > span:nth-child(2) {
			transform: scale(1, 1);
			opacity: 1;
		}

		
	}
	
	/* Phone */

	@media (max-width: 1024px) {
		
		div.products_bar > div.form > form > span {
			display: none;
		}

		#wrapper[data-route="termekek"] .description_html {
			display: none;
		}

		.description_text {
			display: block;
		}

		/* Image: flip */

		#products_list > .item.flip > .image > div.animate > span:nth-child(2) {
			display: none;
		}

	}