/** Shopify CDN: Minification failed

Line 1685:1 Unexpected "{"
Line 1685:2 Expected identifier but found "%"
Line 1685:25 Expected identifier but found whitespace
Line 1685:34 Expected identifier but found "%"
Line 1883:3 Unexpected "{"
Line 1883:4 Expected identifier but found "%"
Line 1883:28 Expected identifier but found whitespace
Line 1883:38 Expected identifier but found "%"

**/
@keyframes lazy-loading {
	0% {
		transform: translateX(-100%)
	}

	100% {
		transform: translateX(100%)
	}
}

@keyframes moveUp {
	100% {
		transform: translateY(0);
		opacity: 1
	}
}

@keyframes fadeUp {
	0% {
		opacity: 0;
		transform: translateY(3rem)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

@keyframes bounce {

	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateY(0)
	}

	40% {
		transform: translateY(-2rem)
	}

	60% {
		transform: translateY(-0.5rem)
	}
}

@keyframes topBottom {

	10%,
	90% {
		transform: translateY(0)
	}

	20%,
	80% {
		transform: translateY(1rem)
	}

	30%,
	50%,
	70% {
		transform: translateY(0)
	}

	40%,
	60% {
		transform: translateY(1rem)
	}
}

@keyframes shine {
	100% {
		left: -200%
	}
}

@keyframes scale {
	0% {
		transform: scale(1)
	}

	50% {
		transform: scale(1.15)
	}

	to {
		transform: scale(1)
	}
}

@keyframes slideUp {
	0% {
		opacity: 0;
		transform: translateY(1.5rem)
	}

	100% {
		opacity: 1;
		transform: translateY(0)
	}
}

@keyframes slideDown {
	0% {
		opacity: 0;
		transform: translateY(-1.5rem)
	}

	100% {
		opacity: 1;
		transform: translateY(0)
	}
}

@keyframes circle-loading {
	from {
		transform: translate(-50%, -50%) rotate(0)
	}

	to {
		transform: translate(-50%, -50%) rotate(360deg)
	}
}

@keyframes circle-loading-inline {
	from {
		transform: rotate(0)
	}

	to {
		transform: rotate(360deg)
	}
}

.circle-loading:before {
	content: "";
	z-index: 5;
	position: absolute;
	border: 3px solid #000;
	border-top-color: rgba(0, 0, 0, 0);
	border-radius: 50%;
	height: 20px;
	width: 20px;
	top: 50%;
	left: 50%;
	animation: circle-loading 500ms infinite linear
}

@keyframes slidebottomtotop {
	0% {
		transform: translateY(10px);
		opacity: 0
	}

	100% {
		transform: translateY(0);
		opacity: 1
	}
}

@keyframes btnLinkAnimation {
	0% {
		left: 0;
		width: 100%
	}

	33% {
		left: 100%;
		width: 0
	}

	66% {
		left: 0;
		width: 0
	}

	100% {
		right: 0;
		width: 100%
	}
}

.collection-info {
	display: flex;
	width: 100%;
	gap: 4rem;
	padding-top: 8rem;
	padding-bottom: 8rem
}

@media(max-width: 991px) {
	.collection-info {
		gap: 2.4rem;
		flex-direction: column;
		padding-top: 6rem;
		padding-bottom: 6rem
	}
}

.collection-info .container,
.collection-info .stretch-padding {
	display: flex;
	justify-content: center
}

@media(max-width: 991px) {

	.collection-info .container,
	.collection-info .stretch-padding {
		flex-direction: column;
		gap: 2.4rem
	}
}

.collection-info .left-info {
	max-width: 51.8rem;
	width: 100%
}

@media(max-width: 991px) {
	.collection-info .left-info {
		max-width: 100%
	}
}

.collection-info .right-info {
	width: calc(100% - 51.8rem)
}

@media(max-width: 991px) {
	.collection-info .right-info {
		width: 100%
	}

	.collection-info .right-info .collection-list {
		display: flex;
		overflow-x: scroll;
		flex-wrap: nowrap
	}

	.collection-info .right-info .collection-list .list-item {
		padding-bottom: 1rem;
		flex: 0 0 auto
	}
}

.collection-info:empty {
	display: none
}

.collection-info .collection-list {
	display: flex;
	flex-wrap: wrap;
	gap: .8rem;
	margin-top: 0
}

.collection-info .collection-list .card-title {
	padding: .8rem 1.6rem;
	border: .2rem solid;
	border-radius: 4rem;
	font-size: 1.6rem;
	margin: 0
}

.collection-info .collection-list .card-title:hover {
	background: rgb(var(--heading-color));
	color: rgb(var(--background-color));
	border-color: rgb(var(--heading-color))
}

.collection-info.slider {
	display: block
}

.collection-info.slider.no-content {
	padding-top: 0
}

.collection-info.slider.no-content .container {
	display: none
}

.collection-info.slider.no-content.head {
	padding-top: 2rem;
	padding-bottom: 2rem
}

@media(max-width: 991px) {
	.collection-info.slider.head {
		display: flex;
		gap: 0;
		padding-top: 3rem
	}

	.collection-info.slider.head .scrolling {
		order: 1
	}

	.collection-info.slider.head .container {
		order: 2;
		padding-bottom: 6rem
	}
}

.collection-info.slider .scrolling {
	display: flex;
	overflow: hidden;
	width: 100%
}

@media(hover: hover) {
	.collection-info.slider .hover-pause:hover .scrolling-animation {
		animation-play-state: paused
	}
}

.collection-info.slider .scrolling-wrapper {
	display: flex;
	align-items: center
}

.collection-info.slider .scrolling-animation {
	animation: scrolling 30s infinite linear;
	animation-direction: normal
}

.collection-info.slider .scrolling-content {
	display: flex;
	align-items: center;
	white-space: nowrap;
	flex-shrink: 0
}

.collection-info.slider .scrolling-promotion {
	--heading-font-scale: var(--scrolling-scale);
	color: rgb(var(--text-color));
	text-transform: uppercase;
	margin: 0;
	font-size: clamp(var(--heading-font-scale)*3.2rem, 28.51vw - 15.45rem, var(--heading-font-scale)*6.4rem)
}

.collection-info.slider .scrolling-promotion .title {
	font-size: clamp(var(--heading-font-scale)*3.2rem, 28.51vw - 15.45rem, var(--heading-font-scale)*6.4rem);
	display: flex
}

@media(max-width: 991px) {
	.collection-info.slider .scrolling-promotion {
		--heading-font-scale: var(--scrolling-scale)
	}
}

.collection-info.slider .scrolling-icon svg {
	height: 8rem;
	width: 8rem
}

.collection-info.slider .scrolling-image {
	position: relative;
	height: calc(17.4rem*var(--scrolling-image-scale)*var(--aspect-ratio));
	width: calc(22.4rem*var(--scrolling-image-scale)*var(--aspect-ratio))
}

.collection-info.slider .scrolling-image .image {
	width: 100%;
	height: 100%
}

.collection-info.slider .scrolling-image img,
.collection-info.slider .scrolling-image svg {
	border-radius: .8rem
}

.collection-info.slider .product-card {
	display: flex;
	margin: 0;
	gap: 1.6rem;
	padding: 1.6rem;
	align-items: center;
	border-radius: .8rem;
	container-type: unset
}

.collection-info.slider .product-card .product-media-wrap {
	width: 15.8rem;
	height: 15.8rem;
	padding-bottom: 0
}

.collection-info.slider .product-card .product-media-wrap img,
.collection-info.slider .product-card .product-media-wrap svg {
	border-radius: .8rem
}

.collection-info.slider .product-card .product-title * {
	font-size: 1.6rem
}

.collection-info.slider .product-card .product-price {
	font-size: 1.4rem
}

.collection-info.slider .product-card .form-add-to-cart {
	position: relative;
	top: 0;
	right: unset;
	opacity: 1;
	visibility: visible;
	margin-top: 1.2rem;
	font-size: 1.4rem;
	container-type: unset
}

.collection-info.slider .product-card .form-add-to-cart .add-to-cart-button {
	height: 4rem;
	max-height: 4rem;
	min-height: 4rem;
	margin-left: 0;
	font-size: 100%;
	margin-right: unset
}

@media(max-width: 991px) {
	.collection-info.slider .product-card .form-add-to-cart {
		justify-content: flex-start
	}

	.collection-info.slider .product-card .form-add-to-cart .add-to-cart-button {
		padding: 0 2.4rem;
		width: 100%
	}
}

.collection-info.slider .product-card:hover .form-add-to-cart {
	text-align: left
}

@keyframes scrolling {
	to {
		transform: translate(-100%)
	}
}

.collection-info.slider .description {
	font-size: 4rem;
	line-height: 5.2rem;
	font-weight: 500;
	margin-bottom: 0
}

@media(max-width: 991px) {
	.collection-info.slider .description {
		font-size: 2.8rem;
		font-weight: 500;
		line-height: 3.9rem
	}
}

.collection-info.slider .scrolling-content {
	position: relative
}

.collection-info.slider .scrolling-icon {
	border-radius: .8rem;
	overflow: hidden;
	margin: 0 8rem;
	position: relative;
	width: 22.4rem;
	height: 17.4rem;
	display: block
}

@media(max-width: 991px) {
	.collection-info.slider .scrolling-icon {
		width: 11rem;
		height: 8.6rem;
		margin: 0 4rem
	}
}

.collection-info.slider .container {
	margin-bottom: 0
}

.collection-info.slider .collection-list {
	flex-wrap: unset;
	max-width: 100%;
	width: var(--container);
	margin-right: auto;
	margin-left: auto;
	padding-left: calc(var(--grid-horizontal)/2);
	padding-right: calc(var(--grid-horizontal)/2)
}

.collection-info.slider .collection-list .product-card-list {
	border-radius: .8rem;
	overflow: hidden
}

.collection-info.slider .collection-list .card-meta {
	background: rgba(var(--subheading-color), 0.25);
	padding: 2.4rem
}

.collection-info.slider .collection-list .card-meta .card-title {
	padding: 0;
	border: none;
	font-size: 3.2rem
}

.collection-info.slider .collection-list .card-meta .card-title:hover {
	background: unset;
	color: unset;
	text-decoration: underline
}

.collection-info.slider .collection-list .card-meta .collection-count {
	font-size: 1.2rem;
	padding-bottom: .8rem
}

.collection-info.slider .list-item {
	position: relative
}

.collection-info.slider .list-item img {
	transition: all .5s
}

.collection-info.slider .list-item:hover img {
	transform: scale(1.2);
	transition: all .5s
}

.collection-info.slider .unity-slider {
	width: 100%;
	--slide-spacing: 3.2rem;
	--slide-size: 25%
}

@media(max-width: 991px) {
	.collection-info.slider .unity-slider {
		--slide-spacing: 2rem;
		--slide-size: 80.8%
	}
}

.collection-info.slider .unity-slider .unity-slider-viewport {
	overflow: visible
}

.collection-info.list .left-info {
	--heading-font-scale: var(--scrolling-scale);
	font-size: clamp(var(--heading-font-scale)*3.2rem, 28.51vw - 15.45rem, var(--heading-font-scale)*6.4rem)
}

.collection-info.list .left-info .title {
	font-size: clamp(var(--heading-font-scale)*3.2rem, 28.51vw - 15.45rem, var(--heading-font-scale)*6.4rem);
	display: flex
}

.filter-open {
	overflow: hidden;
	padding-right: var(--scrollbar-width, 0)
}

.filter-open .content-for-layout {
	position: relative;
	z-index: 100
}

.collection-page-section {
	overflow: hidden
}

.collection-page-section .selling-plan-message {
	margin-bottom: 1rem;
	text-transform: none
}

.collection-page-section .has-product-filters .content .products {
	margin-bottom: 2rem
}

.has-product-filters .stretch-padding {
	width: 100%
}

.has-product-filters .label-count {
	margin-left: .4rem
}

.has-product-filters .toolbar {
	width: 100%;
	display: flex;
	gap: 3.6rem;
	align-items: center;
	margin-bottom: 3rem
}

@media(max-width: 991px) {
	.has-product-filters .toolbar {
		display: none
	}
}

.has-product-filters .toolbar .show-filter {
	width: 29.2rem;
	display: flex;
	align-items: center;
	gap: 1rem;
	padding: .5rem 0;
	background-color: rgba(0, 0, 0, 0);
	border: none;
	color: rgb(var(--text-color));
	font-family: var(--body-font-family)
}

.has-product-filters .toolbar .show-filter .show {
	cursor: pointer
}

.has-product-filters .toolbar .show-filter input {
	order: 2;
	width: 4rem;
	height: 2rem;
	border-radius: 2rem;
	background-color: rgb(var(--background-color));
	border: .1rem solid rgba(var(--text-color));
	box-shadow: none;
	cursor: pointer
}

.has-product-filters .toolbar .show-filter input:before {
	content: "";
	position: absolute;
	top: .1rem;
	left: .1rem;
	width: 1.6rem;
	height: 1.6rem;
	border-radius: 50%;
	background-color: rgb(var(--text-color));
	transform: translate3d(0, 0, 0);
	transition: all .3s
}

.has-product-filters .toolbar .show-filter input:checked:before {
	transform: translate3d(2rem, 0, 0);
	background-color: rgb(var(--background-color));
	transition: all .3s
}

.has-product-filters .toolbar .show-filter input:checked {
	background-color: rgb(var(--text-color))
}

.has-product-filters .toolbar .toolbar-inner {
	display: flex;
	justify-content: space-between;
	width: calc(100% - 32.8rem)
}

.has-product-filters .toolbar .change-column-product {
	display: flex;
	gap: 1.6rem;
	line-height: 1;
	order: 2
}

.has-product-filters .toolbar .change-column-product .item {
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0);
	border: none;
	color: rgb(var(--text-color));
	padding: 0;
	border-radius: .8rem;
	height: 4rem
}

