/* page-collections.css */

/* filters */
.filter-wrap {
	margin-bottom: var(--space-4);
}
.filter-wrap:last-child {
	margin-bottom: 0;
}
.filters-top .filter-wrap {
	margin-bottom: 0;
}
.filter-wrap .filter-title {
	font-size: 1.14em;
	margin-bottom: var(--space-2);
}
.filter-wrap .ui.checkbox label,
.filter-wrap .ui.checkbox+label {
	padding-top: 0;
  display: flex;
  align-items: center;
}
.filter-btn-block .btn {
	display: flex;
	align-items: center;
}
.fixed-filter-btn .filter-icon:before,
.filter-btn-block .filter-icon:before {
	content: '';
	display: block;
	background-image: url(https://cdn.webshopapp.com/themes/185075/assets/filter.svg?2);
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
	margin-right: var(--space-2);
}
.fixed-filter-btn {
	transition: all ease .25s;
	position: fixed;
  bottom: calc(-2 * var(--space-10));
	left: 50%;
	transform: translateX(-50%);
	z-index: 1000;
	box-shadow: 0 0 8px 0 #0003;
	border-radius: var(--radius);
}
.fixed-filter-btn .btn {
	padding: 0 var(--space-10);
}

/* categories */
.categories {
	margin: calc(-1 * var(--space-2));
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}
.categories .category {
	padding: var(--space-2);
}
.categories .category a {
  display: flex;
  flex-direction: column;
	height: 100%;
}
.categories .category a:hover {
	text-decoration: none;
}
.categories .category a[data-category-title="content"],
.categories .category a[data-category-title=""] {
	display: none;
}
.categories .categories-slider .category.layout-2 {
	height: 100%;
}
.categories .category img {
	width: 100%;
  height: auto;
}
.categories .category .cat-inner {
	border-radius: var(--radius);
  border: var(--border-subtle);
  background: var(--color-gray-lighter);
	overflow: hidden;
	position: relative;
  height: 100%;
}
.categories .category.layout-2 .cat-inner {
	height: 100%;
}
.categories .category.layout-2 .cat-inner {
	padding: var(--space-6);
	text-align: center;
	box-shadow: var(--shadow-card);
}
.cat-inner {
	transition: 0.15s all ease-in-out;
}
.categories .category.layout-2 img {
	width: 100%;
	max-width: 170px;
	margin: 0 auto;
}
.categories .category .overlay {
	width: 100%;
	position: relative;
	color: var(--color-white);
  background: var(--color-gray-lighter);
}
.categories .category .title {
  display: flex;
	color: var(--color-gray-dark);
	font-size: 1.1em;
	width: 100%;
	padding: var(--space-4);
}
.categories .category .title:after {
	font-family: var(--font-icon);
	content: var(--icon-angle-right);
  margin-left: auto;
  color: var(--color-primary);
}
.categories .category.layout-2 a {
	text-decoration: none;
	height: 100%;
}
.categories .category.layout-2 .title {
	color: inherit;
	text-decoration: none;
}
.categories .category .count {
	font-size: 70%;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .2em;
	margin-top: 3px;
}
.categories-slider .owl-stage {
	display: flex;
	align-items: stretch;
}

@media (min-width: 1200px) {
	.cat-inner:hover {
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
	}
}

@media (max-width: 767px) { 
  .categories .category .title {
		font-size: .9em;
		padding: 12px;
	}
  .categories-slider .category .cat-inner {
  	display: block;
  }
  .categories-slider .category .cat-inner img {
  	width: 100%;
  }
  .categories {
		margin: calc(-1 * var(--space-2));
	}
	.categories .category.layout-2 .cat-inner {
		padding: var(--space-4);
	}
}

/* collection - content */
.collection-content.on-top {
	margin-bottom: var(--space-6);
}
.collection-content.on-bottom {
	margin-top: var(--space-6);
}
.collection-content .flex {
	display: flex;
	align-items: flex-start;
}
.collection-content .image {
	min-width: 170px;
	max-width: 170px;
	margin-right: var(--space-4);
}
.collection-content .image img {
	width: 100%;
	border-radius: var(--radius);
}
.collection-content .info .title {
  font-family: var(--font-heading);
	margin-top: 0;
}

@media (max-width: 1199px) {
	.collection-content .image {
		min-width: 130px;
		max-width: 130px;
		margin-right: var(--space-3);
	}
}

/* collection - sort */
.collection-sort .flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	font-size: .9em;
}
.collection-sort .sort-block {
	display: flex;
	align-items: center;
}
.collection-sort .open-filters,
.collection-sort .open-filters-dummy {
	margin-right: var(--space-4);
}
.collection-sort .ui.selection.dropdown {
	width: auto;
	min-width: 75px;
}
.collection-sort.on-top {
	padding-bottom: var(--space-3);
	border-bottom: var(--border-subtle);
	margin-bottom: var(--space-6);
}
.collection-sort.on-bottom {
	padding-top: var(--space-3);
  padding-bottom: var(--space-3);
	border-top: var(--border-subtle);
	margin-top: var(--space-6);
  margin-bottom: var(--space-6);
}
.collection-sort .grid-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
	margin: calc(-1 * var(--space-1));
}
.collection-sort .grid-list input[type="radio"] {
	display: none;
}
.collection-sort .grid-list ul li {
	padding: var(--space-1);
}
.collection-sort .grid-list li label {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	display: flex;
	width: 40px;
	height: 40px;
	background: rgba(0, 0, 0, 0.03);
	border-radius: var(--radius);
	cursor: pointer;
}
.collection-sort .items-per-page {
	margin-right: var(--space-4);
}
.collection-sort .items-per-page .show-label {
	margin-right: var(--space-2);
}
.collection-sort .pager-text {
	margin-right: var(--space-3);
	padding-right: var(--space-3);
	border-right: var(--border-subtle);
}
.collection-spinner-more {
	margin-top: var(--space-4);
	display: block;
	background: rgba(0, 0, 0, 0.03);
	padding: var(--space-3);
	text-align: center;
	border-radius: var(--radius);
	font-weight: 700;
	font-size: 11px;
	text-transform: uppercase;
}

