.clerk-omnisearch-overlay {
  position: fixed;
  inset: 0;
  z-index: 999999999999;
  display: none;
  background: var(--overlay, rgba(31, 40, 45, .3));
}
.clerk-omnisearch-overlay.clerk-omnisearch-visible { display: block; }
html.clerk-omnisearch-css-reset-html,
body.clerk-omnisearch-css-reset-body { overflow: hidden; }


:root {
	--background: #fff;
	--text: #000;
	--font-size-headers: 1.25rem;
	--font-size-text: 0.875rem;
	--primary-headline-font: sans-serif;
	--secondary-text-color: #333;
}

:root {
	--overlay: rgba(31, 40, 45, 30%);
 --os-overlay-zindex: 999999999999;
	--std-unit: 1rem;
 --standard-prod-card-width: 330px;

}
.currency-symbol {
 content: "€" !important;
}
:root {
	--primary-text-color: #000;
	--primary-background-color: #000000;
	--primary-background-color-hover: #000000;
	--secondary-background-color: #ffffff;
	--background-grey: #f1f1f1;
	--background-grey-rgb: 241, 241, 241;

 --snack-background: #F8F8F8;
 --snack-border: #EAEAEA;

 --no-results-bg: #38383808;

	--badge-background: #000000;
	--badge-text-color: #ffffff;
	--badge-border-radius: 0px 30px 30px 0;

	--product-card-shadow: 0px 13px 40px 0px rgba(234, 234, 234, 0.5);
	--filter-button-shadow: 0px 10px 15px -3px rgba(109, 109, 109, 0.1);

 --primary-border-radius: 30px;

	--normal-price-color: #333333;
	--onsale-price-color: #333333;
	--old-price-color: #000;

	--primary-font: "Pilat wide", sans-serif;
}

.clerk-omnisearch-overlay *,
.clerk-omnisearch-overlay *::before,
.clerk-omnisearch-overlay *::after {
	box-sizing: border-box;
}

.clerk-omnisearch-overlay * {
	margin: 0;
	color: var(--primary-background-color);
	letter-spacing: unset;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
}
.clerk-omnisearch-overlay,
.os-title {
	min-height: 3rem;
	font-size: .688rem !important;
 text-align: left;
 text-transform: uppercase;
 font-weight: 200;
 padding-top: .625rem !important;
 line-height: 10px !important;

}

.clerk-omnisearch-overlay img,
.clerk-omnisearch-overlay picture,
.clerk-omnisearch-overlay video,
.clerk-omnisearch-overlay canvas,
.clerk-omnisearch-overlay svg {
	display: block;
	max-width: 100%;
}
.clerk-omnisearch-overlay input,
.clerk-omnisearch-overlay button,
.clerk-omnisearch-overlay textarea,
.clerk-omnisearch-overlay select {
	font: inherit;
}
.clerk-omnisearch-overlay p,
.clerk-omnisearch-overlay h1,
.clerk-omnisearch-overlay h2,
.clerk-omnisearch-overlay h3,
.clerk-omnisearch-overlay h4,
.clerk-omnisearch-overlay h5,
.clerk-omnisearch-overlay h6 {
	overflow-wrap: break-word;
}

.clerk-omnisearch-overlay {
 z-index: var(os-overlay-zindex);
}

.os-occult {
	visibility: hidden;
}

.os-icon {
	fill: var(--text);
	display: -ms-grid;
	display: grid;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	padding: 0.25rem;
	gap: 0.5rem;
	cursor: pointer;
}

.os-icon.os-options {
	-ms-grid-columns: auto 1fr;
	grid-template-columns: auto 1fr;
 background-color: var(--background-grey);
 border-radius: var(--primary-border-radius) 0 0 var(--primary-border-radius);
	font-size: 13px;
	font-weight: 600;
	padding: .5rem;
}

.os-icon.os-options > svg {
	height: 2rem;
	width: 2rem;
}

.os-icon.os-facets-close {
	display: none;
}

.os-icon.os-facets-close {
	padding: 0;
	direction: rtl;
}

.os-icon.os-facets-close > svg {
	height: 2rem;
	width: 2rem;
}

.os-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 199999;
	margin: 0;
	padding: 0;
	background-color: var(--overlay);
}

.os-display {
	background-color: var(--secondary-background-color);
	font-family: var(--primary-font);
	height: 100svh;
	display: grid;
	font-size: .688rem;
	grid-template-areas:
 'top-bar'
 'search-content'
 'footer-logo';
	grid-template-rows: auto 1fr auto;
	grid-template-columns: 1fr;
}

.os-close,
.os-input,
.os-submit,
.os-close:focus-visible,
.os-close:focus,
.os-input:focus-visible,
.os-input:focus,
.os-submit:focus-visible,
.os-submit:focus {
	border: none;
	outline: none;
	background-color: inherit;
	box-shadow: none;
}

.clerk-omnisearch-sort,
.clerk-omnisearch-sort:focus-visible,
.clerk-omnisearch-sort:focus {
	border: none;
	outline: none;
	box-shadow: none;
}

.clerk-omnisearch-sort {
	text-align: left;
}