.has-product-filters .toolbar .change-column-product .item:focus-visible {
	border-radius: .2rem
}

.has-product-filters .toolbar .change-column-product .item svg {
	color: rgba(var(--text-color), 0.2)
}

.has-product-filters .toolbar .change-column-product .item.active svg {
	color: rgb(var(--text-color))
}

.has-product-filters .toolbar .item-toolbar-right {
	display: flex;
	gap: 2.4rem;
	align-items: center
}

.has-product-filters .content {
	min-height: 50vh;
	display: flex;
	flex-direction: column;
	gap: 0
}

@media(max-width: 991px) {
	.has-product-filters .content {
		gap: 0
	}
}

.has-product-filters .content .title {
	margin-top: 0;
	line-height: normal;
	margin-bottom: 2.3rem;
	text-transform: capitalize
}

.has-product-filters .content .description {
	margin-bottom: 4rem
}

.has-product-filters .content .products {
	display: grid;
	gap: var(--item-gap);
	grid-template-columns: var(--template-columns);
	transition: opacity .25s ease, transform .25s ease;
	will-change: opacity, transform
}

.has-product-filters .content .products.is-switching {
	opacity: 0;
	transform: scale(0.98)
}

@media(max-width: 991px) {
	.has-product-filters .content .products, .coll-secc .content .products {
		grid-template-columns: var(--template-columns) !important
	}
}