/* collection - bulk */
.collection-bulk-wrap-outer {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  margin-top: var(--space-4);
}
.collection-bulk-wrap-outer .btn-wrap {
	display: flex;
  gap: var(--space-3);
}
.collection-bulk-wrap-outer .btn-wrap .btn.accent {
	color: var(--color-white) !important;
  text-decoration: none !important;
}
.collection-bulk-wrap-outer .btn-wrap .btn.accent:hover:before {
	background-color: var(--color-primary);
}
.collection-bulk-wrap-outer .btn-wrap .open-btn:hover:before {
	display: none;
}
.collection-bulk-wrap-outer .collection-bulk-wrap-loader {
	height: 200px;
  background: var(--color-gray-lighter);
  margin-top: calc(-1 * var(--space-4));
  position: relative;
  overflow: hidden;
}
.collection-bulk-wrap-outer .collection-bulk-wrap-loader:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 100%;
  width: 200px;
  height: 100%;
  background: linear-gradient(to right, #f9f9f9 0%, #eee 50%, #f9f9f9 100%);
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
}
.collection-bulk-wrap-outer .collection-bulk-wrap tbody tr {
  display: none;
}
.collection-bulk-wrap-outer .collection-bulk-wrap tbody tr:nth-child(-n+3) {
  display: table-row;
}
.collection-bulk-wrap-outer .collection-bulk-wrap.active tbody tr {
	display: table-row;
}

@keyframes placeHolderShimmer {
  0% {
    right: 100%;
  }
  100% {
    right: -200px;
  }
}


/* filters */
.sidebar-filter-item {
	position: relative;
}

.mobile-filters .sb-title {
	background: var(--color-primary);
	color: var(--color-white);
	padding: var(--space-1) var(--space-2);
	font-size: 15px;
	line-height: 30px;
}
.mobile-filters .filter-wrapper-mobile {
	display: none;
}
.mobile-filters .sb-subtitle {
	color: var(--color-gray-medium);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 29px;
}
.mobile-filters .sb-title i {
	float: right;
	position: relative;
	line-height: 30px;
	transition: all 0.4s ease-in-out;
}
.mobile-filters ul .sb-content {
	overflow: scroll;
	max-height: 190px;
}
.mobile-filters .sb-title.active i {
	transform: rotate(180deg);
}
.mobile-filters ::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 5px;
}
.mobile-filters ::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: #d9d9d9;
	box-shadow: 0 0 1px #d9d9d9;
}

@media (max-width: 767px) {
	.mobile-filters {
		margin: 0;
		text-align: left;
		padding: var(--space-5) var(--space-4);
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.mobile-filters .filters-scroll {
		overflow-y: scroll;
		overflow-x: hidden;
		padding-bottom: var(--space-1);
	}
	.mobile-filters .buttons {
		position: relative;
		padding-top: var(--space-4);
	}
	.mobile-filters .buttons .btn {
		width: 100%;
	}
	.mobile-filters .buttons .link {
		display: block;
		text-align: center;
		padding: var(--space-4) 0;
		padding-bottom: 0;
		font-weight: 700;
	}
	.mobile-filters .buttons:before {
		content: '';
		display: block;
		position: absolute;
		top: calc(-1 * var(--space-4));
		left: 0;
		right: 0;
		width: 100%;
		height: 20px;
		background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(247, 247, 247, 1) 100%);
		background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(247, 247, 247, 1) 100%);
		background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(247, 247, 247, 1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f7f7f7', GradientType=0);
	}
}