.os-submit {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.os-link {
	color: inherit;
	text-decoration: none;
}

.os-body {
	padding: calc(2 * var(--std-unit));
	display: -ms-grid;
	display: grid;
	-ms-grid-rows: auto 0.25rem auto;
	grid-template-areas:
 'no-exact-match-wrapper no-exact-match-wrapper'
 'os-facets os-results';
	-ms-grid-columns: minmax(0, 18rem) 0.25rem 1fr;
	grid-template-columns: minmax(0, 18rem) 1fr;
	max-height: calc(100svh - 2rem);
	gap: 2rem;
	overflow-y: auto;
	grid-area: search-content;
	transition: scroll 0.3s ease-in;
 align-items: start;
}


.os-topbar {
	display: -ms-grid;
	display: grid;
	grid-template-areas: 'logo form close';
	-ms-grid-columns: minmax(0, 10rem) 0.5rem 1fr 0.5rem minmax(1rem, 2rem);
	grid-template-columns: minmax(0, 10rem) 1fr minmax(1rem, 2rem);
	-webkit-column-gap: 5rem;
	-moz-column-gap: 5rem;
	column-gap: 5rem;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: calc(2 * var(--std-unit));
	grid-area: top-bar;
	background-color: transparent;
}

.os-topbar img {
	-ms-grid-row: 1;
	-ms-grid-row-span: 2;
	-ms-grid-column: 1;
	grid-area: logo;
	height: 3rem;
	-o-object-fit: contain;
	object-fit: contain;
}

.os-topbar img[src=''] {
	display: none;
}

.os-topbar img {
	-ms-grid-row: 1;
	-ms-grid-row-span: 1;
	-ms-grid-column: 1;
}

.os-topbar button {
	cursor: pointer;
}

@media screen and (max-width: 900px) {
	.os-topbar {
 column-gap: 0.5rem;
 padding: var(--std-unit);
 grid-template-areas: 'logo form close';
 grid-template-columns: minmax(0, 6rem) 1fr minmax(1rem, 2rem);
	}

 .os-list.os-categories .os-link {
 display: inline-flex;
 width: fit-content;
 justify-content: center;
 border: 1px solid var(--primary-background-color-hover);
 border-radius: var(--primary-border-radius);
 margin: .2rem .1rem;
 }

 .os-list.os-pages .os-link {
 margin-bottom: .5rem;
 font-size: .688rem;
 }
}

@media screen and (max-width: 767px) {
	.os-topbar {
 column-gap: 0.5rem;
 padding: var(--std-unit);
 grid-template-areas: 'form form close';
 grid-template-columns: minmax(0, 6rem) 1fr minmax(1rem, 2rem);
	}
}


.os-form {
	-ms-grid-row: 1;
	-ms-grid-row-span: 2;
	-ms-grid-column: 3;
	grid-area: form;
	display: -ms-grid;
	display: grid;
	grid-template-areas: 'search-icon input-field clear-icon';
	-ms-grid-columns: minmax(1rem, 2rem) 1fr minmax(0, 2rem);
	grid-template-columns: minmax(1rem, 2rem) 1fr minmax(0, 2rem);
	border: 1px solid #eaeaea;
	background-color: var(--secondary-background-color);
	border-radius: 20rem;
	align-items: center;
	padding: 0.25rem;
}

.os-form {
	-ms-grid-row: 2;
	-ms-grid-row-span: 1;
	-ms-grid-column: 1;
	-ms-grid-column-span: 3;
}


.os-clear {
	width: 1.5rem;
	height: 1.5rem;
	justify-content: center;
	align-items: center;
}

.os-close {
	-ms-grid-row: 1;
	-ms-grid-row-span: 2;
	-ms-grid-column: 5;
	grid-area: close;
	padding: 0;
	margin: 0;
}

.os-close > svg {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 900px) {
	.os-close {
 -ms-grid-row: 1;
 -ms-grid-row-span: 1;
 -ms-grid-column: 3;
	}
}

.os-tabs {
	display: none;
	grid-area: os-tabs;
	grid-template-columns: repeat(auto-fit, minmax(calc(100svw / 4), 1fr));
}

.os-tab {
	cursor: pointer;
	text-align: center;
}

.os-tab::after {
	content: ' ';
	height: 4px;
	display: block;
	background-color: var(--background-grey);
}

.os-tab.clerk-active::after {
	background-color: var(--primary-text-color);
 border-radius: var(--primary-border-radius);
}

.os-icon.os-scrolltop {
	background-color: var(--background-grey);
	border-radius: 50%;
	position: sticky;
	top: 90%;
	align-self: self-end;
	padding: 0.7rem;
	border: unset;
}

.os-flex-wrapper {
	-ms-grid-row: 1;
	-ms-grid-row-span: 5;
	-ms-grid-column: 3;
	grid-area: os-flex-wrapper;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}


.os-products-top {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	display: -ms-grid;
	display: grid;
	grid-area: products-top-bar;
	grid-template-areas:
 'no-exact-match no-exact-match'
 'no-results no-results'
 'facets-snackbar facets-snackbar'
 'products-count products-sort';
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-self: center;
	width: 100%;
	column-gap: 1rem;
}

@media only screen and (max-width: 1200px) {
	.os-products-top {
 width: 100%;
	}
}
@media only screen and (max-width: 900px) {
	.os-products-top {
 -ms-grid-row: 1;
 -ms-grid-column: 1;
 width: 100%;
	}
}

.os-products-count {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: products-count;
	font-size: 13px;
	display: flex;
	gap: 0.25rem;
}

@media only screen and (max-width: 1000px) {
	.os-products-count {
 flex-direction: row;
 align-items: center;
 gap: .5rem;
	}
}

.os-no-exact-match-wrapper {
 grid-area: no-exact-match-wrapper;
}

.os-no-exact-match {
	grid-area: no-exact-match;
	display: flex;
	justify-content: center;
	background: #fbfbfb;
	padding: 1.5rem;
 text-align: center;
}

.zero-exact-matches-for {
 font-weight: bold;
 font-style: italic;
}

.zero-exact-matches-for-query {
 font-weight: normal;
 font-style: italic;
}

.os-no-results-wrapper {
 background: var(--no-results-bg);
 display: flex;
 flex-direction: column;
 justify-content: center;
 grid-area: no-exact-match;
 align-items: center;
 padding: 1rem;
 margin: 1rem 0;

}

.no-results {
 font-family: var(--primary-headline-font);
 font-size: var(--font-size-headers);
 font-weight: 700;
}

.no_result_list {
 padding: var(--std-unit);
}

.no_result_list > li {
 font-size: var(--font-size-text);
 font-weight: 400;
}



.os-products-sort {
	-ms-grid-row: 1;
	-ms-grid-column: 2;
	grid-area: products-sort;
	display: flex;
	justify-content: flex-end;
	white-space: nowrap;
	font-size: 13px;
	flex-direction: row;
	align-items: center;
	gap: 0.5rem;

}

.os-products-sort > select {
	display: inline-block;
	height: 3rem;
	font-size: .688rem;
	font-weight: 400;
	font-family: var(--primary-font);
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	margin-bottom: 0;
	text-transform: none;
 background: none;
}

.os-sort {
	cursor: pointer;
}

@media only screen and (max-width: 1000px) {
	.os-products-sort {
 flex-direction: row;
 justify-content: center;
 gap: 0.5rem;
	}
}

.os-facets-toggle {
	display: none;
}

.os-facets-toggle {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
	grid-area: facets-toggle;
}

@media only screen and (max-width: 900px) {
	.os-facets-toggle {
 display: initial;
 position: fixed;
 bottom: 1rem;
 left: 50%;
 transform: translateX(-50%);
 border-radius: 0 var(--primary-border-radius) var(--primary-border-radius) 0;
 z-index: 19999;
 display: flex;
	}
}


.os-facets-snackbar {
	-ms-grid-row: 3;
	-ms-grid-column: 2;
	grid-area: facets-snackbar;
	display: flex;
	flex-wrap: wrap;
}

.os-snack {
	background-color: var(--snack-background);
	border: 1px solid var(--snack-border);
	padding: 0px 8px;
	font-size: 14px;
	border-radius: var(--primary-border-radius);
	margin: 0.25rem;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.os-clear-snack {
	height: 1rem;
	width: 1rem;
	padding: 4px;
	margin-left: 4px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	flex-shrink: 0;
}

.os-snack.clerk-omnisearch-facet-reset:first-child {
	margin-left: 0;
}
.os-facets-clear {
	font-weight: 600;
	cursor: pointer;
	text-decoration: underline;
	font-size: 14px;
	margin: 8px;
}

@media only screen and (max-width: 767px) {
 .os-facets-snackbar {
 display: none;
 }
}


.os-results {
	-ms-grid-row: 3;
	-ms-grid-column: 3;
	grid-area: os-results;
	display: -ms-grid;
	display: grid;
	grid-template-areas:
 'products-top-bar os-flex-wrapper'
 'products-result os-flex-wrapper'
 'products-result os-flex-wrapper'
 'products-load-more footer-logo';
	-ms-grid-columns: 1fr 0.25rem minmax(0, 12rem);
	grid-template-columns: 1fr minmax(0, 12rem);
	-ms-grid-rows: auto 0.25rem 1fr;
	grid-template-rows: auto 1fr;
	gap: 0.25rem;
	column-gap: 2rem;
}

.os-grid {
	display: -ms-grid;
	display: grid;
	gap: 2px;
}

.os-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 0.5rem;
}

.os-grid.os-products {
	-ms-grid-row: 3;
	-ms-grid-row-span: 3;
	-ms-grid-column: 1;
	grid-template-columns: repeat(auto-fill, minmax(var(--standard-prod-card-width), 1fr));
	grid-area: products-result;
	justify-self: center;
	width: 100%;
	height: fit-content;
}

.os-button.os-products {
	-ms-grid-row: 7;
	-ms-grid-column: 1;
	grid-area: products-load-more;
	display: -ms-grid;
	display: grid;
	background-color: var(--secondary-background-color);
	border: 1px solid var(--secondary-background-color);
	text-align: center;
	padding: 1rem;
	margin: 1rem;
	cursor: pointer;
	user-select: none;
	justify-self: center;
	font-weight: 600;
	max-width: fit-content;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

.os-button.os-products:hover {
	box-shadow: var(--product-card-shadow);
	-webkit-box-shadow: var(--product-card-shadow);
	-moz-box-shadow: var(--product-card-shadow);
	-o-box-shadow: var(--product-card-shadow);
}

.os-list.os-categories {
	grid-area: categories-result;
}

.os-list.os-pages {
	grid-area: pages-result;
}

.os-list.os-pages .os-title,
.os-list.os-categories .os-title {
	font-weight: bold;
	font-size: .688rem !important;
	letter-spacing: 1px;
	text-transform: capitalize;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: left;
	border-bottom: 1px solid var(--background-grey);
}

.os-list.os-categories .os-list-item,
.os-list.os-pages .os-list-item {
	background-color: unset;
	border: unset;
	text-decoration: none;
}

.os-list.os-categories .os-list-item:hover,
.os-list.os-pages .os-list-item:hover {
	text-decoration: underline;
}

.os-list-item {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	border: 1px solid #eaeaea;
	border-radius: 20rem;
	background-color: var(--secondary-background-color);
	padding: 4px 8px;
	font-size: 14px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

.os-grid-item {
	display: -ms-grid;
	display: grid;
}
.os-results .os-prod-title {
	min-height: 5.5rem !important;
}

.os-grid-item.os-grid-product {
	grid-template-areas:
 'os-product-img'
 'os-product-title'
 'os-product-pricing';
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

.os-grid-item.os-grid-product:hover {
 box-shadow: var(--product-card-shadow);
}


.os-grid-product .os-img-wrapper {
	grid-row: 1;
	-ms-grid-row: 1;
	grid-column: 1;
	-ms-grid-column: 1;
	grid-area: os-product-img;
	position: relative;
}

.os-grid-product .os-img-wrapper:before {
	content: '';
	display: block;
	padding-bottom: 100%;
}

.os-grid-product .os-img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: contain;
	left: 0;
	bottom: 0;
	margin: auto;
}


.os-product-info {
 padding: 1.5rem;
 display: flex;
 flex-direction: column;
 gap: .25rem;
 text-align: center
}

.os-grid .os-grid-product .os-title {
	grid-row: 2;
	-ms-grid-row: 2;
	grid-column: 1;
	-ms-grid-column: 1;
	color: var(--primary-text-color);
	font-weight: 500;
	text-align: center;
	grid-area: os-product-title;
	display: -webkit-box;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
 padding:10px 1.25rem .313rem !important;
}

.os-grid-product .os-badge {
	font-size: 0.9rem;
	position: absolute;
	display: flex;
	justify-content: center;

 text-align: center
	background-color: #8C8C8C;
 color: #fff;
 font-weight: 400;
 padding: 2px 10px;

}

.os-grid-product .os-pricing {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	grid-row: 3;
	-ms-grid-row: 3;
	grid-column: 1;
	-ms-grid-column: 1;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: center;
	align-items: center;
	grid-area: os-product-pricing;

	gap: 0.5rem;
	align-items: flex-end;
}

.os-grid-product .os-pricing > * {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	white-space: nowrap;

}

.os-price {
	color: var(--primary-text-color);
	font-size: 15px;
	font-weight: 400;
}

.os-list-price {
	color: var(--old-price-color);
	text-decoration: line-through;
	font-size: 14px;
	font-weight: 500;
}


.os-facets {
	grid-row: 3;
	-ms-grid-row: 3;
	grid-column: 1;
	-ms-grid-column: 1;
	grid-area: os-facets;
	background: var(--secondary-background-color);
}

.os-facets-top-wrapper {
	position: sticky;
}

.clerk-facet-clear {
	position: absolute;
	top: 50%;
	right: 50px;
	width: 30px;
	height: 30px;
	text-transform: lowercase;
	text-align: center;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 0;
	cursor: pointer;
}

.clerk-facet {
	clear: both;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 1.5rem;
	padding-right: 4px;
}

.clerk-facet.hidden {
	display: none;
}

.clerk-facet-name {
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	display: flex;
	flex-direction: row-reverse;
	width: 100%;
	text-align: left;
	line-height: 1;
	font-size: .688rem;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	cursor: pointer;
	justify-content: space-between;
	align-items: center;
	padding: 0 4px;
}

.clerk-facet-name-flex {
	display: flex;
	flex-direction: row;
	max-width: 90%;
	width: 100%;
	align-items: center;
	gap: 0.475rem;
	justify-content: space-between;
}

.clerk-facet-name-label {
	font-family: var(--primary-font);
	display: block;
	margin: 0;
	font-size: .688rem;
	font-weight: 200;
	line-height: 2;
	color: #000;
}

.clerk-facet-name:after {
	position: relative;
	display: inline-block;
	content: '';
	width: .688rem;
	height: .688rem;
	border: 2px solid var(--secondary-background-color);
	border-radius: 3px;
	-webkit-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	outline: 1px solid var(--primary-background-color);
}

.clerk-facet:hover .clerk-facet-name:after {
	background-color: var(--primary-background-color-hover);
	outline-color: var(--primary-background-color-hover);
	opacity: 0.7;
}

.clerk-facet-selected .clerk-facet-name:after {
	background-color: var(--primary-background-color);
	outline-color: var(--primary-background-color);
}

.clerk-facet-selected {
	font-weight: bold;
}

.clerk-facet-name-count {
	font-family: var(--primary-font);
	font-size: 0.8125rem;
	font-weight: 400;
	line-height: 2.4;
	color: #000;
}

.facet_wrap {
	max-height: 17rem;
	overflow: hidden;
 transition: height 0.3s ease;
}

.clerk-facet-show-more-wrapper {
	display: flex;
	justify-content: center;
 padding-top: 2px
}

.clerk-facet-show-more {
	font-size: 0.688rem;
	color: var(--secondary-text-color);
	cursor: pointer;
 padding-top: 2px

}

.clerk-facet-show-more:hover {
 text-decoration: underline;
}

.clerk-facet-group-facets:not(.clerk-active),
.clerk-facet-show-more-wrapper:not(.clerk-active) {
 display: none;
}

.os-facet-range {
	position: relative !important;
	width: -webkit-fill-available !important;
	width: -moz-available !important;
	width: -ms-fill-available !important;
	width: -o-fill-available !important;
	height: 2em !important;
	padding-top: 1.5em !important;
	margin: 1em 1em 0.5em 1em !important;
	display: none;
}

.os-facet-range-selected-range {
	background-color: #333 !important;
}

.os-facet-range-label-right {
	right: 1em !important;
}

.os-facet-range-label-left {
	right: 0 !important;
}

.os-facet-range-dot-left {
	margin-top: 2px;
	width: 1em !important;
	height: 1em !important;
}

.os-facet-range-dot-right {
	margin-top: 2px;
	width: 1em !important;
	height: 1em !important;
}

.os-facet-range-label-left,
.os-facet-range-label-right {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

input[type='text'].clerk-facet-search {
	margin: 0.5rem 0;
	height: 32px;
	background-repeat: no-repeat;
	background-size: 12px auto;
	background-position: calc(100% - 17px) 50%;
	padding: 0.625rem 0.875rem;
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 90%;
	border: 1px solid #004236;
	border-radius: 0;
	background-color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-family: var(--primary-font);
	font-size: 0.9375rem;
	font-weight: 400;
	color: #004236;
	-webkit-transition: border-color 0.25s ease-in-out;
	transition: border-color 0.25s ease-in-out;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.os-facet-search-input:focus,
.os-facet-search-input:focus-within,
.os-facet-search-input:focus-visible,
.os-facet-search-input {
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
}

.os-facet-group {
	display: -ms-grid;
	display: grid;
	grid-template-areas:
 'facet-title'
 'facet-search'
 'facet-options';
	gap: 0.25rem;
}

.clerk-facet-group-title {
	background: none;
	display: flex;
	align-items: center;
	height: 48px;
	padding: 0;
	font-family: var(--primary-font);
	font-weight: 700;
	color: var(--primary-text-color);
	font-size: .688rem;
 position: relative;
 cursor: pointer;
 font-size: .813rem;
font-weight: 600;
text-transform: uppercase;
border-bottom: 1px solid #eee;
margin: 20px 0 10px;
padding-bottom: 20px;
}

.clerk-facet-group-title:before {
 content: "";
 position: absolute;
 top: 50%;
 right: 7px;
 width: 10px;
 height: 10px;
 text-align: center;
 border: 1px solid #333;
 border-width: 0 1px 1px 0;
 color: #dcdde0;
 -webkit-transform: translateY(-70%) rotate(45deg);
 -ms-transform: translateY(-70%) rotate(45deg);
 transform: translateY(-70%) rotate(45deg);
 -webkit-transition: none;
 -o-transition: none;
 transition: none;
 z-index: 1;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}

.clerk-active.clerk-facet-group-title:before {
 -webkit-transform: translateY(-10%) rotate(-135deg);
 -ms-transform: translateY(-10%) rotate(-135deg);
 transform: translateY(-10%) rotate(-135deg);
}

.os-facet-group-selected-count {
	font-size: 12px;
	background-color: var(--secondary-background-color);
	border-radius: 1000px;
	width: 1.6rem;
	height: 0.75rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0.65rem;
	margin: 0 0.5rem;
	border: 1px solid #e6e9f0;
}

.clerk-facet-group-facets {
	grid-row: 5;
	-ms-grid-row: 5;
	grid-column: 1;
	-ms-grid-column: 1;
	grid-area: facet-options;
	max-height: 17rem;
 overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-transition: height 0.5s ease;
	-o-transition: height 0.5s ease;
	transition: height 0.5s ease;
}


#os-facet-mobile-toggle {
	display: none;
	max-width: 100%;
	width: -webkit-fill-available;
	padding: 15px;
	margin-bottom: 10px;
	border: 1px solid #333;
	border-radius: 2px;
	background: #333;
	color: #fff;
	font-weight: 100;
	text-transform: uppercase;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.os-facets-mobile-controls {
	display: none;
}

.os-facets-mobile-controls > * {
	padding: 8px;
}

.os-facets-reset-mobile {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #eaeaea87;
	padding: calc(var(--std-unit) / 2) var(--std-unit);
	font-weight: 600;
	gap: 0.5rem;
 border-radius: var(--primary-border-radius);
}

.os-facets-reset-mobile > svg {
	margin-right: 8px;
}

.os-facets-close-mobile {
	padding: calc(var(--std-unit) / 2) var(--std-unit);
	background-color: #e5e5e5;
	font-weight: 600;
 min-width: 5rem;
 display: flex;
 justify-content: center;
 border-radius: var(--primary-border-radius);
}

@media screen and (max-width: 900px) {
	.os-facets {
 padding: var(--std-unit);
 padding-bottom: 0;
 position: fixed;
 top: 0;
 left: 0;
 right: 20vw;
 bottom: 0;
 background-color: var(--background);
 -webkit-transform: translateX(-100%);
 -ms-transform: translateX(-100%);
 transform: translateX(-100%);
 -webkit-transition: -webkit-transform 0.2s ease-in;
 transition: -webkit-transform 0.2s ease-in;
 -o-transition: transform 0.2s ease-in;
 transition: transform 0.2s ease-in;
 transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in;
 display: flex;
 flex-direction: column;
 justify-content: space-between;
	}

 .os-facets-overlay.os-show {
 z-index: 100000;
 position: fixed;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 background-color: rgba(0, 0, 0, 0.5);
 cursor: pointer;
}

.os-facets.os-show {
 -webkit-transform: translateX(0%);
 -ms-transform: translateX(0%);
 transform: translateX(0%);
 -webkit-box-shadow: 0px 0px 100rem 0px rgba(0, 0, 0, 0.7);
 box-shadow: 0px 0px 100rem 0px rgba(0, 0, 0, 0.7);
 z-index: 110002;
 background: #fff;
 width: 70%;
 max-width: 400px;
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
}

	.os-facets {
 height: -webkit-fill-available;
 overflow-y: auto;
 max-height: calc(100svh);
 -ms-overflow-style: none;
 scrollbar-width: none;
	}

	.os-facets-mobile-controls {
 display: flex;
 flex-direction: row;
 justify-content: space-between;
 padding: 1rem 0;
 background-color: var(--secondary-background-color);
 position: sticky;
 bottom: 0;
	}
	#os-facet-mobile-toggle {
 display: block;
	}

	.os-facets-top-wrapper {
 position: relative;
	}
}

@media screen and (max-width: 767px) {
 .os-facets.os-show {
 width: 100%;
 }
}


.os-tm {
	position: fixed;
	background-color: var(--secondary-background-color);
	width: 100%;
	bottom: 0;
	right: 0;
	-ms-grid-row: 7;
	-ms-grid-column: 3;
	font-size: 0.8rem;
	white-space: nowrap;
	height: 2rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: right;
	-ms-flex-pack: right;
	justify-content: right;
	margin: 0 var(--std-unit);
	grid-area: footer-logo;
}

.os-tm-logo {
	display: inline-block;
	-o-object-fit: contain;
	object-fit: contain;
	height: 2rem;
}

@media only screen and (max-width: 900px) {
	.os-tm {
 display: none;
	}
}


@media only screen and (max-width: 1200px) {
	.os-grid.os-products {
 width: 100%;
	}
}

@media only screen and (max-width: 1000px) {
	.os-grid.os-products {
 grid-template-columns: repeat(auto-fill, minmax(32%, 1fr));
	}
}

@media only screen and (max-width: 900px) {
	.os-display {
 grid-template-areas:
 'top-bar'
 'search-content';
 grid-template-rows: auto 1fr;
	}

	.os-body {
 grid-template-areas:
 'no-exact-match-wrapper'
 'os-snack-bar'
 'os-tabs'
 'os-facets'
 'os-results'
 'products-load-more';
 -ms-grid-columns: 1fr;
 grid-template-columns: 1fr;
 grid-template-rows: auto auto auto 1fr auto;
 padding-top: 0;
 padding: 0 var(--std-unit);
 gap: 0.5rem;
	}

	.os-grid.os-products {
 grid-template-columns: repeat(auto-fill, minmax(calc(calc(100vw / 2) - calc(2 * 1rem)), 1fr));
	}

	.os-icon.os-scrolltop {
 border-radius: 0 30px 30px 0;
 font-size: 13px;
 font-weight: 600;
 padding-inline: 1rem;
 align-self: unset;
 border-left: 1px solid var(--primary-background-color);
	}

	.os-scrollbody {
 display: none;
	}

	.os-tabs {
 display: -ms-grid;
 display: grid;
 margin: 1rem 0;
	}
	.os-list {
 display: none;
	}
	.os-results {
 grid-template-areas:
 'products-top-bar'
 'products-result'
 'products-load-more';
 -ms-grid-rows: auto 1fr auto;
 grid-template-rows: auto 1fr auto;
 -ms-grid-columns: 1fr;
 grid-template-columns: 1fr;
 padding-bottom: 3rem;
	}

	.os-results[data-result-type='products'] .os-flex-wrapper {
 display: none;
	}

	.os-results[data-result-type='pages'] {
 grid-template-areas: 'os-flex-wrapper';
	}
	.os-results[data-result-type='pages'] .os-list {
 display: -ms-grid;
 display: grid;
	}
	.os-results[data-result-type='pages'] .os-list:not(.os-pages),
	.os-results[data-result-type='pages'] .os-grid:not(.os-pages),
	.os-results[data-result-type='pages'] .os-button:not(.os-pages),
	.os-results[data-result-type='pages'] .os-controls:not(.os-pages) {
 display: none;
	}

	.os-results[data-result-type='categories'] {
 grid-template-areas: 'os-flex-wrapper';
	}

	.os-results[data-result-type='categories'] .os-list:not(.os-categories),
	.os-results[data-result-type='categories'] .os-grid:not(.os-categories),
	.os-results[data-result-type='categories'] .os-button:not(.os-categories),
	.os-results[data-result-type='categories'] .os-controls:not(.os-categories) {
 display: none;
	}
	.os-results[data-result-type='categories'] .os-list {
 display: -ms-grid;
 display: grid;
	}

	.os-icon.os-facets-close {
 display: -ms-grid;
 display: grid;
 justify-content: flex-start;
	}

	.os-tabs {
 -ms-grid-row: 2;
 -ms-grid-column: 1;
	}

	.os-results[data-result-type='pages'] > .os-flex-wrapper {
 -ms-grid-row: 1;
 -ms-grid-row-span: 1;
 -ms-grid-column: 1;
	}

	.os-results[data-result-type='categories'] > .os-flex-wrapper {
 -ms-grid-row: 1;
 -ms-grid-row-span: 1;
 -ms-grid-column: 1;
	}

	.os-grid.os-products {
 -ms-grid-row: 2;
 -ms-grid-row-span: 1;
 -ms-grid-column: 1;
 width: 100%;
	}
	.os-body > .os-button.os-products {
 -ms-grid-row: 5;
 -ms-grid-column: 1;
	}
	.os-button.os-products {
 -ms-grid-row: 3;
 -ms-grid-column: 1;
	}
}


.os-topbar .os-camera { margin-left: .5rem; align-self: center; }

.clerk-omnisearch-overlay [hidden] { display: none !important; }

.clerk-omnisearch-overlay:not(.os-has-results) .os-tabs,
.clerk-omnisearch-overlay:not(.os-has-results) .os-results { display: none; }

.os-camera {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: 0 .9rem;
  cursor: pointer;
  border: 1px solid #111;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
  white-space: nowrap;
  align-self: stretch;
}
.os-camera:hover { background: #111; color: #fff; }
.os-camera svg { width: 18px; height: 18px; }
@media (max-width: 600px) { .os-camera-label { display: none; } .os-camera { padding: 0 .6rem; } }

.os-idle {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 1.25rem;
  padding: 3rem 1rem;
  flex-wrap: wrap;
}
.os-idle-opt {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  min-width: 240px;
  padding: 1.6rem 1.8rem;
  border: 1px solid #e9ecef;
  text-align: center;
}
.os-idle-opt b { font-size: 14px; }
.os-idle-opt span { font-size: 12px; color: #6c757d; max-width: 260px; }
.os-idle-or { align-self: center; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: #adb5bd; }
.os-idle-upload { cursor: pointer; border-style: dashed; border-color: #111; }
.os-idle-upload:hover { background: #fafafa; }
.os-idle-upload svg { width: 26px; height: 26px; }

.os-dropping { outline: 2px dashed #111; outline-offset: -6px; }
.os-dropping .os-idle-upload { background: #f5f5f5; }

.os-query-image {
  display: flex;
  align-items: flex-start;
  gap: 1.1rem;
  margin-top: .5rem;
  padding: .9rem;
  border: 1px solid #111;
  background: #fafafa;
  font-size: 12px;
}
.os-query-image[hidden] { display: none; }
.os-query-image-stage { position: relative; flex: none; display: inline-block; }
.os-query-image-thumb {
  display: block;
  max-height: 240px;
  max-width: 200px;
  width: auto; height: auto;
  border: 1px solid #d2d2d2;
  background: #fff;
}
.os-query-image-txt { display: flex; flex-direction: column; gap: 4px; color: #555; min-width: 0; padding-top: .2rem; }
.os-query-image-txt b { color: #111; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.os-query-image-status { font-size: 11.5px; color: #6c757d; }
.os-query-image-whole {
  align-self: flex-start; margin-top: .3rem; cursor: pointer; font: inherit; font-size: 11.5px;
  background: none; border: 0; padding: 0; text-decoration: underline; color: #111;
}
.os-query-image-remove {
  margin-left: auto; cursor: pointer; font: inherit; font-size: 11.5px;
  text-transform: uppercase; letter-spacing: .05em;
  background: none; border: 0; text-decoration: underline; color: #111; padding: .25rem;
}

.os-garment-spot {
  position: absolute;
  border: 2px solid rgba(255, 255, 255, .9);
  outline: 1px solid rgba(0, 0, 0, .55);
  background: rgba(255, 255, 255, .08);
  cursor: pointer;
  padding: 0;
}
.os-garment-spot:hover { background: rgba(255, 255, 255, .28); }
.os-garment-spot i {
  position: absolute; top: -1px; left: -1px;
  min-width: 17px; height: 17px; padding: 0 4px;
  display: flex; align-items: center; justify-content: center;
  font-style: normal; font-size: 10.5px; font-weight: 700;
  color: #fff; background: #111;
}
.os-garment-spot--on { border-color: #111; background: rgba(17, 17, 17, .12); }
.os-garment-spot--on i { background: #fff; color: #111; outline: 1px solid #111; }
.os-display {
  grid-template-areas: 'top-bar' 'query-image' 'search-content' 'footer-logo';
  grid-template-rows: auto auto 1fr auto;
}
.os-display > .os-query-image { grid-area: query-image; margin: 0 2rem; }

.os-lab {
  margin-top: .25rem;
  padding: .75rem 1rem;
  border: 1px dashed #d2d2d2;
  background: #fafafa;
  font-size: 12px;
}
.os-lab-row { display: flex; flex-wrap: wrap; gap: .5rem 1rem; align-items: center; }
.os-lab-title { font-weight: 700; letter-spacing: .08em; text-transform: uppercase; font-size: 11px; }
.os-lab-w, .os-lab-sel { display: inline-flex; align-items: center; gap: .35rem; color: #444; }
.os-lab-w input[type="range"] { width: 6rem; margin: 0; accent-color: #111; }
.os-lab-w input[type="range"]:disabled { opacity: .4; }
.os-lab-val { min-width: 1.6rem; text-align: right; font-variant-numeric: tabular-nums; }
.os-lab-sel select { font: inherit; padding: 3px 5px; border: 1px solid #d2d2d2; background: #fff; }
.os-lab-report { margin-top: .6rem; border-top: 1px solid #e9ecef; padding-top: .6rem; }
.os-lab-line { margin: 2px 0; color: #333; }
.os-lab-line b { text-transform: uppercase; font-size: 10.5px; letter-spacing: .06em; margin-right: .3rem; }
.os-lab-noise { color: #b5651d; }
.os-lab-dim { color: #999; }

.os-lab-ranks { margin-top: .5rem; display: grid; gap: 2px; }
.os-lab-rank { display: grid; grid-template-columns: 3.2rem 1fr 1.7rem 2.7rem 2.9rem;
                gap: .35rem; align-items: center; font-size: 10.5px; color: #555; }
.os-lab-rank-raw, .os-lab-rank-con { font-variant-numeric: tabular-nums;
                                      text-align: right; }
.os-lab-rank-raw { color: #999; }
.os-lab-rank-con { color: #333; }
.os-lab-rank-head { color: #aaa; font-size: 9.5px; }
.os-lab-rank-head .os-lab-rank-con { color: #111; font-weight: 600; }
.os-lab-rank-name { text-align: right; }
.os-lab-rank-bar { height: 6px; background: #eee; }
.os-lab-rank-bar i { display: block; height: 100%; background: #111; }
.os-lab-rank-pos { font-variant-numeric: tabular-nums; }

.os-lab-switch { display: inline-flex; align-items: center; gap: .35rem;
                 font-size: 11px; color: #777; cursor: pointer;
                 user-select: none; padding: .1rem 0; }
.os-lab-switch input { margin: 0; cursor: pointer; }
.os-lab-switch + .os-lab-switch { margin-left: 1.25rem; }

.os-lab-cat { margin-top: .5rem; display: grid; gap: 1px;
              border-top: 1px dotted #e2e2e2; padding-top: .4rem; }
.os-lab-cat-row { display: grid; grid-template-columns: 6.4rem 1fr; gap: .4rem;
                  font-size: 10.5px; color: #555; }
.os-lab-cat-k { text-align: right; color: #999; }
.os-lab-cat-v { word-break: break-word; }
.os-lab-cat-bad .os-lab-cat-v { color: #c0392b; font-weight: 600; }
.os-lab-cat-bad .os-lab-cat-k { color: #c0392b; }

.os-hem { display: grid; gap: 2px; }
.os-hem-track { position: relative; display: block; height: 8px;
                background: linear-gradient(#f4f4f4, #f4f4f4) content-box;
                border-radius: 999px; }
.os-hem-track::before { content: ""; position: absolute; left: 0; right: 0;
                        top: 3px; height: 2px; background: #e4e4e4;
                        border-radius: 999px; }
.os-hem-tick { position: absolute; top: 0; width: 1px; height: 8px;
               background: #bbb; transform: translateX(-.5px); }
.os-hem-dot { position: absolute; top: 1px; width: 6px; height: 6px;
              border-radius: 50%; background: #111; transform: translateX(-3px);
              box-shadow: 0 0 0 2px #fff; }
.os-hem-say { font-variant-numeric: tabular-nums; color: #666; }

.os-grid ol.products { list-style: none; margin: 0; padding: 0; }
.os-grid .product-image-wrapper {
  display: block;
  aspect-ratio: 3 / 4;
  overflow: hidden;
}

.os-grid .product-image-photo {
  width: 100%; height: 100%;
  object-fit: contain;
  padding: 6px;
  box-sizing: border-box;
}
.os-grid .product-item-link {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.4;
  min-height: 2.8em;
}
.os-product-code {
  font-size: 11px;
  color: #8a8a8a;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin: 2px 0 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.os-grid.os-products { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 767px) {
  .os-grid.os-products { grid-template-columns: repeat(2, 1fr); }
}

.clerk-omnisearch-overlay.os-page {
  position: static;
  inset: auto;
  z-index: auto;
  background: var(--secondary-background-color);
  font-family: var(--primary-font);
}
.os-page .os-page-bar {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  column-gap: .5rem;
  padding: var(--std-unit) 0;
}
.os-page .os-page-bar .os-form { grid-area: auto; }
.os-page .os-body { max-height: none; overflow: visible; grid-area: auto; padding: var(--std-unit) 0; }

.os-similar { position: fixed; inset: 0; z-index: 2147483000; }
.os-similar[hidden] { display: none; }
.os-similar-scrim { position: absolute; inset: 0; background: rgba(17, 17, 17, .55); }
.os-similar-dialog {
  position: relative;
  margin: 4vh auto 0;
  width: min(1180px, 96vw);
  max-height: 92vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--main-background-color, #fff);
  box-shadow: 0 12px 40px rgba(0, 0, 0, .25);
  padding: 1.25rem;
  font-family: var(--primary-font);
}
.os-similar-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  border-bottom: 1px solid #e9ecef;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  flex: none;
}
.os-similar-rows {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.os-similar-source { display: flex; gap: 1rem; min-width: 0; }
.os-similar-source-img {
  width: 96px; height: 128px;
  object-fit: contain;
  padding: 4px;
  box-sizing: border-box;
  flex: none;
}
.os-similar-heading {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #999;
  margin-bottom: .35rem;
}
.os-similar-source-name { font-size: 14px; font-weight: 600; margin: .15rem 0 .5rem; }
.os-similar-source-link,
.os-similar-item-link { font-size: 12px; text-decoration: underline; color: #111; }
.os-similar-close { flex: none; cursor: pointer; }
.os-similar-state { padding: 2.5rem 0; text-align: center; color: #666; font-size: 13px; }
.os-similar-row + .os-similar-row { margin-top: 1.05rem; }
.os-similar-row-title {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #666;
  padding-bottom: .35rem;
  margin-bottom: .55rem;
  border-bottom: 1px solid #eee;
}
.os-similar-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: .8rem;
}
.os-similar-item { cursor: pointer; min-width: 0; }
.os-similar-item img {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: contain;
  padding: 4px;
  box-sizing: border-box;
  display: block;
  margin-bottom: .35rem;
}
.os-similar-item-name { font-size: 12.5px; margin: .15rem 0 .25rem; }
@media (max-width: 1000px) {
  .os-similar-grid { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 720px) {
  .os-similar-dialog { margin: 0; width: 100vw; height: 100%; max-height: 100vh; }
  .os-similar-grid { grid-template-columns: repeat(2, 1fr); }
}

.os-swatch {
  display: inline-block;
  width: 34px;
  height: 34px;
  flex: none;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .13);
  background-size: cover;
  background-position: center;
  transition: box-shadow .14s;
}
.os-swatch-img { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .10); }
.os-swatch-multi {
  background-image:
    linear-gradient(45deg, #bbb 25%, transparent 25%, transparent 75%, #bbb 75%),
    linear-gradient(45deg, #bbb 25%, transparent 25%, transparent 75%, #bbb 75%);
  background-size: 8px 8px;
  background-position: 0 0, 4px 4px;
  background-color: #fff;
}



.clerk-facet-group { border-top: 1px solid #edece8; padding-top: 1.15rem; margin-top: 1.15rem; }
.clerk-facet-group:first-child { border-top: 0; padding-top: 0; margin-top: 0; }

.clerk-facet-group-title {
  height: auto;
  min-height: 0;
  margin: 0 0 .7rem;
  padding: 0 1.2rem 0 0;
  border-bottom: 0;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .1em;
  color: #7d7b74;
  line-height: 1.2;
}
.clerk-facet-group-title:before {
  top: 50%;
  right: 2px;
  width: 7px;
  height: 7px;
  border-color: #c2c0b9;
  border-width: 0 1px 1px 0;
  transform: translateY(-70%) rotate(45deg);
}
.clerk-active.clerk-facet-group-title:before { transform: translateY(-20%) rotate(-135deg); }

.os-facet-group-selected-count {
  background: none;
  border: 0;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0 0 0 .4rem;
  font-size: 10px;
  font-weight: 700;
  color: #111;
}

.clerk-facet-group-facets {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  max-height: none;
  overflow: visible;
  gap: .3rem;
}
.clerk-facet {
  display: inline-flex;
  width: auto;
  clear: none;
  justify-content: flex-start;
  align-items: center;
  padding: .4rem .6rem;
  border: 0;
  border-radius: 3px;
  background: #f4f3ef;
  transition: background .14s, color .14s;
}
.clerk-facet:hover { background: #e8e6e0; }
.clerk-facet-name:after { content: none; }
.clerk-facet-name { width: auto; flex-direction: row; overflow: visible; }
.clerk-facet-name-flex {
  width: auto;
  max-width: none;
  justify-content: flex-start;
  align-items: center;
  gap: .4rem;
}

.clerk-facet-name-label {
  text-transform: none;
  font-size: 11.5px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.3;
  color: #37362f;
  white-space: nowrap;
}
.clerk-facet-name-label::first-letter { text-transform: uppercase; }
.clerk-facet-selected { background: #111; }
.clerk-facet-selected:hover { background: #000; }
.clerk-facet-selected .clerk-facet-name-label { color: #fff; }


.clerk-facet-primary_color .clerk-facet-group-facets:has(.os-swatch),
.clerk-facet-pattern .clerk-facet-group-facets:has(.os-swatch) {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: .9rem .5rem;
}
.clerk-facet-primary_color .clerk-facet:has(.os-swatch),
.clerk-facet-pattern .clerk-facet:has(.os-swatch) {
  background: none;
  padding: 0;
  border-radius: 0;
  justify-content: center;
}
.clerk-facet-primary_color .clerk-facet:has(.os-swatch):hover,
.clerk-facet-pattern .clerk-facet:has(.os-swatch):hover { background: none; }
.clerk-facet-primary_color .clerk-facet-name,
.clerk-facet-pattern .clerk-facet-name { width: 100%; }
.clerk-facet-primary_color .clerk-facet-name-flex,
.clerk-facet-pattern .clerk-facet-name-flex {
  flex-direction: column;
  align-items: center;
  gap: .35rem;
  width: 100%;
}
.clerk-facet-primary_color .os-swatch { border-radius: 50%; }
.clerk-facet-pattern .os-swatch { border-radius: 7px; }
.clerk-facet-primary_color .clerk-facet-name-label,
.clerk-facet-pattern .clerk-facet-name-label {
  font-size: 10px;
  letter-spacing: .01em;
  color: #8d8b84;
  text-align: center;
  line-height: 1.25;
  white-space: normal;
}
.clerk-facet-primary_color .clerk-facet:hover .os-swatch,
.clerk-facet-pattern .clerk-facet:hover .os-swatch {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .13), 0 0 0 2px #fff, 0 0 0 3px #d6d3cb;
}
.clerk-facet-primary_color .clerk-facet-selected:has(.os-swatch),
.clerk-facet-pattern .clerk-facet-selected:has(.os-swatch) { background: none; }
.clerk-facet-primary_color .clerk-facet-selected .os-swatch,
.clerk-facet-pattern .clerk-facet-selected .os-swatch {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .13), 0 0 0 2px #fff, 0 0 0 3px #111;
}
.clerk-facet-primary_color .clerk-facet-selected .clerk-facet-name-label,
.clerk-facet-pattern .clerk-facet-selected .clerk-facet-name-label {
  color: #111;
  font-weight: 600;
}

.clerk-facet-show-more-wrapper {
  justify-content: flex-start;
  text-align: left;
  margin-top: .7rem;
  padding: 0;
  font-size: 10px;
  letter-spacing: .07em;
  color: #97958e;
  cursor: pointer;
}
.clerk-facet-show-more-wrapper:hover { color: #111; text-decoration: underline; text-underline-offset: 3px; }



.os-grid .product-item-name,
.os-grid .product-item-link {
  text-transform: none;
  font-size: 12.5px;
  font-weight: 450;
  letter-spacing: 0;
  line-height: 1.45;
  color: #1a1a1a;
  text-decoration: none;
}
.os-grid .product-item-link:hover { text-decoration: underline; text-underline-offset: 2px; }
.os-grid .os-product-code { font-size: 10px; color: #a3a3a0; letter-spacing: .06em; }

.os-products-count { text-transform: none; font-size: 12px; color: #6b6b68; letter-spacing: 0; }
.os-products-sort .os-sort { text-transform: none; font-size: 12px; letter-spacing: 0; color: #1a1a1a; }

.os-button.load-more {
  text-transform: none;
  font-size: 12.5px;
  letter-spacing: .01em;
  font-weight: 450;
  border: 1px solid #e3e1dc;
  border-radius: 2px;
  padding: .75rem 2rem;
  width: auto;
  margin: 1.5rem auto 0;
  background: #fff;
  color: #1a1a1a;
  transition: border-color .15s, background .15s;
}
.os-button.load-more:hover { border-color: #1a1a1a; background: #fafaf8; }

.os-page .os-results { grid-template-columns: 1fr auto; }
.os-page .os-flex-wrapper { display: none; }



.os-body { grid-template-columns: minmax(0, 14rem) 1fr; }
.os-grid.os-products { grid-template-columns: repeat(5, minmax(0, 1fr)); }
@media only screen and (max-width: 1200px) {
  .os-grid.os-products { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media only screen and (max-width: 1000px) {
  .os-grid.os-products { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media only screen and (max-width: 720px) {
  .os-grid.os-products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.clerk-facet-group { padding-top: .95rem; margin-top: .95rem; }
.clerk-facet-group-title { margin-bottom: .55rem; }
.clerk-facet { padding: .32rem .5rem; }
.clerk-facet-group-facets { gap: .25rem; }
.clerk-facet-name-label { font-size: 11px; }
.clerk-facet-primary_color .clerk-facet-group-facets:has(.os-swatch),
.clerk-facet-pattern .clerk-facet-group-facets:has(.os-swatch) { gap: .7rem .35rem; }
.os-swatch { width: 30px; height: 30px; }
.clerk-facet-primary_color .clerk-facet-name-label,
.clerk-facet-pattern .clerk-facet-name-label { font-size: 9.5px; }

.os-products-sort { display: none; }

.os-grid.os-products { column-gap: 1.15rem; row-gap: 2.2rem; }

.os-grid .product-item-photo,
.os-grid .product-item-link { cursor: pointer; }

.os-grid-item.os-grid-product { transition: none; }
.os-grid-item.os-grid-product:hover { box-shadow: none; }
.os-grid .product-image-wrapper { overflow: hidden; }
.os-grid .product-image-photo { transition: transform .45s cubic-bezier(.2,.6,.2,1); }
.os-grid-item.os-grid-product:hover .product-image-photo { transform: scale(1.04); }
.os-grid-item.os-grid-product:hover .product-item-link {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.os-grid .product-item-details {
  display: flex;
  flex-direction: column;
  padding-top: .7rem;
  gap: .15rem;
}
.os-grid .product-item-name { order: 1; }
.os-grid .os-product-code { order: 2; margin: 0; font-size: 9.5px; color: #b0aea8; }



.os-camera {
  border: 1px solid #dcdcdc;
  border-radius: var(--primary-border-radius);
  padding: 0 1.15rem;
  gap: .55rem;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .01em;
  text-transform: none;
  color: #1a1a1a;
  background: #fff;
  transition: background .15s, border-color .15s, color .15s;
}
.os-camera *, .os-camera .os-camera-label { color: inherit; }
.os-camera svg { width: 16px; height: 16px; }
.os-camera:hover { background: #f5f4f0; border-color: #a8a6a0; color: #111; }
.os-camera:active { background: #ebe9e3; }

.os-idle {
  gap: 0;
  padding: 4.5rem 1rem 5rem;
  align-items: stretch;
}
.os-idle-opt {
  border: 0;
  padding: .5rem 2.4rem;
  gap: .55rem;
  min-width: 250px;
  max-width: 300px;
  border-radius: 4px;
}
.os-idle-opt svg { width: 22px; height: 22px; color: #b5b2aa; margin-bottom: .2rem; }
.os-idle-opt b {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #37362f;
}
.os-idle-opt span {
  text-transform: none;
  font-size: 12.5px;
  line-height: 1.5;
  color: #8d8b84;
  max-width: 240px;
}
.os-idle-or {
  align-self: stretch;
  width: 1px;
  padding: 0;
  margin: .3rem 1.6rem;
  background: #ecebe7;
  font-size: 0;
  color: transparent;
}
.os-idle-upload {
  border: 1px dashed transparent;
  transition: background .15s, border-color .15s;
}
.os-idle-upload:hover { background: #faf9f6; border-color: #cfccc4; }
.os-idle-upload:hover svg { color: #37362f; }
@media (max-width: 620px) {
  .os-idle { padding: 2.5rem 1rem 3rem; }
  .os-idle-or { width: auto; height: 1px; align-self: stretch; margin: 1.4rem 2rem; }
}
.os-query-image {
  align-items: center;
  gap: .9rem;
  margin-top: .6rem;
  padding: .7rem .8rem;
  border: 1px solid #ecebe7;
  border-radius: 4px;
  background: #faf9f6;
}
.os-query-image-thumb {
  max-height: 260px;
  max-width: 210px;
  border: 1px solid #e2e0da;
  border-radius: 3px;
}
.os-query-image-txt {
  gap: .2rem;
  padding-top: 0;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .1em;
  color: #97958e;
}
.os-query-image-status {
  order: 1;
  text-transform: none;
  font-size: 12.5px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.4;
  color: #37362f;
}
.os-query-image-txt b {
  order: 2;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: .02em;
  color: #b0aea8;
}
.os-query-image-whole {
  order: 3;
  margin-top: .45rem;
  padding: .3rem .7rem;
  border: 1px solid #dcdcdc;
  border-radius: var(--primary-border-radius);
  background: #fff;
  text-decoration: none;
  text-transform: none;
  font-size: 11.5px;
  letter-spacing: .01em;
  color: #1a1a1a;
  transition: background .15s, border-color .15s;
}
.os-query-image-whole:hover { background: #f5f4f0; border-color: #a8a6a0; }
.os-query-image-remove {
  align-self: flex-start;
  padding: .2rem .3rem;
  text-decoration: none;
  text-transform: none;
  font-size: 11.5px;
  letter-spacing: 0;
  color: #97958e;
  transition: color .15s;
}
.os-query-image-remove:hover { color: #111; text-decoration: underline; text-underline-offset: 2px; }
.os-garment-spot { border-radius: 3px; }
.os-garment-spot i {
  min-width: 13px;
  height: 13px;
  font-size: 9px;
  border-radius: 2px 0 2px 0;
}
.os-grid .product-image-wrapper { position: relative; }
.os-grid-item.os-has-pairings .product-image-wrapper::after {
  content: "Abbinamenti";
  position: absolute;
  left: .5rem;
  bottom: .5rem;
  padding: .22rem .5rem;
  border-radius: var(--primary-border-radius);
  background: rgba(255, 255, 255, .93);
  box-shadow: inset 0 0 0 1px #e2e0da;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: #37362f;
  pointer-events: none;
}

.os-similar-pending {
  padding: .9rem 0 1.1rem;
  font-size: 11.5px;
  letter-spacing: .01em;
  color: #a8a6a0;
}
.os-facets-snackbar {
  gap: .35rem;
  align-items: center;
  margin: 0 0 .75rem;
}
.os-snack {
  margin: 0;
  padding: .28rem .5rem .28rem .6rem;
  border: 0;
  background: #f4f3ef;
  font-size: 11.5px;
  text-transform: none;
  letter-spacing: 0;
  color: #37362f;
  transition: background .14s;
}
.os-snack:hover { background: #e8e6e0; }
.os-snack-name::first-letter { text-transform: uppercase; }
.os-clear-snack {
  height: .85rem;
  width: .85rem;
  padding: 0;
  margin-left: .4rem;
  font-size: 13px;
  color: #97958e;
}
.os-snack:hover .os-clear-snack { color: #111; }
.os-facets-clear {
  margin: 0 0 0 .5rem;
  font-size: 11.5px;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  text-decoration: none;
  color: #97958e;
}
.os-facets-clear:hover { color: #111; text-decoration: underline; text-underline-offset: 2px; }


.os-grid .product-item-info { position: relative; }
.os-similar-open {
  position: absolute;
  top: .5rem;
  right: .5rem;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: #111;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .22);
  color: #fff;
  cursor: pointer;
  transition: background .14s, box-shadow .14s, transform .14s;
}
.os-similar-open, .os-similar-open * { color: #fff; }
.os-similar-open svg { width: 14px; height: 14px; flex: none; display: block; }
.os-similar-open:hover {
  background: #000;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
  transform: translateY(-1px);
}
.os-similar-open:active { transform: none; box-shadow: 0 1px 2px rgba(0, 0, 0, .25); }