.has-product-filters .content .products .product-card, .coll-secc .products .product-card {
	margin-bottom: 0
}

@media(max-width: 991px) {
	.has-product-filters .content .products .product-card {
		box-shadow: none
	}
}

.has-product-filters .content .products .product-card.ready {
	opacity: 0
}

.has-product-filters .content .products .product-card.animate {
	transform: translateY(10rem);
	animation: moveUp .65s ease forwards
}

.has-product-filters .content .collection-media {
	text-align: center;
	margin-bottom: 3rem
}

.has-product-filters .content .collection-media img {
	width: 100%;
	max-height: 35rem;
	object-fit: cover
}

.has-product-filters .layout-collection {
	width: 100%;
	padding-top: 8rem
}

.has-product-filters .layout-collection .left.action-layout {
	display: grid;
	row-gap: 0;
	column-gap: 0;
	transition: grid-template-columns 300ms cubic-bezier(0.87, 0, 0.13, 1), column-gap 300ms cubic-bezier(0.87, 0, 0.13, 1);
	grid-template-columns: 0 minmax(0, 1fr);
	grid-template-areas: "header header""sidebar main"
}

@media(max-width: 991px) {
	.has-product-filters .layout-collection .left.action-layout {
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: auto auto;
		grid-template-areas: "header""main";
		column-gap: 0
	}
}

.has-product-filters .layout-collection .left.action-layout.has-sidebar {
	grid-template-columns: 29.2rem minmax(0, 1fr);
	column-gap: 3rem
}

@media(max-width: 991px) {
	.has-product-filters .layout-collection .left.action-layout.has-sidebar {
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: auto auto;
		grid-template-areas: "header""main";
		column-gap: 0
	}
}