/* pager */
.custom-pager ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
	margin: -2px;
}
.custom-pager ul li a {
	margin: 2px;
	height: 40px;
	padding: 0 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.03);
	border-radius: calc(var(--radius) / 2);
	text-decoration: none;
}
.custom-pager ul li.active a {
	font-weight: 700;
}
.custom-pager ul li a.disabled {
	cursor: auto;
	pointer-events: none;
	opacity: .5;
}

/* filters */
.price-filter {
	padding-bottom: var(--space-3);
	padding-top: var(--space-1);
	max-width: 300px;
}
.price-filter a {
	transition: none;
}

.collection-filter-price {
	height: 3px;
	border: none;
	margin: 0;
	position: relative;
}
.collection-filter-price .ui-slider-range {
  background-color: rgba(0, 0, 0, 0.15);
	border: none;
	margin: 0;
	position: absolute;
	height: 100%;
}
.collection-filter-price .ui-slider-handle {
	display: block;
	position: absolute;
	width: 15px;
	height: 15px;
	border-radius: var(--radius-round);
	border: 0;
	top: -6px;
	cursor: col-resize;
	border: none;
	background: var(--color-white);
	border: 2px solid var(--color-white);
	outline: none;
	z-index: 9;
	box-shadow: var(--shadow-card);
}
.collection-filter-price .ui-slider-handle:last-child {
	margin-left: calc(-1 * var(--space-2));
}
.collection-filter-price:after {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.07);
}