.has-product-filters .layout-collection .left.action-layout.has-sidebar .layer-first {
	opacity: 1;
	pointer-events: auto;
	padding-top: 0;
}

.has-product-filters .layout-collection .left.action-layout.has-sidebar .layer-last {
	grid-area: main
}

.has-product-filters .layout-collection .left.action-layout .toolbar {
	grid-area: header
}

.has-product-filters .layout-collection .left.action-layout .layer-first {
	/* grid-area: sidebar; */
	opacity: 0;
	pointer-events: none;
	transition: opacity 300ms;
	width: 29.2rem
}

@media(max-width: 991px) {
	.has-product-filters .layout-collection .left.action-layout .layer-first {
		width: 100%
	}
}

.has-product-filters .layout-collection .right.action-layout {
	display: grid;
	row-gap: 0;
	column-gap: 0;
	transition: grid-template-columns 300ms cubic-bezier(0.87, 0, 0.13, 1), column-gap 300ms cubic-bezier(0.87, 0, 0.13, 1);
	grid-template-columns: minmax(0, 1fr) 0;
	grid-template-areas: "header header""main sidebar"
}

@media(max-width: 991px) {
	.has-product-filters .layout-collection .right.action-layout {
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: auto auto;
		grid-template-areas: "header""main";
		column-gap: 0
	}
}

.has-product-filters .layout-collection .right.action-layout.has-sidebar {
	grid-template-columns: minmax(0, 1fr) 29.2rem;
	column-gap: 3rem
}

@media(max-width: 991px) {
	.has-product-filters .layout-collection .right.action-layout.has-sidebar {
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: auto auto;
		grid-template-areas: "header""main";
		column-gap: 0
	}
}

.has-product-filters .layout-collection .right.action-layout.has-sidebar .layer-first {
	opacity: 1;
	pointer-events: auto
}

.has-product-filters .layout-collection .right.action-layout.has-sidebar .layer-last {
	grid-area: main
}

.has-product-filters .layout-collection .right.action-layout .toolbar {
	grid-area: header
}

.has-product-filters .layout-collection .right.action-layout .layer-first {
	grid-area: sidebar;
	justify-self: end;
	opacity: 0;
	pointer-events: none;
	transition: opacity 300ms;
	width: 29.2rem
}

@media(max-width: 991px) {
	.has-product-filters .layout-collection .right.action-layout .layer-first {
		width: 100%
	}
}

@media(max-width: 991px) {
	.has-product-filters .layout-collection {
		padding-top: 6rem
	}
}

.has-product-filters .layout-collection .container,
.has-product-filters .layout-collection .stretch-padding {
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	gap: 0
}

.has-product-filters .filter-item[open] .details-icon svg {
	transform: rotate(0deg)
}

.has-product-filters .filter-item.color-option .item-list {
	display: flex;
	flex-direction: column;
	gap: 0
}

.has-product-filters .item-list input {
	box-shadow: none
}

.has-product-filters .item-list input:focus {
	border: .3rem solid rgb(var(--text-color))
}

.has-product-filters .item-list input {
	margin: 0 1rem 0 0;
	cursor: pointer
}

.has-product-filters .item-list input:checked~.color-visual.dark:before {
	background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M4%208L7%2011L12%205%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E")
}

.has-product-filters .item-list input:checked~.color-visual.light:before {
	background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M4%208L7%2011L12%205%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E")
}

.has-product-filters .item-list input[disabled] {
	cursor: default
}

.has-product-filters .item-list input[disabled]+label {
	opacity: .6;
	cursor: default
}

.has-product-filters .item-list input.hidden-color-input {
	opacity: 0;
	position: absolute;
	z-index: 25;
	margin: 0
}

.has-product-filters .item-list .filter-label {
	flex-wrap: wrap;
	display: flex;
	align-items: center;
	padding: .8rem 0;
	transition: color .3s ease, text-decoration-color .3s ease;
	text-decoration-line: underline;
	text-decoration-thickness: .1rem;
	text-decoration-color: rgba(0, 0, 0, 0);
	text-underline-offset: .4rem
}

.has-product-filters .item-list .filter-label input {
	box-shadow: none
}

.has-product-filters .item-list .filter-label input:focus {
	border: .2rem solid rgb(var(--text-color))
}

@media(hover: hover) {
	.has-product-filters .item-list .filter-label:hover {
		color: rgb(var(--text-color));
		text-decoration-color: rgb(var(--text-color))
	}
}

.has-product-filters .item-list .color-type {
	display: flex;
	align-items: center
}

.has-product-filters .item-list .color-type:focus-within .color-visual.light:after,
.has-product-filters .item-list .color-type:focus-within .color-visual.dark:after {
	content: "";
	position: absolute;
	inset: -0.3rem;
	border-radius: 50%;
	border: .2rem solid rgb(var(--text-color))
}

.has-product-filters .item-list .color-type .color-visual {
	position: relative;
	width: 1.8rem;
	height: 1.8rem;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	z-index: 20;
	margin-right: 1rem;
	border-radius: 50%;
	background: var(--swatch-background);
	background-position: var(--swatch-focal-point, center)
}

.has-product-filters .item-list .color-type .color-visual.light {
	border: .1rem solid #dedede
}

.has-product-filters .item-list .color-type .color-visual:before {
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50%;
	position: absolute;
	display: block;
	inset: 0;
	z-index: 5;
	content: ""
}

.has-product-filters .item-list .color-type .filter-label {
	flex-grow: 1
}

.has-product-filters .item-list label {
	cursor: pointer
}

.has-product-filters .item-list li[disabled] {
	pointer-events: none;
	color: rgba(var(--text-color), 0.5)
}

.has-product-filters .item-list li[disabled] input {
	border-color: rgba(var(--text-color), 0.5)
}

.has-product-filters .active-filter {
	display: flex;
	gap: .8rem;
	flex-wrap: wrap;
	padding-bottom: 2.4rem;
	border-bottom: 1px solid rgb(var(--text-color), 0.08)
}

@media(max-width: 991px) {
	.has-product-filters .active-filter {
		display: none
	}
}

.has-product-filters .active-filter * {
	font-family: var(--subheading-font-family);
	font-size: 1.2rem;
	font-weight: 700;
	border: none;
	text-transform: uppercase
}

.has-product-filters .active-filter:empty {
	display: none
}

.has-product-filters .active-filter-item:not(.form-footer-button) {
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 1rem;
	color: rgb(var(--text-color));
	padding: 0 .8rem;
	background-color: rgb(var(--heading-color), 0.04);
	line-height: normal;
	height: 2.1rem;
	border-radius: .4rem
}

.has-product-filters .active-filter-item:not(.form-footer-button)[data-reset=all] {
	padding: 0;
	color: rgb(var(--subheading-color));
	border: 0;
	text-transform: inherit;
	background-color: rgba(0, 0, 0, 0);
	text-decoration-color: rgb(var(--subheading-color));
	font-family: var(--body-font-family);
	font-weight: 500
}

.has-product-filters .active-filter-item:not(.form-footer-button) svg {
	width: .6rem;
	height: .6rem
}

@media(hover: hover) {
	.has-product-filters .active-filter-item:not(.form-footer-button):not([data-reset=all]):hover {
		background-color: rgb(var(--text-color));
		color: rgb(var(--background-color))
	}

	.has-product-filters .active-filter-item:not(.form-footer-button):not([data-reset=all]):hover svg {
		color: currentColor
	}
}

.has-product-filters .range-slider {
	padding: 0 0 1.6rem
}

.has-product-filters .range-slider .noUi-target {
	background-color: #ddd
}

.has-product-filters .range-slider .noUi-horizontal {
	height: .6rem
}

.has-product-filters .range-slider .noUi-connect,
.has-product-filters .range-slider .noUi-handle {
	background-color: rgb(var(--text-color));
	border-radius: .6rem
}

.has-product-filters .range-slider .price-slider {
	width: 96%;
	left: 2.3%;
	padding: 0;
	border-radius: .6rem;
	margin-bottom: 1.6rem
}

.has-product-filters .range-slider .price-input {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: .8rem
}

.has-product-filters .range-slider .separator {
	margin: 0 2rem;
	display: none
}

.has-product-filters .range-slider .price-from,
.has-product-filters .range-slider .price-to {
	display: inline-block;
	position: relative;
	font-weight: 400;
	font-size: 1.6rem;
	width: 14.2rem
}

.has-product-filters .range-slider .price-from:focus-within .price-currency,
.has-product-filters .range-slider .price-to:focus-within .price-currency {
	border-right-color: rgba(18, 18, 18, .55)
}

.has-product-filters .range-slider .price-from .price-currency,
.has-product-filters .range-slider .price-to .price-currency {
	background: rgb(var(--text-color));
	pointer-events: none;
	position: absolute;
	left: 1.8rem;
	top: 1.6rem;
	bottom: 0;
	font-size: 1.2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2rem;
	height: 2rem;
	opacity: .5;
	color: rgb(var(--background-color));
	border-radius: 50%
}

.has-product-filters .range-slider .price-from input,
.has-product-filters .range-slider .price-to input {
	border-radius: .8rem;
	padding-left: 3rem;
	width: 100%;
	padding-right: 1.5rem;
	background-color: rgb(var(--heading-color), 0.04);
	box-shadow: none;
	font-weight: 500;
	height: 5.2rem;
	color: currentColor;
	text-align: right
}

.has-product-filters .range-slider .price-from input:focus,
.has-product-filters .range-slider .price-to input:focus {
	outline: .2rem solid rgba(var(--text-color), 0.5);
	outline-offset: .1rem;
	box-shadow: 0 0 0 .2rem #fff, 0 0 .5rem .4rem rgba(var(--text-color), 0.15)
}

.has-product-filters .range-slider .price-from input::-webkit-input-placeholder,
.has-product-filters .range-slider .price-to input::-webkit-input-placeholder {
	opacity: .5
}

.has-product-filters .range-slider .price-from input:-moz-placeholder,
.has-product-filters .range-slider .price-to input:-moz-placeholder {
	opacity: .5
}

.has-product-filters .range-slider .price-from input::-moz-placeholder,
.has-product-filters .range-slider .price-to input::-moz-placeholder {
	opacity: .5
}

.has-product-filters .range-slider .price-from input:-ms-input-placeholder,
.has-product-filters .range-slider .price-to input:-ms-input-placeholder {
	opacity: .5
}

.has-product-filters .filter-sorting-label {
	margin-right: 1.6rem
}

.has-product-filters .filter-sorting {
	color: rgb(var(--text-color));
	padding: 1.4rem 1.6rem 1.4rem 2rem;
	border-radius: .8rem;
	border: none;
	background-position: right 1.6rem top 50%;
	height: 5.2rem;
	box-shadow: none;
	font-size: 1.6rem;
	font-weight: 500;
	text-transform: capitalize;
	background-color: rgb(var(--heading-color), 0.04);
	cursor: pointer;
	width: 100%;
	min-width: auto
}

.has-product-filters .filter-sorting:focus-visible {
	outline: .2rem solid rgba(var(--text-color), 0.5);
	outline-offset: .1rem;
	box-shadow: 0 0 0 .2rem #fff, 0 0 .5rem .4rem rgba(var(--text-color), 0.15)
}