.price-filter-range {
	margin-top: var(--space-2);
	font-size: 13px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.price-filter-range .min, .price-filter-range .max {
	display: inline-block;
}
.price-filter-range .min span, .price-filter-range .max span {
	font-weight: 700;
}

.filter-style-tags .ui.checkbox .box:before,
.filter-style-tags .ui.checkbox label:before,
.filter-style-tags .ui.checkbox .box:after,
.filter-style-tags .ui.checkbox label:after {
	display: none;
}
.filter-style-tags .filter-items {
	margin: -3px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.filter-style-tags .ui.checkbox {
	padding: 3px;
}
.filter-style-tags .ui.checkbox label, .filter-style-tags .ui.checkbox+label {
	height: 30px;
	display: inline-flex;
	align-items: center;
	padding: 0 var(--space-3);
	border-radius: var(--radius);
	background: rgba(0, 0, 0, 0.07);
	color: inherit;
	font-weight: 700;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	transition: all .2s linear;
}

.filters-top {
	display: none;
}
.filters-top.active {
	display: block;
}
.filters-top .filter-row {
	margin: calc(-1 * var(--space-5));
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}
.filters-top .filter-col {
	padding: var(--space-5);
	min-width: 25%;
  max-width: 25%;
	flex: 1;
}

.active-filters-box {
	margin-top: calc(-1 * var(--space-4));
	margin-bottom: var(--space-6);
	display: flex;
	align-items: center;
}
.active-filters-box .filters-label {
	font-size: 12px;
	margin-right: var(--space-2);
	font-weight: 700;
	white-space: nowrap;
}
.active-filters {
	margin: -3px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.active-filters .active-filter {
	padding: 3px;
}
.active-filters .active-filter a {
	text-decoration: none;
}
.active-filters .active-filter label {
	height: 30px;
	display: inline-flex;
	align-items: center;
	padding: 0 var(--space-3);
	border-radius: var(--radius);
	background: rgba(0, 0, 0, 0.07);
	color: inherit;
	font-weight: 700;
	font-size: 11px;
	text-decoration: none;
	cursor: pointer;
	transition: all .2s linear;
	margin: 0;
}
.active-filters .active-filter label:hover {
	background: rgba(0, 0, 0, 0.14);
}
.active-filters .active-filter input {
	display: none;
}
.active-filters .active-filter i {
	margin-left: 7px;
}

@media (max-width: 767px) {
	.price-filter {
		padding-left: var(--space-1);
		padding-right: var(--space-1);
	}
	.collection-content.on-top {
		margin-bottom: var(--space-4);
	}
	.collection-sort.on-top {
		margin-bottom: var(--space-4);
	}
	.active-filters-box {
		margin-top: calc(-1 * var(--space-2));
	}
	.collection-sort .filter-btn-block {
		width: 100%;
		margin-bottom: 0;
		justify-content: flex-end;
		order: 50;
	}
	.collection-sort .filter-btn-block .btn {
		margin: 0;
		order: 50;
	}
	.collection-sort .custom-pager {
		order: 0;
		justify-content: flex-end;
		width: 100%;
		margin-bottom: var(--space-2);
	}
	.collection-sort .custom-pager ul {
		justify-content: flex-end;
	}
	.collection-sort .mobile-pager {
		width: 100%;
		margin-bottom: 0;
		justify-content: space-between;
		order: 2;
	}
}

/* categories */
.sidebar .sb-cats ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: .97em;
	font-weight: 700;
}
.sidebar .sb-cats ul ul {
	padding-left: var(--space-2);
	padding-bottom: var(--space-1);
	display: none;
	font-weight: 400;
}
.sidebar .sb-cats ul ul.active {
	display: block;
}
.sidebar .sb-cats ul li .inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.sidebar .sb-cats ul li a {
	display: block;
	padding: var(--space-2) 0;
	flex-grow: 10;
	text-decoration: none;
}
.sidebar .sb-cats ul ul li a {
	padding: var(--space-1) 0;
}
.sidebar .sb-cats ul li .inner {
	border-top: var(--border-subtle);
}
.sidebar .sb-cats ul li:first-child .inner {
	border-top: 0;
}
.sidebar .sb-cats ul ul li .inner {
	border: none;
}
.sidebar .sb-cats .more-cats {
	align-self: stretch;
	padding-left: var(--space-4);
	padding: 0 var(--space-2);
	cursor: pointer;
	display: flex;
	align-items: center;
}
.sidebar .sb-cats .more-cats i {
	transition: all .3s ease-in-out;
}
.sidebar .sb-cats li.active>.inner .more-cats i {
	transform: rotate(90deg);
}

/* recent products */
.sidebar .recent-products-wrap {
	margin-bottom: var(--space-6);
}

.recent-products {
	margin: calc(-1 * var(--space-1));
	font-size: .95em;
	display: flex;
	flex-wrap: wrap;
}
.recent-products .recent-product a {
	text-decoration: none;
	display: block;
}
.recent-products .recent-product {
	padding: var(--space-2);
}
.recent-products .recent-product .inner {
	display: flex;
	align-items: center;
}
.recent-products .recent-product.border-allways .inner {
	padding: var(--space-2);
	border-radius: var(--radius);
  border: var(--border-subtle);
	height: 100%;
	transition: all ease .25s;
}
.recent-products .recent-product.border-allways .inner:hover {
	box-shadow: 0 0 12px 0 rgb(0 0 0 / 6%);
}
.recent-products .recent-product .image-wrap {
	min-width: 75px;
	max-width: 75px;
	margin-right: var(--space-4);
	position: relative;
	overflow: hidden;
	border-radius: var(--radius);
	background: var(--color-white);
}
.recent-products .recent-product.img-gray .image-wrap:after {
	position: absolute;
	content: '';
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
.recent-products .recent-product .image-wrap img {
	width: 100%;
}
.recent-products .recent-product .info {
	display: flex;
  flex-direction: column;
  height: 100%;
}
.recent-products .recent-product .price {
	margin-top: auto;
	font-size: .95em;
	font-weight: 700;
}
.recent-products .recent-product .price .old-price {
	margin-right: var(--space-1);
	display: inline-block;
	text-decoration: line-through;
	font-size: 90%;
	opacity: .7;
}
.recent-products .recent-product #product_related_form {
  width: 100%;
	margin-top: auto;
}
.recent-products .recent-product .title {
	display: block;
	line-height: 1.5em;
	overflow: hidden;
}
.recent-products .recent-product .title:hover {
	text-decoration: underline;
}
.recent-products .recent-product .link {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	font-weight: 700;
	font-size: .9em;
	margin-top: 7px;
	text-align: right;
}
.recent-products .recent-product .link a:after {
	font-family: var(--font-icon);
	content: var(--icon-close);
	padding-left: var(--space-1);
}
.recent-products .recent-product .link a:hover {
	text-decoration: underline;
}

@media (max-width: 1199px) {
	.recent-products .recent-product .image-wrap {
		min-width: 55px;
		max-width: 55px;
		margin-right: var(--space-3);
	}
}

/* tags */
.tags {
	margin: -3px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.tags .tag {
	padding: 3px;
}
.tags .tag a {
	height: 30px;
	display: inline-flex;
	align-items: center;
	padding: 0 var(--space-3);
	border-radius: var(--radius);
	background: rgba(0, 0, 0, 0.07);
	color: inherit;
	font-weight: 700;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	transition: all .2s linear;
}