.has-product-filters .filter-sorting option {
	border: 0
}

@media(max-width: 991px) {
	.has-product-filters .filter-form-wrapper {
		display: none
	}
}

.has-product-filters .details-content {
	text-transform: none;
	padding: 0 0 1.6rem
}

.has-product-filters .details-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 500
}

.has-product-filters .details-header .item-reset {
	margin-left: 1rem
}

.has-product-filters .details-header .item-helptext {
	flex: 0 0 100%;
	font-size: 85%;
	color: rgba(var(--text-color), 0.8)
}

.has-product-filters .results-count {
	font-size: 1.6rem;
	font-weight: 500;
	text-transform: capitalize;
	color: rgba(var(--text-color), 1)
}

@media(max-width: 991px) {
	.has-product-filters .results-count {
		display: none
	}
}

.has-product-filters .results-count .from-count {
	color: rgb(var(--text-color))
}

.has-product-filters.filters-top .filter-form-wrapper {
	position: relative;
	z-index: 15;
	margin-bottom: 4rem
}

.has-product-filters.filters-top details:after {
	content: none
}

.has-product-filters.filters-top details[open] .details-summary .details-icon {
	transform: rotateX(180deg)
}

.has-product-filters.filters-top .filter-form {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 12px;
	font-weight: 600
}

.has-product-filters.filters-top .filter-form+.active-filter {
	margin-top: 1.2rem
}

.has-product-filters.filters-top .filter-form .filter-wrapper {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	flex-grow: 1;
	text-transform: uppercase
}

.has-product-filters.filters-top .filter-form .filter-sorting {
	order: 3
}

.has-product-filters.filters-top .filter-form .results-count {
	margin-right: 2.4rem;
	order: 2
}

@media(min-width: 992px) {
	.has-product-filters.filters-top .filter-item {
		position: relative
	}
}

.has-product-filters.filters-top .details-summary {
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: rgb(var(--text-color));
	background-color: rgb(var(--background-color));
	height: 44px;
	padding: 0 16px;
	box-shadow: 0 0 0 .1rem rgba(var(--text-color), 0.1)
}

.has-product-filters.filters-top .details-summary .details-icon {
	line-height: 1;
	transition: transform .3s ease;
	margin-left: .8rem
}

.has-product-filters.filters-top .details-summary .details-icon svg {
	width: 12px
}

.has-product-filters.filters-top .details-summary .filter-title {
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 2.1rem;
	letter-spacing: 1.2px;
	white-space: nowrap
}

.has-product-filters.filters-top .details-content {
	position: absolute;
	top: calc(100% + .5rem);
	background-color: rgb(var(--background-color));
	box-shadow: 0px 8px 12px 0px rgba(38, 35, 35, .1);
	width: max-content;
	min-width: 18rem;
	z-index: 5
}

.has-product-filters.filters-sidebar details[open]:after {
	background-color: rgba(0, 0, 0, 0)
}

@media(hover: hover) {
	.has-product-filters.filters-sidebar details:hover:after {
		width: 0
	}
}

.has-product-filters.filters-sidebar .filter-item {
	background-color: rgb(var(--background-color));
	border-bottom: 1px solid rgb(var(--text-color), 0.08)
}

.has-product-filters.filters-sidebar .filter-item:last-child {
	border-bottom: none
}

.has-product-filters.filters-sidebar .filter-item:last-child:after {
	display: none
}

@media(min-width: 1023px) {
	.has-product-filters.filters-sidebar .content {
		display: flex;
		flex-wrap: wrap
	}

	.has-product-filters.filters-sidebar.filters-right .layer-first {
		order: 10
	}
}

@media(min-width: 1024px)and (max-width: 1200px) {
	.has-product-filters.filters-sidebar .content {
		display: flex;
		flex-wrap: wrap;
		gap: 1.2rem 2rem
	}

	.has-product-filters.filters-sidebar .content.has-collection-list {
		gap: 1.2rem 2rem
	}

	.has-product-filters.filters-sidebar .layer-first {
		flex-shrink: 0;
		width: 31.7rem
	}
}

.has-product-filters.filters-sidebar .layer-first {
	height: fit-content;
	padding: 0
}

@media(min-width: 992px) {
	.has-product-filters.filters-sidebar .layer-first {
		padding: 0
	}
}

@media(max-width: 991px) {
	.has-product-filters.filters-sidebar .layer-first {
		/* position: fixed; */
		width: 100%;
		left: 0;
		bottom: 0;
		z-index: 9;
		padding: 0 2.4rem 4.5rem 2.4rem;
		/* background: #eaeaea */
	}
}

@media(max-width: 991px) {
	.has-product-filters.filters-sidebar .filter-sorting {
		display: none
	}
}

.has-product-filters.filters-sidebar .layer-last-header {
	border-radius: .8rem;
	white-space: nowrap
}

@media(max-width: 991px) {
	.has-product-filters.filters-sidebar .layer-last-header {
		display: none
	}
}

.has-product-filters.filters-sidebar .layer-last-header:empty {
	display: none
}

.has-product-filters.filters-sidebar .layer-last-header.filter-sorting-only {
	flex-direction: row-reverse
}

.has-product-filters.filters-sidebar .layer-last-header.filter-sorting-only .active-filter {
	flex: auto;
	max-width: 70%;
	flex-wrap: wrap
}

.has-product-filters.filters-sidebar .layer-last-header .active-filter {
	flex: 0 0 100%
}

.has-product-filters.filters-sidebar .filter-item[open] .details-icon svg:first-child {
	display: none
}

.has-product-filters.filters-sidebar .filter-item[open] .details-icon svg:last-child {
	display: block
}

.has-product-filters.filters-sidebar .filter-item[open] .details-summary {
	border-color: rgba(0, 0, 0, 0)
}

.has-product-filters.filters-sidebar .filter-item:first-child .details-summary {
	padding-top: 2.4rem
}

.has-product-filters.filters-sidebar .details-summary {
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	padding: 2.4rem 0 1.6rem 0
}

.has-product-filters.filters-sidebar .details-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: auto;
	border-radius: 5rem;
	flex-shrink: 0
}

.has-product-filters.filters-sidebar .details-icon svg {
	width: 1.2rem;
	transform: rotate(180deg)
}

.has-product-filters.filters-sidebar .filter-title {
	padding-top: 0;
	font-size: 1.2rem;
	font-weight: 700;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	color: rgb(var(--text-color));
	font-family: var(--subheading-font-family)
}

.has-product-filters.filters-none .layer-last-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 3rem
}

@media(min-width: 992px) {
	.has-product-filters.filters-none .layer-last-header.filter-sorting-only {
		flex-direction: row-reverse
	}
}

@media(max-width: 991px) {
	.has-product-filters .layer-last-header .filter-sorting {
		display: none
	}
}

[data-filtering] .has-product-filters .products,
[data-filtering] .has-product-filters .pagination {
	opacity: .5;
	pointer-events: none
}

.has-product-filters .infinite-loading {
	height: 4rem;
	position: relative;
	margin-top: var(--column-gap)
}

.has-product-filters .infinite-loading:before {
	content: "";
	z-index: 5;
	position: absolute;
	border: .5rem solid #000;
	border-top-color: rgba(0, 0, 0, 0);
	border-radius: 50%;
	height: 4rem;
	width: 4rem;
	top: 50%;
	left: 50%;
	animation: circle-loading 500ms infinite linear
}

.has-product-filters .mobile-filter {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 1.2rem;
	margin: 0
}

@media(min-width: 992px) {
	.has-product-filters .mobile-filter {
		display: none
	}
}

.has-product-filters .mobile-filter.is-open {
	position: relative;
	z-index: 1000
}

.has-product-filters .mobile-filter.is-open .mobile-filter-modal {
	visibility: visible;
	opacity: 1
}

.has-product-filters .mobile-filter.is-open .mobile-filter-modal .mobile-filter-form {
	visibility: visible;
	opacity: 1;
	transform: translateY(0)
}

.has-product-filters .mobile-filter:not(.transform) .mobile-filter-modal .form-header .back-button {
	display: none
}

.has-product-filters .mobile-filter.transform .mobile-filter-modal .form-header .close-button {
	display: none
}

.has-product-filters .mobile-filter.transform .mobile-filter-modal .form-content .form-content-inner {
	transform: translateX(-100%)
}

@media(min-width: 992px) {

	.has-product-filters .mobile-filter .range-slider .price-from,
	.has-product-filters .mobile-filter .range-slider .price-to {
		width: 48%;
		max-width: 20rem
	}

	.has-product-filters .mobile-filter .range-slider .price-from input,
	.has-product-filters .mobile-filter .range-slider .price-to input {
		width: 100%
	}
}

.has-product-filters .mobile-filter .filter-sort {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.4rem;
	padding: 1.2rem;
	width: 100%;
	font-family: "Airif" !important;
	letter-spacing: 1.1px;
}

.has-product-filters .mobile-filter .filter-sort svg {
	margin-right: 1.1rem
}

.has-product-filters .mobile-filter .mobile-active-filter {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
	padding: 2.4rem;
	border-bottom: .1rem dashed;
	border-color: var(--subheading-color);
	{% comment %}background: #eaeaea{% endcomment %}
}

.has-product-filters .mobile-filter .mobile-active-filter a {
	font-size: 1.2rem;
	line-height: 1;
	font-family: var(--subheading-font-family)
}

.has-product-filters .mobile-filter .mobile-active-filter:empty {
	display: none
}

.has-product-filters .mobile-filter .mobile-filter-modal {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 200;
	opacity: 0;
	visibility: hidden;
	background-color: rgba(var(--overlay-color), 0.4);
	transition: visibility .2s ease, opacity .2s ease
}

.has-product-filters .mobile-filter .mobile-filter-modal .mobile-filter-form {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: auto;
	background-color: rgb(var(--background-color));
	transform: translateY(100%);
	opacity: 0;
	visibility: hidden;
	transition: visibility .2s ease, opacity .2s ease, transform .3s ease;
	display: flex;
	flex-direction: column
}

.has-product-filters .mobile-filter .mobile-filter-modal .mobile-filter-form .item-list,
.has-product-filters .mobile-filter .mobile-filter-modal .mobile-filter-form .range-slider {
	margin-top: .6rem;
	padding: 0;
	margin-bottom: 1.2rem
}

.has-product-filters .mobile-filter .mobile-filter-modal .form-header {
	padding: 2rem;
	padding-bottom: 0;
	display: flex;
	justify-content: center;
	position: relative
}

.has-product-filters .mobile-filter .mobile-filter-modal .form-header .close-button,
.has-product-filters .mobile-filter .mobile-filter-modal .form-header .back-button {
	position: absolute;
	left: auto;
	right: 1.5rem;
	top: 50%;
	transform: translateY(-50%);
	width: 3.2rem;
	height: 3.2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	color: rgb(var(--text-color));
	border-radius: 50%;
	border: .2rem solid rgb(var(--text-color));
	background-color: rgba(0, 0, 0, 0);
	cursor: pointer;
	padding: 0
}

.has-product-filters .mobile-filter .mobile-filter-modal .form-header .close-button svg,
.has-product-filters .mobile-filter .mobile-filter-modal .form-header .back-button svg {
	width: 1.1rem;
	height: 1.1rem
}

.has-product-filters .mobile-filter .mobile-filter-modal .form-header .close-button svg {
	width: 1.1rem;
	height: 1.1rem
}

.has-product-filters .mobile-filter .mobile-filter-modal .form-header .back-button svg {
	width: 2.2rem;
	height: 2.2rem
}

.has-product-filters .mobile-filter .mobile-filter-modal .form-header .heading {
	font-weight: 700;
	font-size: 1.8rem;
	color: rgb(var(--heading-color));
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column
}

.has-product-filters .mobile-filter .mobile-filter-modal .form-header .heading:empty {
	display: none
}

.has-product-filters .mobile-filter .mobile-filter-modal .form-header .heading .item-helptext {
	font-weight: normal;
	font-size: 80%
}

.has-product-filters .mobile-filter .mobile-filter-modal .form-content {
	flex-grow: 1;
	position: relative;
	overflow-x: hidden;
	overflow-y: auto
}

.has-product-filters .mobile-filter .mobile-filter-modal .form-content .form-content-inner {
	padding: 2rem;
	transition: transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	transform: translateX(0);
	height: 100%
}

.has-product-filters .mobile-filter .mobile-filter-modal .form-content .filter-item {
	border-bottom: 1px solid rgb(var(--text-color), 0.02);
	color: rgb(var(--text-color))
}

.has-product-filters .mobile-filter .mobile-filter-modal .form-content .filter-item.active .filter-content {
	display: block
}

.has-product-filters .mobile-filter .mobile-filter-modal .form-content .filter-item.active .filter-heading svg {
	transform: rotate(270deg)
}

.has-product-filters .mobile-filter .mobile-filter-modal .form-content .filter-item .item-list li {
	display: flex;
	align-items: center;
	margin-bottom: 1.2rem;
	margin-left: .1rem
}

.has-product-filters .mobile-filter .mobile-filter-modal .form-content .filter-item .item-list li.radio-item label {
	align-items: center;
	justify-content: flex-start
}

.has-product-filters .mobile-filter .mobile-filter-modal .form-content .filter-item .item-list input:checked~label {
	color: rgb(var(--text-color));
	font-weight: 500
}

.has-product-filters .mobile-filter .mobile-filter-modal .form-content .filter-item .item-list label {
	flex-grow: 1;
	display: flex;
	justify-content: flex-start;
	padding: 0
}

.has-product-filters .mobile-filter .mobile-filter-modal .form-content .filter-heading {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1.5rem 0;
	position: relative
}

.has-product-filters .mobile-filter .mobile-filter-modal .form-content .filter-heading svg {
	transform: rotate(90deg)
}

.has-product-filters .mobile-filter .mobile-filter-modal .form-content .filter-heading .heading-text {
	pointer-events: none
}

.has-product-filters .mobile-filter .mobile-filter-modal .form-content .filter-content {
	position: relative;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	transform: none;
	transition: transform .2s ease;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: rgb(var(--background-color));
	padding: .1rem;
	display: none
}

.has-product-filters .mobile-filter .mobile-filter-modal .form-footer {
	padding: 2.4rem;
	text-align: center;
	display: flex;
	justify-content: center;
   {% comment %} background: #eaeaea {% endcomment %}
}

.has-product-filters .mobile-filter .mobile-filter-modal .form-footer .button {
	line-height: 1.2;
	padding: 1rem 4rem;
	width: 100%;
	max-width: 100%;
	justify-content: center
}

@media(min-width: 769px) {
	.has-product-filters .mobile-filter .mobile-filter-modal .form-footer .button {
		max-width: 20rem
	}
}

.has-product-filters .mobile-filter .mobile-filter-modal .form-footer .button+.button {
	margin-left: 0rem;
	font-family: Airif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    color: black;
}

.has-product-filters .mobile-filter .mobile-filter-modal .form-footer .active-filter-item {
	display: none

}

.has-product-filters .pagination {
	margin-top: 8rem
}

.has-product-filters .pagination a {
	text-decoration: none
}

.has-product-filters .empty-filter-content {
	min-height: 40rem;
	display: flex;
	justify-content: center;
	align-items: center
}

.has-product-filters .empty-filter-content .empty-title {
	margin: 0
}

@media(max-width: 991px) {
	.has-product-filters .products .active-filter {
		display: none
	}

	.has-product-filters .content .title {
		margin-bottom: 0
	}

	.has-product-filters .content .description {
		margin-bottom: 2.4rem
	}

	.has-product-filters .product-card {
		margin-bottom: 3rem
	}

	.has-product-filters .item-list input[type=checkbox] {
		border-color: rgb(var(--text-color));
		box-shadow: none;
		margin-left: -1px
	}

	.has-product-filters .item-list .color-visual {
		width: 1.8rem;
		height: 1.8rem;
		border: .1rem solid #e0e0e0;
		margin-right: 1rem
	}

	.has-product-filters .item-list .color-visual:before {
		background-size: 60%
	}

	.has-product-filters .item-list .color-visual:after {
		content: none
	}

	.has-product-filters .item-list .color-visual span {
		width: 100%;
		height: 100%;
		display: inline-block;
		border-radius: 50%
	}

	.has-product-filters .range-slider .noUi-connect,
	.has-product-filters .range-slider .noUi-handle {
		background-color: rgb(var(--text-color))
	}

	.has-product-filters .range-slider .price-from input,
	.has-product-filters .range-slider .price-to input {
		box-shadow: 0 0 0 .1rem rgb(var(--text-color))
	}

	.has-product-filters .range-slider .price-from input:focus,
	.has-product-filters .range-slider .price-to input:focus {
		box-shadow: 0 0 0 .2rem rgb(var(--text-color))
	}
}