/** Shopify CDN: Minification failed

Line 6941:9 Unexpected "{"
Line 6941:31 Expected ":"
Line 6941:37 Unexpected ","
Line 7646:0 Unexpected "}"
Line 7847:20 Unexpected "{"
Line 7847:29 Expected ":"
Line 7847:35 Unexpected "{"
Line 7852:20 Unexpected "{"
Line 7852:29 Expected ":"
Line 7853:20 Unexpected "{"
... and 4 more hidden warnings

**/
@charset "UTF-8";
/*!
------------------------------------------------------------------
Author: Fuel Themes
Author URI: https://fuelthemes.net
------------------------------------------------------------------
*/

#wrapper .click-capture,
#wrapper .click-capture--product,
.side-panel,
.side-panel-content--tabs button,
.side-panel-content--tabs button:after,
.back-to-top,
.back-to-top path,
.header:after,
.header .logolink .logoimg,
.thb-secondary-area-item.thb-secondary-myaccount span:after,
.thb-secondary-area-item svg path,
.thb-secondary-area .thb-item-count,
.mobile-toggle span,
.thb-full-menu a:after,
.thb-full-menu li.menu-item-has-children > a svg path,
.button span,
input[type="submit"] span,
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea,
select,
input[type="checkbox"],
input[type="radio"],
.field label,
.custom-checkbox[type="checkbox"],
.custom-checkbox[type="checkbox"]:after,
.custom-select--list,
.quantity .minus svg,
.quantity .plus svg,
.cart-drawer .order-note-toggle,
.cart-drawer .order-note-toggle__content,
.cart-drawer .order-note-toggle__content-overlay,
.flickity-page-dots .dot,
.flickity-nav,
.flickity-nav svg {
	transition: all 0.25s cubic-bezier(0.104, 0.204, 0.492, 1);
}

.thb-full-menu .sub-menu {
	transition: all 0.25s ease;
}

.side-panel.product-drawer,
.thb-full-menu .sub-menu,
.custom-select--list {
	isolation: isolate;
	border-radius: var(--block-border-radius, 16px);
}

.no-js .quantity .minus,
.quantity .no-js .minus,
.no-js .quantity .plus,
.quantity .no-js .plus,
.no-js .flickity-nav {
	display: none !important;
}

.side-panel,
.thb-full-menu .sub-menu,
.custom-select--list,
.flickity-nav {
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.08);
}

.has-shadow--true {
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.08);
}

.disabled-link {
	pointer-events: none;
	opacity: 40%;
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

a {
	background-color: transparent;
}

abbr[title] {
	border-bottom: 0;
	text-decoration: underline dotted;
}

b,
strong {
	font-weight: bolder;
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

img {
	border-style: none;
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details {
	display: block;
}

summary {
	display: list-item;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

[data-whatintent="mouse"] *,
[data-whatintent="mouse"] *:focus,
[data-whatintent="touch"] *,
[data-whatintent="touch"] *:focus,
[data-whatinput="mouse"] *,
[data-whatinput="mouse"] *:focus,
[data-whatinput="touch"] *,
[data-whatinput="touch"] *:focus {
	outline: none;
}

[draggable="false"] {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
}

.foundation-mq {
	font-family: "small=0em&medium=48em&large=66.75em&xlarge=75em";
}

html {
	box-sizing: border-box;
	font-size: 100%;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

body {
	margin: 0;
	padding: 0;
	background: var(--bg-body, #f5f5f5);
	font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui,
		helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial,
		sans-serif;
	font-weight: normal;
	line-height: 1.6;
	color: var(--color-body, #2c2d2e);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

img {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	height: auto;
	-ms-interpolation-mode: bicubic;
}

textarea {
	height: auto;
	min-height: 50px;
	border-radius: 0;
}

select {
	box-sizing: border-box;
	width: 100%;
	border-radius: 0;
}

.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
	max-width: none !important;
}

button {
	padding: 0;
	appearance: none;
	border: 0;
	border-radius: 0;
	background: transparent;
	line-height: 1;
	cursor: auto;
}
[data-whatinput="mouse"] button {
	outline: 0;
}

pre {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
}

.is-visible {
	display: block !important;
}

.is-hidden {
	display: none !important;
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

p {
	margin-bottom: 1.25rem;
	font-size: inherit;
	line-height: 1.6;
	text-rendering: optimizeLegibility;
}

em,
i {
	font-style: italic;
	line-height: inherit;
}

strong,
b {
	font-weight: 600;
	line-height: inherit;
}

small {
	font-size: 80%;
	line-height: inherit;
}

h1,
.h1,
.h1-large,
.h1-xlarge,
h2,
.h2,
blockquote p,
blockquote span,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui,
		helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial,
		sans-serif;
	font-style: normal;
	font-weight: 700;
	text-rendering: optimizeLegibility;
}
h1 small,
.h1 small,
.h1-large small,
.h1-xlarge small,
h2 small,
.h2 small,
blockquote p small,
blockquote span small,
h3 small,
.h3 small,
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small {
	line-height: 0;
	color: #cacaca;
}

h1,
.h1,
.h1-large,
.h1-xlarge {
	font-size: 2.875rem;
	line-height: 1.45;
	margin-top: 0;
	margin-bottom: 1.25rem;
}

h2,
.h2,
blockquote p,
blockquote span {
	font-size: 2.5rem;
	line-height: 1.45;
	margin-top: 0;
	margin-bottom: 1.25rem;
}

h3,
.h3 {
	font-size: 2.125rem;
	line-height: 1.45;
	margin-top: 0;
	margin-bottom: 1.25rem;
}

h4,
.h4 {
	font-size: 1.75rem;
	line-height: 1.45;
	margin-top: 0;
	margin-bottom: 1.25rem;
}

h5,
.h5 {
	font-size: 1.5rem;
	line-height: 1.45;
	margin-top: 0;
	margin-bottom: 1.25rem;
}

h6,
.h6 {
	font-size: 1.125rem;
	line-height: 1.45;
	margin-top: 0;
	margin-bottom: 1.25rem;
}

@media print, screen and (min-width: 48em) {
	h1,
	.h1,
	.h1-large,
	.h1-xlarge {
		font-size: 3.375rem;
	}
	h2,
	.h2,
	blockquote p,
	blockquote span {
		font-size: 2.875rem;
	}
	h3,
	.h3 {
		font-size: 2.25rem;
	}
	h4,
	.h4 {
		font-size: 1.75rem;
	}
	h5,
	.h5 {
		font-size: 1.5rem;
	}
	h6,
	.h6 {
		font-size: 1.125rem;
	}
}

@media print, screen and (min-width: 66.75em) {
	h1,
	.h1,
	.h1-large,
	.h1-xlarge {
		font-size: 4rem;
	}
	h2,
	.h2,
	blockquote p,
	blockquote span {
		font-size: 3.375rem;
	}
	h3,
	.h3 {
		font-size: 2.5rem;
	}
	h4,
	.h4 {
		font-size: 1.875rem;
	}
	h5,
	.h5 {
		font-size: 1.5rem;
	}
	h6,
	.h6 {
		font-size: 1.125rem;
	}
}

a {
	line-height: inherit;
	color: var(--color-body, #2c2d2e);
	text-decoration: none;
	cursor: pointer;
}
a:hover,
a:focus {
	color: var(--color-accent);
}
a img {
	border: 0;
}

hr {
	clear: both;
	max-width: 1380px;
	height: 0;
	margin: 1.25rem auto;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid #cacaca;
	border-left: 0;
}

ul,
ol,
dl {
	margin-bottom: 1.25rem;
	list-style-position: outside;
	line-height: 1.6;
}

li {
	font-size: inherit;
}

ul {
	margin-left: 1.25rem;
	list-style-type: disc;
}

ol {
	margin-left: 1.25rem;
}

ul ul,
ol ul,
ul ol,
ol ol {
	margin-left: 1.25rem;
	margin-bottom: 0;
}

dl {
	margin-bottom: 1rem;
}
dl dt {
	margin-bottom: 0.3rem;
	font-weight: 500;
}

blockquote {
	margin: 0 0 1.25rem;
	padding: 0.5625rem 1.25rem 0 1.1875rem;
	border-left: 1px solid #cacaca;
}
blockquote,
blockquote p {
	line-height: 1.6;
	color: #8a8a8a;
}

abbr,
abbr[title] {
	border-bottom: 1px dotted #2c2d2e;
	cursor: help;
	text-decoration: none;
}

figure {
	margin: 0;
}

kbd {
	margin: 0;
	padding: 0.125rem 0.25rem 0;
	background-color: #e6e6e6;
	font-family: Consolas, "Liberation Mono", Courier, monospace;
	color: #2c2d2e;
}

.subheader {
	margin-top: 0.2rem;
	margin-bottom: 0.5rem;
	font-weight: normal;
	line-height: 1.4;
	color: #8a8a8a;
}

.lead {
	font-size: 125%;
	line-height: 1.6;
}

.stat {
	font-size: 2.5rem;
	line-height: 1;
}
p + .stat {
	margin-top: -1rem;
}

ul.no-bullet,
ol.no-bullet {
	margin-left: 0;
	list-style: none;
}

cite,
.cite-block {
	display: block;
	color: #8a8a8a;
	font-size: 0.8125rem;
}
cite:before,
.cite-block:before {
	content: "— ";
}

code,
.code-inline {
	border: 1px solid #cacaca;
	background-color: #e6e6e6;
	font-family: Consolas, "Liberation Mono", Courier, monospace;
	font-weight: normal;
	color: #2c2d2e;
	display: inline;
	max-width: 100%;
	word-wrap: break-word;
	padding: 0.125rem 0.3125rem 0.0625rem;
}

.code-block {
	border: 1px solid #cacaca;
	background-color: #e6e6e6;
	font-family: Consolas, "Liberation Mono", Courier, monospace;
	font-weight: normal;
	color: #2c2d2e;
	display: block;
	overflow: auto;
	white-space: pre;
	padding: 1rem;
	margin-bottom: 1.5rem;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}

.text-justify {
	text-align: justify;
}

@media print, screen and (min-width: 48em) {
	.medium-text-left {
		text-align: left;
	}
	.medium-text-right {
		text-align: right;
	}
	.medium-text-center {
		text-align: center;
	}
	.medium-text-justify {
		text-align: justify;
	}
}

@media print, screen and (min-width: 66.75em) {
	.large-text-left {
		text-align: left;
	}
	.large-text-right {
		text-align: right;
	}
	.large-text-center {
		text-align: center;
	}
	.large-text-justify {
		text-align: justify;
	}
}

.show-for-print {
	display: none !important;
}

@media print {
	* {
		background: transparent !important;
		color: black !important;
		print-color-adjust: economy;
		box-shadow: none !important;
		text-shadow: none !important;
	}
	.show-for-print {
		display: block !important;
	}
	.hide-for-print {
		display: none !important;
	}
	table.show-for-print {
		display: table !important;
	}
	thead.show-for-print {
		display: table-header-group !important;
	}
	tbody.show-for-print {
		display: table-row-group !important;
	}
	tr.show-for-print {
		display: table-row !important;
	}
	td.show-for-print {
		display: table-cell !important;
	}
	th.show-for-print {
		display: table-cell !important;
	}
	a,
	a:visited {
		text-decoration: underline;
	}
	a[href]:after {
		content: " (" attr(href) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}
	abbr[title]:after {
		content: " (" attr(title) ")";
	}
	pre,
	blockquote {
		border: 1px solid #8a8a8a;
		page-break-inside: avoid;
	}
	thead {
		display: table-header-group;
	}
	tr,
	img {
		page-break-inside: avoid;
	}
	img {
		max-width: 100% !important;
	}
	@page {
		margin: 0.5cm;
	}
	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}
	h2,
	h3 {
		page-break-after: avoid;
	}
	.print-break-inside {
		page-break-inside: auto;
	}
}

.row {
max-width: -webkit-fill-available !important;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-flow: row wrap;
}
.row .row {
	margin-right: -0.25rem;
	margin-left: -0.25rem;
}
@media print, screen and (min-width: 48em) {
	.row .row {
		margin-right: -0.9375rem;
		margin-left: -0.9375rem;
	}
}
@media print, screen and (min-width: 66.75em) {
	.row .row {
		margin-right: -0.9375rem;
		margin-left: -0.9375rem;
	}
}
.row .row.collapse {
	margin-right: 0;
	margin-left: 0;
}
.row.expanded {
	max-width: none;
}
.row.expanded .row {
	margin-right: auto;
	margin-left: auto;
}
.row:not(.expanded) .row {
	max-width: none;
}
.row.collapse > .column,
.row.collapse > .columns {
	padding-right: 0;
	padding-left: 0;
}
.row.is-collapse-child,
.row.collapse > .column > .row,
.row.collapse > .columns > .row {
	margin-right: 0;
	margin-left: 0;
}

.column,
.columns {
	flex: 1 1 0px;
	padding-right: 0.25rem;
	padding-left: 0.25rem;
	min-width: 0;
}
@media print, screen and (min-width: 48em) {
	.column,
	.columns {
		padding-right: 0.9375rem;
		padding-left: 0.9375rem;
	}
}

.column.row.row,
.row.row.columns {
	float: none;
	display: block;
}

.row .column.row.row,
.row .row.row.columns {
	margin-right: 0;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0;
}

.small-1 {
	flex: 0 0 8.33333%;
	max-width: 8.33333%;
}

.small-offset-0 {
	margin-left: 0%;
}

.small-2 {
	flex: 0 0 16.66667%;
	max-width: 16.66667%;
}

.small-offset-1 {
	margin-left: 8.33333%;
}

.small-3 {
	flex: 0 0 25%;
	max-width: 25%;
}

.small-offset-2 {
	margin-left: 16.66667%;
}

.small-4 {
	flex: 0 0 33.33333%;
	max-width: 33.33333%;
}

.small-offset-3 {
	margin-left: 25%;
}

.small-5 {
	flex: 0 0 41.66667%;
	max-width: 41.66667%;
}

.small-offset-4 {
	margin-left: 33.33333%;
}

.small-6 {
	flex: 0 0 50%;
	max-width: 50%;
}

.small-offset-5 {
	margin-left: 41.66667%;
}

.small-7 {
	flex: 0 0 58.33333%;
	max-width: 58.33333%;
}

.small-offset-6 {
	margin-left: 50%;
}

.small-8 {
	flex: 0 0 66.66667%;
	max-width: 66.66667%;
}

.small-offset-7 {
	margin-left: 58.33333%;
}

.small-9 {
	flex: 0 0 75%;
	max-width: 75%;
}

.small-offset-8 {
	margin-left: 66.66667%;
}

.small-10 {
	flex: 0 0 83.33333%;
	max-width: 83.33333%;
}

.small-offset-9 {
	margin-left: 75%;
}

.small-11 {
	flex: 0 0 91.66667%;
	max-width: 91.66667%;
}

.small-offset-10 {
	margin-left: 83.33333%;
}

.small-12 {
	flex: 0 0 100%;
	max-width: 100%;
}

.small-offset-11 {
	margin-left: 91.66667%;
}

.small-up-1 {
	flex-wrap: wrap;
}
.small-up-1 > .column,
.small-up-1 > .columns {
	flex: 0 0 100%;
	max-width: 100%;
}

.small-up-2 {
	flex-wrap: wrap;
}
.small-up-2 > .column,
.small-up-2 > .columns {
	flex: 0 0 50%;
	max-width: 50%;
}

.small-up-3 {
	flex-wrap: wrap;
}
.small-up-3 > .column,
.small-up-3 > .columns {
	flex: 0 0 33.33333%;
	max-width: 33.33333%;
}

.small-up-4 {
	flex-wrap: wrap;
}
.small-up-4 > .column,
.small-up-4 > .columns {
	flex: 0 0 25%;
	max-width: 25%;
}

.small-up-5 {
	flex-wrap: wrap;
}
.small-up-5 > .column,
.small-up-5 > .columns {
	flex: 0 0 20%;
	max-width: 20%;
}

.small-up-6 {
	flex-wrap: wrap;
}
.small-up-6 > .column,
.small-up-6 > .columns {
	flex: 0 0 16.66667%;
	max-width: 16.66667%;
}

.small-up-7 {
	flex-wrap: wrap;
}
.small-up-7 > .column,
.small-up-7 > .columns {
	flex: 0 0 14.28571%;
	max-width: 14.28571%;
}

.small-up-8 {
	flex-wrap: wrap;
}
.small-up-8 > .column,
.small-up-8 > .columns {
	flex: 0 0 12.5%;
	max-width: 12.5%;
}

.small-collapse > .column,
.small-collapse > .columns {
	padding-right: 0;
	padding-left: 0;
}

.small-uncollapse > .column,
.small-uncollapse > .columns {
	padding-right: 0.25rem;
	padding-left: 0.25rem;
}

@media print, screen and (min-width: 48em) {
	.medium-1 {
		flex: 0 0 8.33333%;
		max-width: 8.33333%;
	}
	.medium-offset-0 {
		margin-left: 0%;
	}
	.medium-2 {
		flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}
	.medium-offset-1 {
		margin-left: 8.33333%;
	}
	.medium-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}
	.medium-offset-2 {
		margin-left: 16.66667%;
	}
	.medium-4 {
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
	.medium-offset-3 {
		margin-left: 25%;
	}
	.medium-5 {
		flex: 0 0 41.66667%;
		max-width: 41.66667%;
	}
	.medium-offset-4 {
		margin-left: 33.33333%;
	}
	.medium-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.medium-offset-5 {
		margin-left: 41.66667%;
	}
	.medium-7 {
		flex: 0 0 58.33333%;
		max-width: 58.33333%;
	}
	.medium-offset-6 {
		margin-left: 50%;
	}
	.medium-8 {
		flex: 0 0 66.66667%;
		max-width: 66.66667%;
	}
	.medium-offset-7 {
		margin-left: 58.33333%;
	}
	.medium-9 {
		flex: 0 0 75%;
		max-width: 75%;
	}
	.medium-offset-8 {
		margin-left: 66.66667%;
	}
	.medium-10 {
		flex: 0 0 83.33333%;
		max-width: 83.33333%;
	}
	.medium-offset-9 {
		margin-left: 75%;
	}
	.medium-11 {
		flex: 0 0 91.66667%;
		max-width: 91.66667%;
	}
	.medium-offset-10 {
		margin-left: 83.33333%;
	}
	.medium-12 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.medium-offset-11 {
		margin-left: 91.66667%;
	}
	.medium-up-1 {
		flex-wrap: wrap;
	}
	.medium-up-1 > .column,
	.medium-up-1 > .columns {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.medium-up-2 {
		flex-wrap: wrap;
	}
	.medium-up-2 > .column,
	.medium-up-2 > .columns {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.medium-up-3 {
		flex-wrap: wrap;
	}
	.medium-up-3 > .column,
	.medium-up-3 > .columns {
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
	.medium-up-4 {
		flex-wrap: wrap;
	}
	.medium-up-4 > .column,
	.medium-up-4 > .columns {
		flex: 0 0 25%;
		max-width: 25%;
	}
	.medium-up-5 {
		flex-wrap: wrap;
	}
	.medium-up-5 > .column,
	.medium-up-5 > .columns {
		flex: 0 0 20%;
		max-width: 20%;
	}
	.medium-up-6 {
		flex-wrap: wrap;
	}
	.medium-up-6 > .column,
	.medium-up-6 > .columns {
		flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}
	.medium-up-7 {
		flex-wrap: wrap;
	}
	.medium-up-7 > .column,
	.medium-up-7 > .columns {
		flex: 0 0 14.28571%;
		max-width: 14.28571%;
	}
	.medium-up-8 {
		flex-wrap: wrap;
	}
	.medium-up-8 > .column,
	.medium-up-8 > .columns {
		flex: 0 0 12.5%;
		max-width: 12.5%;
	}
}

@media print, screen and (min-width: 48em) and (min-width: 48em) {
	.medium-expand {
		flex: 1 1 0px;
	}
}

.row.medium-unstack > .column,
.row.medium-unstack > .columns {
	flex: 0 0 100%;
}
@media print, screen and (min-width: 48em) {
	.row.medium-unstack > .column,
	.row.medium-unstack > .columns {
		flex: 1 1 0px;
	}
}

@media print, screen and (min-width: 48em) {
	.medium-collapse > .column,
	.medium-collapse > .columns {
		padding-right: 0;
		padding-left: 0;
	}
	.medium-uncollapse > .column,
	.medium-uncollapse > .columns {
		padding-right: 0.9375rem;
		padding-left: 0.9375rem;
	}
}

@media print, screen and (min-width: 66.75em) {
	.large-1 {
		flex: 0 0 8.33333%;
		max-width: 8.33333%;
	}
	.large-offset-0 {
		margin-left: 0%;
	}
	.large-2 {
		flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}
	.large-offset-1 {
		margin-left: 8.33333%;
	}
	.large-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}
	.large-offset-2 {
		margin-left: 16.66667%;
	}
	.large-4 {
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
	.large-offset-3 {
		margin-left: 25%;
	}
	.large-5 {
		flex: 0 0 41.66667%;
		max-width: 41.66667%;
	}
	.large-offset-4 {
		margin-left: 33.33333%;
	}
	.large-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.large-offset-5 {
		margin-left: 41.66667%;
	}
	.large-7 {
		flex: 0 0 58.33333%;
		max-width: 58.33333%;
	}
	.large-offset-6 {
		margin-left: 50%;
	}
	.large-8 {
		flex: 0 0 66.66667%;
		max-width: 66.66667%;
	}
	.large-offset-7 {
		margin-left: 58.33333%;
	}
	.large-9 {
		flex: 0 0 75%;
		max-width: 75%;
	}
	.large-offset-8 {
		margin-left: 66.66667%;
	}
	.large-10 {
		flex: 0 0 83.33333%;
		max-width: 83.33333%;
	}
	.large-offset-9 {
		margin-left: 75%;
	}
	.large-11 {
		flex: 0 0 91.66667%;
		max-width: 91.66667%;
	}
	.large-offset-10 {
		margin-left: 83.33333%;
	}
	.large-12 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.large-offset-11 {
		margin-left: 91.66667%;
	}
	.large-up-1 {
		flex-wrap: wrap;
	}
	.large-up-1 > .column,
	.large-up-1 > .columns {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.large-up-2 {
		flex-wrap: wrap;
	}
	.large-up-2 > .column,
	.large-up-2 > .columns {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.large-up-3 {
		flex-wrap: wrap;
	}
	.large-up-3 > .column,
	.large-up-3 > .columns {
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
	.large-up-4 {
		flex-wrap: wrap;
	}
	.large-up-4 > .column,
	.large-up-4 > .columns {
		flex: 0 0 25%;
		max-width: 25%;
	}
	.large-up-5 {
		flex-wrap: wrap;
	}
	.large-up-5 > .column,
	.large-up-5 > .columns {
		flex: 0 0 20%;
		max-width: 20%;
	}
	.large-up-6 {
		flex-wrap: wrap;
	}
	.large-up-6 > .column,
	.large-up-6 > .columns {
		flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}
	.large-up-7 {
		flex-wrap: wrap;
	}
	.large-up-7 > .column,
	.large-up-7 > .columns {
		flex: 0 0 14.28571%;
		max-width: 14.28571%;
	}
	.large-up-8 {
		flex-wrap: wrap;
	}
	.large-up-8 > .column,
	.large-up-8 > .columns {
		flex: 0 0 12.5%;
		max-width: 12.5%;
	}
}

@media print, screen and (min-width: 66.75em) and (min-width: 66.75em) {
	.large-expand {
		flex: 1 1 0px;
	}
}

.row.large-unstack > .column,
.row.large-unstack > .columns {
	flex: 0 0 100%;
}
@media print, screen and (min-width: 66.75em) {
	.row.large-unstack > .column,
	.row.large-unstack > .columns {
		flex: 1 1 0px;
	}
}

@media print, screen and (min-width: 66.75em) {
	.large-collapse > .column,
	.large-collapse > .columns {
		padding-right: 0;
		padding-left: 0;
	}
	.large-uncollapse > .column,
	.large-uncollapse > .columns {
		padding-right: 0.9375rem;
		padding-left: 0.9375rem;
	}
}

.shrink {
	flex: 0 0 auto;
	max-width: 100%;
}

.column-block {
	margin-bottom: 0.5rem;
}
.column-block > :last-child {
	margin-bottom: 0;
}
@media print, screen and (min-width: 48em) {
	.column-block {
		margin-bottom: 1.875rem;
	}
	.column-block > :last-child {
		margin-bottom: 0;
	}
}

.align-left {
	justify-content: flex-start;
}

.align-right {
	justify-content: flex-end;
}

.align-center {
	justify-content: center;
}

.align-justify {
	justify-content: space-between;
}

.align-spaced {
	justify-content: space-around;
}

.align-left.vertical.menu > li > a {
	justify-content: flex-start;
}

.align-right.vertical.menu > li > a {
	justify-content: flex-end;
}

.align-center.vertical.menu > li > a {
	justify-content: center;
}

.align-top {
	align-items: flex-start;
}

.align-self-top {
	align-self: flex-start;
}

.align-bottom {
	align-items: flex-end;
}

.align-self-bottom {
	align-self: flex-end;
}

.align-middle {
	align-items: center;
}

.align-self-middle {
	align-self: center;
}

.align-stretch {
	align-items: stretch;
}

.align-self-stretch {
	align-self: stretch;
}

.align-center-middle {
	justify-content: center;
	align-items: center;
	align-content: center;
}

.small-order-1 {
	order: 1;
}

.small-order-2 {
	order: 2;
}

.small-order-3 {
	order: 3;
}

.small-order-4 {
	order: 4;
}

.small-order-5 {
	order: 5;
}

.small-order-6 {
	order: 6;
}

@media print, screen and (min-width: 48em) {
	.medium-order-1 {
		order: 1;
	}
	.medium-order-2 {
		order: 2;
	}
	.medium-order-3 {
		order: 3;
	}
	.medium-order-4 {
		order: 4;
	}
	.medium-order-5 {
		order: 5;
	}
	.medium-order-6 {
		order: 6;
	}
}

@media print, screen and (min-width: 66.75em) {
	.large-order-1 {
		order: 1;
	}
	.large-order-2 {
		order: 2;
	}
	.large-order-3 {
		order: 3;
	}
	.large-order-4 {
		order: 4;
	}
	.large-order-5 {
		order: 5;
	}
	.large-order-6 {
		order: 6;
	}
}

.flex-container {
	display: flex;
}

.flex-child-auto {
	flex: 1 1 auto;
}

.flex-child-grow {
	flex: 1 0 auto;
}

.flex-child-shrink {
	flex: 0 1 auto;
}

.flex-dir-row {
	flex-direction: row;
}

.flex-dir-row-reverse {
	flex-direction: row-reverse;
}

.flex-dir-column {
	flex-direction: column;
}

.flex-dir-column-reverse {
	flex-direction: column-reverse;
}

@media print, screen and (min-width: 48em) {
	.medium-flex-container {
		display: flex;
	}
	.medium-flex-child-auto {
		flex: 1 1 auto;
	}
	.medium-flex-child-grow {
		flex: 1 0 auto;
	}
	.medium-flex-child-shrink {
		flex: 0 1 auto;
	}
	.medium-flex-dir-row {
		flex-direction: row;
	}
	.medium-flex-dir-row-reverse {
		flex-direction: row-reverse;
	}
	.medium-flex-dir-column {
		flex-direction: column;
	}
	.medium-flex-dir-column-reverse {
		flex-direction: column-reverse;
	}
}

@media print, screen and (min-width: 66.75em) {
	.large-flex-container {
		display: flex;
	}
	.large-flex-child-auto {
		flex: 1 1 auto;
	}
	.large-flex-child-grow {
		flex: 1 0 auto;
	}
	.large-flex-child-shrink {
		flex: 0 1 auto;
	}
	.large-flex-dir-row {
		flex-direction: row;
	}
	.large-flex-dir-row-reverse {
		flex-direction: row-reverse;
	}
	.large-flex-dir-column {
		flex-direction: column;
	}
	.large-flex-dir-column-reverse {
		flex-direction: column-reverse;
	}
}

.thb-full-menu .mega-menu-columns {
	padding: 0 15px;
	max-width: 1380px;
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (min-width: 768px) {
	.thb-full-menu .mega-menu-columns {
		padding: 0 50px;
	}
}

html {
	scroll-behavior: smooth;
	scroll-padding-top: calc(var(--logo-height-mobile) + 106px);
	font-size: calc(var(--font-body-scale) * 16px);
}
@media only screen and (min-width: 768px) {
	html {
		scroll-padding-top: calc(var(--logo-height) + 106px);
	}
}

body {
	overflow-wrap: break-word;
	font-size: 1.0625rem;
	line-height: calc(var(--font-body-line-height-scale) * 1.6);
	letter-spacing: var(--font-body-letter-spacing, normal);
	background: var(--bg-body);
}
body.open-cc {
	overflow: hidden;
}
body.open-anti-scroll {
	overflow: hidden !important;
}
body.open-cc #wrapper .click-capture {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
}
body.open-cc #main-content {
	clip-path: none !important;
}
body.open-cc--product #wrapper .click-capture--product {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
}
body.open-cc--product #main-content {
	clip-path: none !important;
}
body.open-cc #shopify-chat {
	display: none;
}

* {
	box-sizing: border-box;
}

:root {
	--bg-body: #f5f5f5;
	--bg-body-rgb: 245, 245, 245;
	--block-border-radius: 16px;
	--button-border-radius: 6px;
	--input-border-radius: 6px;
	--color-body: #2c2d2e;
	--color-body-rgb: 44, 45, 46;
	--color-heading-text: #1a1c1d;
	--color-heading-text-rgb: 26, 28, 29;
	--color-accent: #3f72e5;
	--color-accent-rgb: 63, 114, 229;
	--color-border: #dadce0;
	--color-form-border: #d3d3d3;
	--color-star: #fd9a52;
	--color-overlay-rgb: 159, 163, 167;
	--section-spacing-mobile: 50px;
	--section-spacing-desktop: 100px;
	--color-drawer-bg: #fff;
}

a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	transition: color 0.25s cubic-bezier(0.104, 0.204, 0.492, 1);
}

button,
summary {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

p {
	word-spacing: 0.001em;
	font-feature-settings: "kern" 1;
	font-kerning: normal;
	line-height: calc(var(--font-body-line-height-scale) * 1.6);
}

figure {
	margin: 0;
	padding: 0;
}

hr {
	border-bottom-color: var(--color-border, #dadce0);
}

summary {
	display: inline-block;
}

#wrapper {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	scroll-behavior: smooth;
}
#wrapper #main-content {
	display: flex;
	flex: 1;
	backface-visibility: hidden;
	min-height: calc(
		100vh - var(--header-height, 0px) - var(--announcement-height, 0px)
	);
	flex-direction: column;
	background: var(--bg-body, #fff);
}
@supports (height: 100dvh) {
	#wrapper #main-content {
		min-height: calc(
			100dvh - var(--header-height, 0px) - var(--announcement-height, 0px)
		);
	}
}
#wrapper #main-content > .row {
	width: 100%;
}
#wrapper .click-capture,
#wrapper .click-capture--product {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 53;
	opacity: 0;
	visibility: hidden;
	background: rgba(var(--color-overlay-rgb), 0.4);
	backdrop-filter: blur(7px);
	-webkit-backdrop-filter: blur(7px);
}
#wrapper .click-capture--product {
	z-index: 91;
}
.template-product-quick-view #wrapper .click-capture--product {
	opacity: 1 !important;
	visibility: visible !important;
}

.row {
	padding: 0 11px;
}
@media only screen and (min-width: 768px) {
	.row {
		padding: 0 35px;
	}
}
.row .columns {
	padding: 0 4px;
}
@media only screen and (min-width: 768px) {
	.row .columns {
		padding: 0 15px;
	}
}
.row.no-padding {
	padding: 0;
}
.row.full-width-row {
	max-width: none;
}
.row.full-width-row-full {
	padding: 0;
	max-width: none;
}
.row.full-width-row-full > .columns {
	padding: 0;
}

.text-size-large {
	font-size: 1.0625rem;
}
@media only screen and (min-width: 768px) {
	.text-size-large {
		font-size: 1.25rem;
	}
}

.text-size-small {
	font-size: 0.9375rem;
}

.visually-hidden {
	position: absolute !important;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	clip: rect(0 0 0 0);
	word-wrap: normal !important;
}

.overflow-hidden {
	overflow: hidden;
}

blockquote {
	position: relative;
	text-align: center;
	padding: 0 5%;
	border-left: 0;
	color: var(--color-heading, #1a1c1d);
	margin: 50px 0;
}
blockquote p,
blockquote span {
	color: var(--color-heading, #1a1c1d);
}

.thb-placeholder {
	background: rgba(var(--color-body-rgb), 0.03);
	display: flex;
}
.thb-placeholder svg {
	width: 100%;
	height: 100%;
	background: none;
}

.rte a {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.rte p + h1,
.rte p + h2,
.rte p + h3,
.rte p + h4,
.rte p + h5,
.rte p + h6 {
	margin-top: 30px;
}

.rte iframe {
	max-width: 100%;
}

.no-js .no-js-hidden,
.no-js img.lazyload {
	display: none !important;
}

.screen-reader-shortcut {
	position: fixed;
	top: -1000em;
}
.screen-reader-shortcut:focus {
	left: 6px;
	top: 7px;
	height: auto;
	width: auto;
	display: block;
	font-size: 14px;
	font-weight: 600;
	padding: 15px 23px 14px;
	background-color: #54cdcd;
	color: #fff;
	z-index: 100000;
	line-height: normal;
	text-decoration: none;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
}

table {
	width: 100%;
	text-align: left;
	border-spacing: 0;
	border-collapse: separate;
	margin-bottom: 30px;
	font-size: 15px;
	border-collapse: collapse;
	border: 1px solid var(--color-border, #dadce0);
}
[dir="rtl"] table {
	text-align: right;
}
table thead {
	line-height: 1;
}
table thead th {
	font-size: 0.8125rem;
	padding: 18px 0;
	font-weight: 500;
}
table th {
	font-weight: 500;
}
table th,
table td {
	padding: 10px 15px;
	border: 1px solid var(--color-border, #dadce0);
}
@media only screen and (min-width: 768px) {
	table th,
	table td {
		padding: 15px 25px;
	}
}
table.collaterals {
	border: 0;
	margin: 0;
}
table.collaterals tbody tr {
	border: 0;
	font-weight: 500;
}
table.collaterals tbody tr th,
table.collaterals tbody tr td {
	padding: 5px 0;
	border: 0;
}
table.collaterals tbody tr th:last-child,
table.collaterals tbody tr td:last-child {
	text-align: right;
	padding-right: 0;
}
table.collaterals tbody tr th {
	padding: 5px 10px 5px 0;
}
table.collaterals tbody tr .price {
	font-weight: 500;
}
table.collaterals tbody tr.cart-total .price {
	font-size: 1.25rem;
}
table.collaterals tbody tr:first-child th,
table.collaterals tbody tr:first-child td {
	padding-top: 0;
}
table.no-borders {
	border: 0;
}
table.no-borders thead {
	line-height: 1;
}
table.no-borders thead th {
	padding: 18px 0;
	border-bottom: 1px solid var(--color-border, #dadce0);
}
table.no-borders thead th:last-child {
	text-align: right;
}
table.no-borders th,
table.no-borders td {
	padding: 10px 15px;
	border: 0;
}
@media only screen and (min-width: 768px) {
	table.no-borders th,
	table.no-borders td {
		padding: 15px 25px;
	}
}
table.no-borders tbody tr th,
table.no-borders tbody tr td {
	padding: 20px 15px 20px 0;
	border-bottom: 1px solid var(--color-border, #dadce0);
}
table.no-borders tbody tr th:last-child,
table.no-borders tbody tr td:last-child {
	text-align: right;
	padding-right: 0;
}
@media only screen and (min-width: 768px) {
	table.no-borders tbody tr th,
	table.no-borders tbody tr td {
		padding: 20px 30px 20px 0;
	}
}
[dir="rtl"] table.no-borders tbody tr th,
[dir="rtl"] table.no-borders tbody tr td {
	padding: 20px 0 20px 15px;
}
@media only screen and (min-width: 768px) {
	[dir="rtl"] table.no-borders tbody tr th,
	[dir="rtl"] table.no-borders tbody tr td {
		padding: 20px 0 20px 30px;
	}
}
table.no-borders tbody tr:last-child td {
	border-bottom: 0;
}
table.no-borders tfoot {
	text-align: right;
}
table.no-borders tfoot td {
	padding: 10px 0;
	border-top: 1px solid var(--color-border, #dadce0);
}
table.no-borders tfoot td:first-child {
	text-align: left;
}

.shopify-challenge__container {
	padding: 40px 0;
}
@media only screen and (min-width: 768px) {
	.shopify-challenge__container {
		padding: 70px 0;
	}
}
@media only screen and (min-width: 1068px) {
	.shopify-challenge__container {
		padding: 100px 0;
	}
}

.discounts {
	list-style: none;
	margin: 5px 0 0;
	padding: 0;
	font-size: 12px;
}
.discounts__discount {
	margin-bottom: 5px;
}
.discounts__discount svg {
	vertical-align: middle;
	margin-right: 6px;
	width: 10px;
}

.side-panel {
	position: fixed;
	top: 0;
	right: 0;
	height: 100vh;
	z-index: 90;
	width: calc(100vw - 15px);
	background: var(--color-drawer-bg, #fff);
	max-width: 540px;
	overflow-x: hidden;
	transform: translateX(100%);
	border-radius: var(--block-border-radius, 16px) 0 0
		var(--block-border-radius, 16px);
	--bg-body-rgb: var(--color-drawer-bg-rgb);
}

.side-panel-down {
	top: auto !important;
	bottom: 0 !important;
	height: 70vh !important;
	width: 100vw !important;
	max-width: none !important;
}

.side-panel:not(.active) {
	box-shadow: none !important;
}
@supports (height: 100dvh) {
	.side-panel {
		height: 100dvh;
	}
}
.side-panel.active {
	transform: translateX(0%);
}
.side-panel.side-cart {
	z-index: 99;
}
.side-panel.facet-drawer {
	transform: translateY(100%);
	right: auto;
	left: 0;
}
.side-panel.facet-drawer.active {
	transform: translateY(0%);
}
.side-panel.search-drawer {
	overflow: hidden;
}
.side-panel.search-drawer .side-panel-inner {
	height: 100%;
}
.side-panel.search-drawer .side-panel-header div {
	height: 70px;
	padding: 10px 0;
}
.side-panel.search-drawer .searchform {
	width: 100%;
	padding-right: 20px;
}
.side-panel.search-drawer .searchform input {
	border: 0;
	padding: 0;
	font-size: 1rem;
	outline: 0;
}
.side-panel.search-drawer .searchform label {
	display: none;
}
.side-panel.search-drawer .side-panel-content--has-tabs {
	display: none;
	position: relative;
	flex: 1;
	height: calc(100% - 70px);
}
.side-panel.search-drawer .side-panel-content--has-tabs.active {
	display: flex;
	flex-direction: column;
}
.side-panel.search-drawer
	.side-panel-content--has-tabs.active
	+ .side-panel-content--initial {
	display: none;
}
.side-panel.search-drawer .side-panel-content--has-tabs scroll-shadow {
	flex: 1;
	overflow: hidden;
}
.side-panel.search-drawer .side-panel-content--initial {
	height: calc(100% - 70px);
	overflow-x: hidden;
	overflow-y: auto;
}
.side-panel.search-drawer .product-card-small {
	border: 0;
	padding: 0;
	width: 100%;
	margin-bottom: 15px;
	background: transparent;
}
.side-panel.product-drawer {
	z-index: 92;
	width: auto;
	left: 10px;
	right: 10px;
	top: 10px;
	bottom: 10px;
	height: auto;
	max-width: 100%;
	margin: 0;
	opacity: 0;
	pointer-events: none;
}
@media only screen and (min-width: 1068px) {
	.side-panel.product-drawer {
		max-width: 1160px;
		max-height: calc(100vh - 40px);
		left: 50%;
		right: auto;
		top: 50%;
		width: 100%;
		bottom: auto;
		transform: translate3d(-50%, -50%, 0);
	}
	@supports (height: 100dvh) {
		.side-panel.product-drawer {
			max-height: calc(100dvh - 40px);
		}
	}
}
.side-panel.product-drawer.active {
	pointer-events: all;
	opacity: 1;
}
@media only screen and (min-width: 1068px) {
	.side-panel.product-drawer.active {
		transform: translate3d(-50%, -50%, 0);
	}
}
.side-panel.product-drawer .side-panel-close {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 40px;
	height: 40px;
	z-index: 20;
	display: flex;
	align-items: center;
	justify-content: center;
}
.side-panel.product-drawer .thb-product-detail {
	margin: 0;
}
.side-panel.product-drawer .side-panel-inner {
	position: relative;
	z-index: 5;
}

.side-panel.product-drawer .side-panel-content {
	padding: 10px 20px 20px;
}
@media only screen and (min-width: 1068px) {
	.side-panel.product-drawer .side-panel-content {
		padding: 40px;
	}
}
.side-panel-header {
	position: sticky;
	top: 0;
	left: 0;
	z-index: 35;
	background: var(--color-drawer-bg, #fff);
	padding: 0 30px;
}
.side-panel-header .h6 {
	margin: 0;
	line-height: 1;
	color: var(--color-body, #2c2d2e);
}
.side-panel-header .h6 > span {
	display: block;
}
.side-panel-header .h6 .facets__label {
	font-size: 0.75rem;
	margin-top: 4px;
	display: block;
}
.side-panel-header div {
	line-height: 1;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
	padding: 23px 0;
	border-bottom: 1px solid var(--color-border, #dadce0);
}
.side-panel-close {
	cursor: pointer;
}
.side-panel-content {
	padding: 25px 30px;
	font-size: 0.9375rem;
}
.side-panel-content.side-panel-content--has-tabs {
	padding: 0;
}
.side-panel-content.side-panel-content--has-tabs .side-panel-content--inner {
	padding: 0px 30px 25px;
	overflow-y: scroll;
	overflow-x: hidden;
	height: 100%;
}
.side-panel-content--tabs {
	display: flex;
	padding: 25px 30px;
}
.side-panel-content--tabs button {
	display: inline-flex;
	align-items: center;
	min-height: 25px;
	color: rgba(var(--color-body-rgb), 0.6);
	margin-right: 15px;
	font-size: 1rem;
	font-weight: 500;
	padding: 2px 0 5px;
	position: relative;
	z-index: 2;
}
.side-panel-content--tabs button:after {
	content: "";
	display: block;
	height: 2px;
	width: 100%;
	background: var(--color-body, #2c2d2e);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 3;
	transform: scale(0, 1);
	transform-origin: left center;
}
.side-panel-content--tabs button:hover {
	color: var(--color-body, #2c2d2e);
	opacity: 1;
}
.side-panel-content--tabs button.tab-active {
	opacity: 1;
	color: var(--color-body, #2c2d2e);
}
.side-panel-content--tabs button.tab-active:after {
	transform: scale(1, 1);
}
.side-panel-content--tab-panel {
	display: none;
}
.side-panel-content--tab-panel.tab-active {
	display: block;
}
.side-panel-content--search-footer {
	padding: 15px 24px;
	border-top: 1px solid #d1d2d3;
	position: sticky;
	bottom: 0;
	background-color: #f4f4f4;
	display: flex;
	justify-content: center;
}
.side-panel-content .button {
	flex-shrink: 0;
}

.loading {
	position: relative;
}
.loading:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
}
.loading .loading-overlay {
	display: block;
}

.loading-overlay {
	display: none;
	width: 42px;
	height: 42px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 20;
	line-height: 0;
	transform: translate3d(-50%, -50%, 0);
}

.spinner {
	animation: rotator 1.4s infinite linear;
}
.spinner-path {
	stroke-dasharray: 280;
	stroke-dashoffset: 0;
	transform-origin: center;
	animation: dash 1.4s infinite ease;
}

@keyframes rotator {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(270deg);
	}
}

@keyframes dash {
	0% {
		stroke-dashoffset: 280;
	}
	50% {
		stroke-dashoffset: 75;
		transform: rotate(135deg);
	}
	100% {
		stroke-dashoffset: 280;
		transform: rotate(450deg);
	}
}

.mobile-menu-drawer {
	display: none;
}

.lazyload,
.lazyloading {
	opacity: 0.75;
	will-change: opacity, filter;
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	filter: blur(5px);
}
.lazyload.no-blur,
.lazyloading.no-blur {
	filter: none;
	opacity: 1;
}

.lazyloaded {
	opacity: 1;
	transition: opacity 0.2s cubic-bezier(0.104, 0.204, 0.492, 1),
		filter 0.2s cubic-bezier(0.104, 0.204, 0.492, 1);
}

@media only screen and (min-width: 768px) {
	.medium-1\/5 {
		-webkit-flex: 0 0 20%;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
}

@media only screen and (min-width: 1068px) {
	.large-1\/5 {
		-webkit-flex: 0 0 20%;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
}

scroll-shadow {
	display: inline-block;
	width: 100%;
	--scroll-shadow-size: 20;
	--scroll-shadow-top: linear-gradient(
		rgba(var(--bg-body-rgb), 1),
		rgba(var(--bg-body-rgb), 0)
	);
	--scroll-shadow-bottom: linear-gradient(
		rgba(var(--bg-body-rgb), 0),
		rgba(var(--bg-body-rgb), 1)
	);
	--scroll-shadow-left: linear-gradient(
		90deg,
		rgba(var(--bg-body-rgb), 1),
		rgba(var(--bg-body-rgb), 0)
	);
	--scroll-shadow-right: linear-gradient(
		90deg,
		rgba(var(--bg-body-rgb), 0),
		rgba(var(--bg-body-rgb), 1)
	);
}
scroll-shadow > * {
	scrollbar-width: none;
}

@media only screen and (max-width: 767px) {
	.mobile-height-full {
		transition: height 0.5s linear;
		height: calc(100vh - var(--announcement-height, 0px));
	}
	@supports (height: 100svh) {
		.mobile-height-full {
			height: calc(100svh - var(--announcement-height, 0px));
		}
	}
}

@media only screen and (max-width: 767px) {
    .mobile-height-auto {
        min-height: auto;
    }
    .mobile-set-height-auto {
        height: auto;
    }

    .product-services-container{
        padding: 0px !important;
    }
}

@media only screen and (max-width: 767px) {
	.mobile-height-300 {
		min-height: 300px;
	}
	.mobile-set-height-300 {
		height: 300px;
	}
}

@media only screen and (max-width: 767px) {
	.mobile-height-350 {
		min-height: 350px;
	}
	.mobile-set-height-350 {
		height: 350px;
	}

	.mobile-set-height-350 .gallery--item figure.aspect-ratio--landscape {
		padding-bottom: calc(100% / 3);
	}
}

@media only screen and (max-width: 767px) {
	.mobile-height-400 {
		min-height: 400px;
	}
	.mobile-set-height-400 {
		height: 400px;
	}
}

@media only screen and (max-width: 767px) {
	.mobile-height-450 {
		min-height: 450px;
	}
	.mobile-set-height-450 {
		height: 450px;
	}
}

@media only screen and (max-width: 767px) {
	.mobile-height-500 {
		min-height: 500px;
	}
	.mobile-set-height-500 {
		height: 500px;
	}
}

@media only screen and (min-width: 768px) {
	.desktop-height-full {
		height: calc(100vh - var(--announcement-height, 0px));
	}
	@supports (height: 100dvh) {
		.desktop-height-full {
			height: calc(100dvh - var(--announcement-height, 0px));
		}
	}
}

@media only screen and (min-width: 768px) {
	.desktop-height-auto {
		min-height: auto;
	}
	.desktop-set-height-auto {
		height: auto;
	}
}

@media only screen and (min-width: 768px) {
	.desktop-height-320 {
		min-height: 320px;
	}
	.desktop-set-height-320 {
		height: 320px;
	}
}

@media only screen and (min-width: 768px) {
	.desktop-height-250 {
		min-height: 250px;
	}
	.desktop-set-height-250 {
		height: 250px;
	}
}

@media only screen and (min-width: 768px) {
	.desktop-height-450 {
		min-height: 450px;
	}
	.desktop-set-height-450 {
		height: 450px;
	}
}

@media only screen and (min-width: 768px) {
	.desktop-height-550 {
		min-height: 550px;
	}
	.desktop-set-height-550 {
		height: 550px;
	}
}

@media only screen and (min-width: 768px) {
	.desktop-height-650 {
		min-height: 650px;
	}
	.desktop-set-height-650 {
		height: 650px;
	}
}

@media only screen and (min-width: 768px) {
	.desktop-height-750 {
		min-height: 750px;
	}
	.desktop-set-height-750 {
		height: 750px;
	}
}

.height-full {
	min-height: 100vh;
}

.height-auto {
	min-height: auto;
}

.height-300 {
	min-height: 300px;
}

.height-350 {
	min-height: 350px;
}

.height-400 {
	min-height: 400px;
}

.height-450 {
	min-height: 450px;
}

.page-content-width {
	max-width: 800px;
	margin: 0 auto;
}

.subheading {
	font-size: 0.75rem;
	letter-spacing: 0.1em;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-weight: 500;
}

.section-spacing {
	margin-top: var(--section-spacing-mobile, 0);
	margin-bottom: var(--section-spacing-mobile, 0);
}
@media only screen and (min-width: 768px) {
	.section-spacing {
		margin-top: var(--section-spacing-desktop, 0);
		margin-bottom: var(--section-spacing-desktop, 0);
	}
}
.section-spacing.section-spacing--disable-top {
	margin-top: 0;
}
.section-spacing.section-spacing--disable-bottom {
	margin-bottom: 0;
}

.section-spacing-bottom {
	margin-bottom: var(--section-spacing-mobile, 0);
}
@media only screen and (min-width: 768px) {
	.section-spacing-bottom {
		margin-bottom: var(--section-spacing-desktop, 0);
	}
}
.section-spacing-bottom.section-spacing--disable-bottom {
	margin-bottom: 0;
}

.section-spacing-padding {
	padding-top: var(--section-spacing-mobile, 0);
	padding-bottom: var(--section-spacing-mobile, 0);
}
@media only screen and (min-width: 768px) {
	.section-spacing-padding {
		padding-top: var(--section-spacing-desktop, 0);
		padding-bottom: var(--section-spacing-desktop, 0);
	}
}
.section-spacing-padding.section-spacing--disable-top {
	padding-top: 0;
}
.section-spacing-padding.section-spacing--disable-bottom {
	padding-bottom: 0;
}

.visibility-hidden {
	visibility: hidden !important;
}

.thb-parallax-image {
	pointer-events: none;
	will-change: transform;
	transform-style: preserve-3d;
	backface-visibility: hidden;
}

.has-shadow--true.has-shadow--hover:hover {
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.16);
}

.back-to-top {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	background: var(--color-drawer-bg, #fff);
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 30;
	border-radius: 50%;
	cursor: pointer;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
	transform: translateY(70px);
}
@media only screen and (min-width: 1068px) {
	.back-to-top {
		bottom: 30px;
		right: 30px;
	}
}
.back-to-top.back-to-top--active {
	transform: translateY(0px);
}
.back-to-top svg {
	overflow: visible;
	transform: translateY(1px);
}
.back-to-top--handle {
	transform: translateY(4px);
}
.back-to-top--bar {
	opacity: 0;
	transform-origin: bottom center;
	transform: scale(1, 0) translateY(8px);
}
.back-to-top:hover .back-to-top--handle,
.back-to-top:focus .back-to-top--handle {
	transform: translateY(0px);
}
.back-to-top:hover .back-to-top--bar,
.back-to-top:focus .back-to-top--bar {
	opacity: 1;
	transform-origin: top center;
	transform: scale(1, 1) translateY(0);
}

h1,
.h1,
.h1-large,
.h1-xlarge {
	font-size: calc(var(--font-heading-scale) * 34px);
	line-height: calc(
		var(--font-heading-line-height-scale) *
			calc(var(--font-heading-scale) * 42px)
	);
}
@media only screen and (min-width: 768px) {
	h1,
	.h1,
	.h1-large,
	.h1-xlarge {
		font-size: calc(var(--font-heading-scale) * 38px);
		line-height: calc(
			var(--font-heading-line-height-scale) *
				calc(var(--font-heading-scale) * 46px)
		);
	}
}
@media only screen and (min-width: 1068px) {
	h1,
	.h1,
	.h1-large,
	.h1-xlarge {
		font-size: calc(var(--font-heading-scale) * 54px);
		line-height: calc(
			var(--font-heading-line-height-scale) *
				calc(var(--font-heading-scale) * 62px)
		);
	}
}

h2,
.h2,
blockquote p,
blockquote span {
	font-size: calc(var(--font-heading-scale) * 28px);
	line-height: calc(
		var(--font-heading-line-height-scale) *
			calc(var(--font-heading-scale) * 36px)
	);
}
@media only screen and (min-width: 768px) {
	h2,
	.h2,
	blockquote p,
	blockquote span {
		font-size: calc(var(--font-heading-scale) * 36px);
		line-height: calc(
			var(--font-heading-line-height-scale) *
				calc(var(--font-heading-scale) * 44px)
		);
	}
}
@media only screen and (min-width: 1068px) {
	h2,
	.h2,
	blockquote p,
	blockquote span {
		font-size: calc(var(--font-heading-scale) * 42px);
		line-height: calc(
			var(--font-heading-line-height-scale) *
				calc(var(--font-heading-scale) * 50px)
		);
	}
}

h3,
.h3 {
	font-size: calc(var(--font-heading-scale) * 26px);
	line-height: calc(
		var(--font-heading-line-height-scale) *
			calc(var(--font-heading-scale) * 30px)
	);
}
@media only screen and (min-width: 768px) {
	h3,
	.h3 {
		font-size: calc(var(--font-heading-scale) * 30px);
		line-height: calc(
			var(--font-heading-line-height-scale) *
				calc(var(--font-heading-scale) * 38px)
		);
	}
}
@media only screen and (min-width: 1068px) {
	h3,
	.h3 {
		font-size: calc(var(--font-heading-scale) * 34px);
		line-height: calc(
			var(--font-heading-line-height-scale) *
				calc(var(--font-heading-scale) * 42px)
		);
	}
}

h4,
.h4 {
	font-size: calc(var(--font-heading-scale) * 20px);
	line-height: calc(
		var(--font-heading-line-height-scale) *
			calc(var(--font-heading-scale) * 28px)
	);
}
@media only screen and (min-width: 1068px) {
	h4,
	.h4 {
		font-size: calc(var(--font-heading-scale) * 28px);
		line-height: calc(
			var(--font-heading-line-height-scale) *
				calc(var(--font-heading-scale) * 36px)
		);
	}
}

h5,
.h5 {
	font-size: calc(var(--font-heading-scale) * 24px);
	line-height: calc(
		var(--font-heading-line-height-scale) *
			calc(var(--font-heading-scale) * 32px)
	);
}

h6,
.h6 {
	font-size: calc(var(--font-heading-scale) * 18px);
	line-height: calc(
		var(--font-heading-line-height-scale) *
			calc(var(--font-heading-scale) * 26px)
	);
}

@media only screen and (min-width: 768px) {
	.h1-large {
		font-size: calc(var(--font-heading-scale) * 52px);
		line-height: calc(
			var(--font-heading-line-height-scale) *
				calc(var(--font-heading-scale) * 60px)
		);
	}
}

@media only screen and (min-width: 1068px) {
	.h1-large {
		font-size: calc(var(--font-heading-scale) * 60px);
		line-height: calc(
			var(--font-heading-line-height-scale) *
				calc(var(--font-heading-scale) * 68px)
		);
	}
}

@media only screen and (min-width: 768px) {
	.h1-xlarge {
		font-size: calc(var(--font-heading-scale) * 60px);
		line-height: calc(
			var(--font-heading-line-height-scale) *
				calc(var(--font-heading-scale) * 68px)
		);
	}
}

@media only screen and (min-width: 1068px) {
	.h1-xlarge {
		font-size: calc(var(--font-heading-scale) * 72px);
		line-height: calc(
			var(--font-heading-line-height-scale) *
				calc(var(--font-heading-scale) * 80px)
		);
	}
}

h1,
.h1,
.h1-large,
.h1-xlarge,
h2,
.h2,
blockquote p,
blockquote span,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 .h1-large,
.h1-xlarge {
	letter-spacing: var(--font-heading-letter-spacing, normal);
}

@media only screen and (min-width: 1068px) {
	.heading-size--small {
		font-size: 2.125rem;
		line-height: 2.625rem;
	}
}

@media only screen and (min-width: 1068px) {
	.heading-size--medium {
		font-size: 3rem;
		line-height: 3.5rem;
	}
}

@media only screen and (min-width: 1068px) {
	.heading-size--large {
		font-size: 3.75rem;
		line-height: 4.25rem;
	}
}

@media only screen and (min-width: 1068px) {
	.heading-size--xlarge {
		font-size: 4.5rem;
		line-height: 5rem;
	}
}

.header-section {
	position: sticky;
	top: 0;
	left: 0;
	z-index: 50;
	width: 100%;
	transition-property: transform;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 250ms;
}

.header {
	display: block;
	position: relative;
	z-index: 30;
	width: 100%;
	padding: 0 15px;
	background: transparent;
}
.header:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 0;
	z-index: -1;
	background: var(--color-header-bg);
	opacity: 1;
	transition: opacity 0.25s cubic-bezier(0.104, 0.204, 0.492, 1);
}
@media only screen and (min-width: 768px) {
	.header {
		padding: 0 50px;
	}
}
.header:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 0;
	z-index: -1;
	opacity: 0;
	pointer-events: none;
}
.header.header--shadow-small:after {
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.06);
}
.header.header--shadow-medium:after {
	box-shadow: 0 9px 38px rgba(0, 0, 0, 0.05), 0 5px 12px rgba(0, 0, 0, 0.1);
}
.header.header--shadow-large:after {
	box-shadow: 0 19px 38px rgba(0, 0, 0, 0.1), 0 5px 22px rgba(0, 0, 0, 0.15);
}
.header.is-sticky:after {
	opacity: 0;
}
.header.is-sticky .header--inner:before {
	opacity: 1;
}
.header.transparent--true {
	position: absolute;
}
.header.transparent--true:before {
	opacity: 0;
}
.header.transparent--true:hover:before,
.header.transparent--true.is-sticky:before {
	opacity: 1;
}
.header.transparent--true:not(:hover):not(.is-sticky) .logolink.text-logo {
	color: var(--color-header-transparent-text, #fff);
}
.header.transparent--true:not(:hover):not(.is-sticky) .logolink .logoimg {
	opacity: 0;
}
.header.transparent--true:not(:hover):not(.is-sticky)
	.logolink
	.logoimg--light {
	opacity: 1;
}
.header.transparent--true:not(:hover):not(.is-sticky) .thb-full-menu > li > a {
	color: var(--color-header-transparent-text, #fff);
}
.header.transparent--true:not(:hover):not(.is-sticky)
	.thb-full-menu
	> li
	> a:after {
	background: var(--color-header-transparent-text, #fff);
}
.header.transparent--true:not(:hover):not(.is-sticky)
	.thb-full-menu
	> li
	> a
	> svg
	path {
	stroke: var(--color-header-transparent-text, #fff);
}
.header.transparent--true:not(:hover):not(.is-sticky)
	.thb-localization-forms.inside-header-arrow
	svg
	path {
	stroke: var(--color-header-transparent-text, #fff);
}
.header.transparent--true:not(:hover):not(.is-sticky)
	.thb-localization-forms.inside-header
	.custom-select--button {
	color: var(--color-header-transparent-text, #fff);
}
.header.transparent--true:not(:hover):not(.is-sticky)
	.thb-secondary-area-item.thb-secondary-myaccount {
	color: var(--color-header-transparent-text, #fff);
}
.header.transparent--true:not(:hover):not(.is-sticky)
	.thb-secondary-area
	svg
	path {
	fill: var(--color-header-transparent-text, #fff);
}
.header.transparent--true:not(:hover):not(.is-sticky) .mobile-toggle span {
	background: var(--color-header-transparent-text, #fff);
}
.header--inner {
	width: 100%;
	max-width: -webkit-fill-available !important;
	margin: 0 auto;
	display: grid;
	align-items: center;
	grid-template-columns: auto 1fr auto;
	gap: 4px;
	padding-top: 8px;
}
@media only screen and (min-width: 1068px) {
	.header--inner {
		height: 60px;
		padding-top: 12px;
		gap: 50px;
	}
}
.header--inner:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: var(--color-border, #dadce0);
}

.header .logolink {
	position: relative;
}
.header .logolink .logoimg--light {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	opacity: 0;
}
.header.style1 .logolink {
	text-align: center;
	justify-content: center;
}
@media only screen and (min-width: 1068px) {
	.header.style1 .logolink {
		text-align: left;
		margin-right: auto;
		justify-content: flex-start;
	}
}
@media only screen and (min-width: 1068px) {
	.header.style1 .header--inner {
		grid-template-columns: auto minmax(auto, 70%) auto;
	}
}
.header.style2 .logolink {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	flex-shrink: 0;
}
@media only screen and (min-width: 1068px) {
	.header.style2 .logolink {
		margin-left: 0;
	}
}
@media only screen and (min-width: 1068px) {
	.header.style2 .header--inner {
		grid-template-columns: auto 1fr;
	}
}
.header.style2 .full-menu {
	margin-left: 25px;
}
@media only screen and (min-width: 1068px) {
	.header.style2 .logolink {
		text-align: left;
	}
}
.header.style3 .logolink {
	text-align: center;
	justify-content: center;
}
.header.style3 .logolink .logoimg {
	object-position: center;
}
.header.style3 .full-menu {
	margin-left: 0;
}
.header.style3 .thb-full-menu {
	text-align: left;
}
[dir="ltr"] .header.style3 .thb-full-menu > li:first-child {
	padding-left: 0;
}
[dir="rtl"] .header.style3 .thb-full-menu > li:first-child {
	padding-right: 0;
}
.header.style4 .full-menu {
	width: 100%;
	grid-column: span 3;
	justify-content: center;
}
@media only screen and (min-width: 1068px) {
	.header.style4 .logolink {
		margin: 15px 0;
	}
}
@media only screen and (min-width: 1068px) {
	.header.style4 .header--inner {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}
.header.style4 .thb-header-desktop-left .thb-secondary-area {
	justify-content: flex-start;
}
.header.style4 .thb-header-desktop-left .thb-secondary-area-item {
	padding-left: 0;
	padding-right: 10px;
}
@media only screen and (min-width: 1068px) {
	.header.style4 .thb-header-right .thb-quick-search {
		display: none;
	}
}
.header.style5 .full-menu {
	width: 100%;
	grid-column: span 2;
}
.header.style5 .full-menu .thb-full-menu {
	text-align: left;
}
[dir="ltr"] .header.style5 .full-menu .thb-full-menu > li:first-child {
	padding-left: 0;
}
[dir="rtl"] .header.style5 .full-menu .thb-full-menu > li:first-child {
	padding-right: 0;
}
@media only screen and (min-width: 1068px) {
	.header.style5 .logolink {
		margin: 15px 0;
	}
}
@media only screen and (min-width: 1068px) {
	.header.style5 .header--inner {
		padding-top: 10px;
		padding-bottom: 10px;
		grid-template-columns: auto 1fr;
	}
}
.header .menu-logo-container {
	display: flex;
	align-items: center;
}

.thb-secondary-area {
	margin-left: auto;
	line-height: 1;
	white-space: nowrap;
	justify-content: end;
	display: inline-flex;
	gap: 8px;
}
@media only screen and (min-width: 768px) {
	.thb-secondary-area {
		min-width: 135px;
	}
}
[dir="rtl"] .thb-secondary-area {
	margin-right: auto;
	margin-left: 0;
}
.thb-secondary-area .no-js-hidden {
	align-items: center;
	display: none;
}
@media only screen and (min-width: 1068px) {
	.thb-secondary-area .no-js-hidden {
		display: inline-flex;
	}
}
.thb-secondary-area-item {
	padding: 0 7px;
	align-items: center;
	display: inline-flex;
}
@media only screen and (min-width: 1068px) {
	.thb-secondary-area-item {
		padding: 0 10px;
	}
}
.thb-secondary-area-item:last-child {
	padding-right: 0;
}
[dir="rtl"] .thb-secondary-area-item:last-child {
	padding-right: 7px;
}
.thb-secondary-area-item.thb-secondary-myaccount {
	display: none;
	font-weight: 500;
	font-size: calc(var(--font-navigation-scale, 1) * 15px);
	color: var(--color-header-links, --color-accent);
}
.thb-secondary-area-item.thb-secondary-myaccount:hover {
	color: var(--color-header-links-hover, --color-accent2);
}
.navigation-uppercase-true .thb-secondary-area-item.thb-secondary-myaccount {
	text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
	.thb-secondary-area-item.thb-secondary-myaccount {
		display: inline-flex;
	}
}
.thb-secondary-area-item.thb-secondary-myaccount span {
	position: relative;
	line-height: 1.7;
}
.thb-secondary-area-item.thb-secondary-myaccount span:after {
	content: "";
	display: block;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	will-change: transform;
	height: 1px;
	transform: scale(0, 1);
	transform-origin: left center;
	background: var(--color-header-links-hover, --color-accent);
}
.thb-secondary-area-item.thb-secondary-myaccount:hover,
.thb-secondary-area-item.thb-secondary-myaccount:focus {
	color: var(--color-header-links-hover, --color-accent2);
}
.thb-secondary-area-item.thb-secondary-myaccount:hover span:after,
.thb-secondary-area-item.thb-secondary-myaccount:focus span:after {
	transform: scale(1, 1);
}
.thb-secondary-area-item.thb-secondary-cart .thb-item-count svg {
	fill: var(--color-header-bg, #fff);
	width: 8px;
}
.thb-secondary-area-item.thb-secondary-cart .thb-secondary-item-icon {
	transform: translateY(2px);
}
.thb-secondary-area-item svg {
	pointer-events: none;
}
.thb-secondary-area .thb-secondary-item-icon {
	position: relative;
}
.thb-secondary-area .thb-item-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 0.625rem;
	font-weight: 600;
	width: 19px;
	height: 19px;
	border-radius: 50%;
	background: var(--color-accent);
	color: var(--color-header-bg, #fff);
	position: absolute;
	top: -8px;
	right: -12px;
}

.logolink {
	display: inline-flex;
	justify-content: center;
}
.logolink.text-logo {
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1;
	word-break: break-all;
	color: var(--color-header-links, --color-accent);
}
.logolink.text-logo:hover,
.logolink.text-logo:focus {
	color: var(--color-header-links-hover, --color-accent2);
}
@media only screen and (min-width: 768px) {
	.logolink.text-logo {
		font-size: 1.5rem;
	}
}
.logolink .logoimg {
	width: auto;
	height: var(--logo-height-mobile, 30px);
	object-fit: contain;
	object-position: left;
}
@media only screen and (min-width: 768px) {
	.logolink .logoimg {
		height: var(--logo-height, 30px);
	}
}

.thb-header-mobile-left {
	display: inline-flex;
	margin-right: auto;
}
@media only screen and (min-width: 1068px) {
	.thb-header-mobile-left {
		display: none;
	}
}
[dir="rtl"] .thb-header-mobile-left {
	margin-right: 0;
	margin-left: auto;
}

.thb-header-desktop-left {
	display: none;
	line-height: 1;
}
@media only screen and (min-width: 1068px) {
	.thb-header-desktop-left {
		display: inline-flex;
		margin-right: auto;
	}
	[dir="rtl"] .thb-header-desktop-left {
		margin-right: 0;
		margin-left: auto;
	}
}

.mobile-toggle-wrapper {
	display: inline-flex;
}
.no-js .mobile-toggle-wrapper[open] .mobile-menu-drawer {
	opacity: 1;
	visibility: visible;
	transform: translateY(-56px);
}
.no-js .mobile-toggle-wrapper[open] .mobile-toggle span:nth-child(1) {
	transform: rotateZ(45deg) translateY(-1px);
}
.no-js .mobile-toggle-wrapper[open] .mobile-toggle span:nth-child(2) {
	opacity: 0;
}
.no-js .mobile-toggle-wrapper[open] .mobile-toggle span:nth-child(3) {
	transform: rotateZ(-45deg);
}
.js .mobile-toggle-wrapper[open].active .mobile-menu-drawer {
	opacity: 1;
	visibility: visible;
	transform: translateY(-56px);
}
.js .mobile-toggle-wrapper[open].active .mobile-toggle span:nth-child(1) {
	transform: rotateZ(45deg) translateY(-3px);
}
.js .mobile-toggle-wrapper[open].active .mobile-toggle span:nth-child(2) {
	opacity: 0;
}
.js .mobile-toggle-wrapper[open].active .mobile-toggle span:nth-child(3) {
	transform: rotateZ(-45deg) translateY(1px);
}
.mobile-toggle-wrapper summary::-webkit-details-marker {
	display: none;
}

.mobile-toggle {
	display: inline-flex;
	position: relative;
	width: 48px;
	height: 48px;
	margin-left: -15px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mobile-toggle span {
	width: 18px;
	height: 1.5px;
	background: var(--color-header-icons, --color-accent);
	position: absolute;
	border-radius: 1px;
	top: 18px;
	left: 15px;
}
.mobile-toggle span:nth-child(1) {
	transform-origin: top left;
}
.mobile-toggle span:nth-child(2) {
	top: 23px;
}
.mobile-toggle span:nth-child(3) {
	transform-origin: top left;
	top: 28px;
}

.product-single__media-zoom {
	width: 30px !important;
}

.mobile-menu-drawer {
	display: none;
	opacity: 0;
	visibility: hidden;
	z-index: 10;
}

.mobile-menu-drawer {
	display: none;
}

.full-menu {
	display: none;
	margin: 0 auto;
	width: 100%;
	justify-content: center;
	align-items: center;
	height: 56px;
}
@media only screen and (min-width: 1068px) {
	.full-menu {
		display: inline-flex;
	}
}

.thb-full-menu {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	font-size: 0.9375rem;
}
.thb-full-menu a {
	color: var(--color-header-links, --color-accent);
	position: relative;
	font-size: calc(var(--font-navigation-scale, 1) * 15px);
}
.navigation-uppercase-true .thb-full-menu a {
	text-transform: uppercase;
}
.thb-full-menu a:after {
	content: "";
	display: block;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	will-change: transform;
	height: 1px;
	transform: scale(0, 1);
	transform-origin: left center;
	background: var(--color-header-links-hover, --color-accent);
}
.thb-full-menu a:hover,
.thb-full-menu a:focus {
	color: var(--color-header-links-hover, --color-accent2);
}
.thb-full-menu a:hover:after,
.thb-full-menu a:focus:after {
	transform: scale(1, 1);
}
.thb-full-menu a:hover svg path,
.thb-full-menu a:focus svg path {
	stroke: var(--color-header-links-hover, --color-accent2);
}
.thb-full-menu > li {
	display: inline-flex;
	padding: 0 15px;
	align-items: center;
}
.thb-full-menu > li > a {
	margin: 10px 0;
	font-weight: 500;
}
.thb-full-menu li.menu-item-has-children {
	position: relative;
	z-index: 1;
}
.thb-full-menu li.menu-item-has-children:hover {
	z-index: 2;
}
.thb-full-menu li.menu-item-has-children:hover > .sub-menu {
	visibility: visible;
	opacity: 1;
}
.thb-full-menu li.menu-item-has-children:hover > .sub-menu.mega-menu-container {
	clip-path: polygon(0 0, 100% 0, 100% calc(100% + 15px), 0 calc(100% + 15px));
}
.thb-full-menu li.menu-item-has-children:hover:before {
	content: attr(data-item-title);
	position: absolute;
	height: 100%;
	top: 0;
	margin-left: -30px;
	padding-left: 30px;
	padding-right: 30px;
	opacity: 0;
}
.thb-full-menu li.menu-item-has-children.left-submenu .sub-menu {
	left: auto;
	right: calc(100% + 35px);
}
.thb-full-menu li.menu-item-has-children.menu-item-has-megamenu {
	position: static;
}
.thb-full-menu li.menu-item-has-children.menu-item-has-megamenu .sub-menu {
	left: 0;
	right: 0;
}
.thb-full-menu li.menu-item-has-children.menu-item-has-megamenu:before {
	height: 0px;
	/* height: calc(100% + 15px); */
}
.thb-full-menu li.menu-item-has-children.menu-item-has-megamenu:after {
	content: "";
	display: block;
	position: absolute;
	top: 100%;
	width: 100%;
	left: 0;
	height: calc(100dvh - 100%);
	background: rgba(var(--color-overlay-rgb), 0.4);
	backdrop-filter: blur(7px);
	-webkit-backdrop-filter: blur(7px);
	opacity: 0;
	z-index: 1;
	pointer-events: none;
	transition: opacity 0.25s ease;
}
.thb-full-menu li.menu-item-has-children.menu-item-has-megamenu:hover:after {
	opacity: 1;
}
.thb-full-menu li.menu-item-has-children > a {
	padding-right: 15px;
	position: relative;
}
.thb-full-menu li.menu-item-has-children > a:focus + .sub-menu {
	display: block;
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
}
.thb-full-menu li.menu-item-has-children > a svg {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -3px;
}
.thb-full-menu li.menu-item-has-children:focus-within {
	z-index: 2;
}
.thb-full-menu li.menu-item-has-children:focus-within > .sub-menu {
	display: block;
	opacity: 1;
	visibility: visible;
}
.thb-full-menu
	li.menu-item-has-children:focus-within
	> .sub-menu.mega-menu-container {
	display: block;
	clip-path: polygon(0 0, 100% 0, 100% calc(100% + 15px), 0 calc(100% + 15px));
}
.thb-full-menu .sub-menu {
	position: absolute;
	top: 100%;
	left: -11px;
	font-size: calc(var(--font-navigation-scale, 1) * 15px);
	line-height: 1;
	padding: 17px 26px;
	background: var(--color-drawer-bg, var(--color-header-bg, #fff));
	list-style: none;
	margin: 0;
	text-align: left;
	white-space: nowrap;
	line-height: 1.1;
	min-width: 190px;
	opacity: 0;
	z-index: 2;
	visibility: hidden;
}
.thb-full-menu .sub-menu a:not(.text-button):after {
	top: calc(100% - 3px);
}
.thb-full-menu .sub-menu ul {
	line-height: inherit;
}
.thb-full-menu .sub-menu li a {
	display: inline-block;
	padding-top: 7px;
	padding-bottom: 7px;
}
.thb-full-menu .sub-menu .sub-menu {
	top: -22px;
	left: calc(100% + 35px);
}
.thb-full-menu .sub-menu li.menu-item-has-children:hover:before {
	width: calc(100% + 65px);
}
.thb-full-menu .sub-menu.mega-menu-container {
	padding: 30px 0 0 0;
	display: block;
	top: calc(100% - 10px);
	max-width: 100vw;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	background: var(--color-header-bg, #fff);
	clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0%);
}
.thb-full-menu .mega-menu-columns {
	display: grid;
	grid-auto-columns: minmax(0, 1fr);
	grid-auto-flow: column;
	grid-column-gap: 20px;
	list-style: none;
	margin: 0;
	white-space: initial;
	flex: 1;
}
@media only screen and (min-width: 1200px) {
	.thb-full-menu .mega-menu-columns {
		grid-column-gap: 30px;
	}
}
.thb-full-menu .mega-menu-columns ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.thb-full-menu .mega-menu-columns__heading {
	font-weight: 500;
	padding: 0;
	margin-bottom: 10px;
}

.mega-menu-promotion {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.mega-menu-promotion img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	will-change: transform;
	transition: all 0.5s cubic-bezier(0.104, 0.204, 0.492, 1);
}
.mega-menu-promotion:hover img {
	transform: scale(1.07);
}
.mega-menu-promotion--image {
	overflow: hidden;
}
.mega-menu-promotion--content {
	margin-top: 20px;
	text-align: center;
}
.mega-menu-promotion--content h6 {
	font-size: 0.9375rem;
	margin-bottom: 5px;
}
.mega-menu-promotion--content p {
	font-size: 0.8125rem;
	font-weight: 400;
	margin: 0;
}
.mega-menu-promotion--content:last-child {
	margin-bottom: 0;
}
.mega-menu-promotion--link {
	position: absolute !important;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0 !important;
}
.mega-menu-promotion--link:after {
	content: none !important;
}

.menu-item-badge {
    display: inline-flex;
    align-items: center;
    font-size: 9px;
    font-weight: 600;
    padding: 1px 5px;
    border-radius: 5px;
    color: white !important;
    margin-left: 8px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    background: var(--menu-badge-bg);
    color: var(--menu-badge-text);
}

.animations-true .animate-fade {
	opacity: 0;
}

.animations-true .line-parent {
	overflow: hidden;
}

.animations-true .line-child {
	overflow: hidden;
}

.thb-localization-forms {
	display: block;
	font-size: 0.75rem;
}
.thb-localization-forms .shopify-localization-form {
	display: inline-flex;
}
.thb-localization-forms .shopify-localization-form > div {
	margin-left: 15px;
}
.thb-localization-forms .custom-select {
	font-size: inherit;
}
.thb-localization-forms .custom-select + .custom-select {
	margin-left: 20px;
}
[dir="rtl"] .thb-localization-forms .custom-select + .custom-select {
	margin-left: 0;
	margin-right: 20px;
}
.thb-localization-forms--flag {
	width: 14px;
	height: 14px;
	object-fit: cover;
	border-radius: 50%;
	margin-right: 12px;
}
[dir="rtl"] .thb-localization-forms--flag {
	margin-right: 0;
	margin-left: 12px;
}

.shopify-payment-button__more-options,
.spr-summary-actions-newreview,
.text-button {
	display: inline-flex;
	align-items: center;
	font-size: 0.9375rem;
	line-height: 1;
	position: relative;
	font-weight: 500;
	letter-spacing: var(--button-letter-spacing, 0.02em);
	cursor: pointer;
	position: relative;
	color: var(--color-accent);
	text-decoration: underline;
	text-underline-offset: 3px;
}
.shopify-payment-button__more-options span,
.spr-summary-actions-newreview span,
.text-button span {
	overflow: hidden;
	margin-left: 6px;
}
[dir="rtl"] .shopify-payment-button__more-options span,
[dir="rtl"] .spr-summary-actions-newreview span,
[dir="rtl"] .text-button span {
	margin-left: 0;
	margin-right: 6px;
	transform: rotateZ(180deg);
}
@media (hover: hover) {
	.shopify-payment-button__more-options:hover svg,
	.spr-summary-actions-newreview:hover svg,
	.text-button:hover svg {
		animation: text-button-arrow 0.35s linear forwards 1;
	}
}
.shopify-payment-button__more-options--has-icon,
.spr-summary-actions-newreview--has-icon,
.text-button--has-icon {
	text-decoration: none;
}
.shopify-payment-button__more-options.white,
.spr-summary-actions-newreview.white,
.text-button.white {
	color: #fff;
}
.shopify-payment-button__more-options.white svg path,
.spr-summary-actions-newreview.white svg path,
.text-button.white svg path {
	stroke: #fff;
}
.shopify-payment-button__more-options.regular,
.spr-summary-actions-newreview.regular,
.text-button.regular {
	color: var(--solid-button-background, var(--color-accent));
}
.shopify-payment-button__more-options.regular svg path,
.spr-summary-actions-newreview.regular svg path,
.text-button.regular svg path {
	stroke: var(--solid-button-background, var(--color-accent));
}

@keyframes text-button-arrow {
	0% {
		transform: translateX(0%);
	}
	50% {
		transform: translateX(100%);
	}
	51% {
		transform: translateX(-100%);
	}
	100% {
		transform: translateX(0%);
	}
}

button {
	color: var(--color-body, #2c2d2e);
	cursor: pointer;
}

.button,
input[type="submit"] {
	display: inline-flex;
	cursor: pointer;
	padding: 7px 30px;
	align-items: center;
	justify-content: center;
	height: 50px;
	font-size: 0.9375rem;
	font-weight: 500;
	letter-spacing: var(--button-letter-spacing, 0.02em);
	background: var(--solid-button-background, var(--color-accent));
	color: var(--solid-button-label, #fff);
	border: 0;
	border-radius: var(--button-border-radius, 6px);
	text-align: center;
	position: relative;
	z-index: 1;
	overflow: hidden;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	transition: color 0.25s cubic-bezier(0.104, 0.204, 0.492, 1),
		background-color 0.25s cubic-bezier(0.104, 0.204, 0.492, 1);
}
.button-uppercase-true .button,
.button-uppercase-true input[type="submit"] {
	text-transform: uppercase;
}
.button:focus,
.button.loading,
[loading="true"] .button,
input[type="submit"]:focus,
input[type="submit"].loading,
[loading="true"] input[type="submit"] {
	background: var(--solid-button-background-hover, var(--color-accent));
	color: var(--solid-button-label, #fff);
}
.button:focus .spinner-path,
.button.loading .spinner-path,
[loading="true"] .button .spinner-path,
input[type="submit"]:focus .spinner-path,
input[type="submit"].loading .spinner-path,
[loading="true"] input[type="submit"] .spinner-path {
	stroke: var(--bg-body);
}
@media screen and (hover: hover) {
	.button:hover,
	input[type="submit"]:hover {
		background: #f2355f;
		color: var(--solid-button-label, #fff);
	}
}
.button.loading span,
[loading="true"] .button span,
input[type="submit"].loading span,
[loading="true"] input[type="submit"] span {
	opacity: 0;
}
.button.loading .loading-overlay,
[loading="true"] .button .loading-overlay,
input[type="submit"].loading .loading-overlay,
[loading="true"] input[type="submit"] .loading-overlay {
	opacity: 1;
}
.button span,
input[type="submit"] span {
	position: relative;
	z-index: 8;
}
.button .loading-overlay,
input[type="submit"] .loading-overlay {
	opacity: 0;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
}
.button .loading-overlay svg,
input[type="submit"] .loading-overlay svg {
	width: 20px;
	height: 20px;
}
.button.full,
input[type="submit"].full {
	width: 100%;
}
.button.pill,
input[type="submit"].pill {
	border-radius: 500px;
}
.button.small,
input[type="submit"].small {
	height: 32px;
	padding: 5px 20px;
	letter-spacing: 0.02em;
	font-weight: 500;
	text-transform: none;
}
.button.medium,
input[type="submit"].medium {
	height: 40px;
	font-size: 0.8125rem;
}
.button.white,
input[type="submit"].white {
	background: #fff;
	color: var(--white-button-label, var(--color-body, #2c2d2e));
}
@media screen and (hover: hover) {
	.button.white:hover,
	input[type="submit"].white:hover {
		background: #f0f0f0;
		color: var(--white-button-label, var(--color-body, #2c2d2e));
	}
}
.button.accent,
input[type="submit"].accent {
	background: var(--color-accent);
	color: var(--solid-button-label, #fff);
}
.button.accent .spinner-path,
input[type="submit"].accent .spinner-path {
	stroke: var(--bg-body);
}
@media screen and (hover: hover) {
	.button.accent:hover,
	input[type="submit"].accent:hover {
		background: #f2355f;
	}
}
.button[disabled],
input[type="submit"][disabled] {
	background: rgba(var(--color-body-rgb), 0.4);
	color: #fff;
	cursor: not-allowed;
	pointer-events: none;
}

form {
	margin: 0;
}
form fieldset {
	padding: 0;
	margin: 0;
	border: 0;
}

input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"].loading,
[loading="true"] input[type="submit"] {
	color: var(--solid-button-label, #fff);
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea,
select {
	border: 1px solid var(--color-form-border);
	padding: 12px 17px;
	height: 50px;
	margin-bottom: 10px;
	color: var(--color-body, #2c2d2e);
	font-size: 14px;
	font-weight: 400;
	background: transparent;
	max-width: 100%;
	border-radius: var(--input-border-radius, 6px);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus,
select:focus {
	border-color: var(--color-accent);
}
input[type="text"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="date"]:-moz-placeholder,
input[type="datetime"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="time"]:-moz-placeholder,
input[type="url"]:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder {
	color: rgba(var(--color-body-rgb), 0);
}
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
input[type="datetime"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="time"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder {
	color: rgba(var(--color-body-rgb), 0);
}
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder {
	color: rgba(var(--color-body-rgb), 0);
}
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="datetime"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="time"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
	color: rgba(var(--color-body-rgb), 0);
}
input[type="text"].full,
input[type="password"].full,
input[type="date"].full,
input[type="datetime"].full,
input[type="email"].full,
input[type="number"].full,
input[type="search"].full,
input[type="tel"].full,
input[type="time"].full,
input[type="url"].full,
textarea.full,
select.full {
	width: 100%;
}
input[type="text"].invalid,
input[type="password"].invalid,
input[type="date"].invalid,
input[type="datetime"].invalid,
input[type="email"].invalid,
input[type="number"].invalid,
input[type="search"].invalid,
input[type="tel"].invalid,
input[type="time"].invalid,
input[type="url"].invalid,
textarea.invalid,
select.invalid {
	border-color: #e93636;
}

input[type="checkbox"],
input[type="radio"] {
	border: 1px solid var(--color-form-border);
	width: 20px;
	height: 20px;
	border-radius: 3px;
	margin: 0 10px 0 0;
	vertical-align: middle;
	accent-color: #ff3864;
}

textarea {
	height: auto;
	min-height: 200px;
}

label {
	font-size: 14px;
	letter-spacing: 0.02em;
	font-weight: 400;
	color: var(--color-body, #2c2d2e);
}

select {
	width: auto;
}
select.resize-select {
	width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
	transition-property: color;
}

@media only screen and (min-width: 1068px) {
	.fields {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 10px;
	}
}

.field {
	position: relative;
}
.field label {
	position: absolute;
	display: flex;
	align-items: center;
	top: 0;
	left: 0;
	width: auto;
	line-height: 1;
	padding: 12px 17px;
	height: 50px;
	pointer-events: none;
	color: rgba(var(--color-body-rgb), 0.6);
}
[dir="rtl"] .field label {
	left: auto;
	right: 0;
}
.field textarea:focus + label,
.field textarea:not(:placeholder-shown) + label,
.field input[type="text"]:focus + label,
.field input[type="text"]:not(:placeholder-shown) + label,
.field input[type="password"]:focus + label,
.field input[type="password"]:not(:placeholder-shown) + label,
.field input[type="date"]:focus + label,
.field input[type="date"]:not(:placeholder-shown) + label,
.field input[type="datetime"]:focus + label,
.field input[type="datetime"]:not(:placeholder-shown) + label,
.field input[type="email"]:focus + label,
.field input[type="email"]:not(:placeholder-shown) + label,
.field input[type="number"]:focus + label,
.field input[type="number"]:not(:placeholder-shown) + label,
.field input[type="search"]:focus + label,
.field input[type="search"]:not(:placeholder-shown) + label,
.field input[type="tel"]:focus + label,
.field input[type="tel"]:not(:placeholder-shown) + label,
.field input[type="time"]:focus + label,
.field input[type="time"]:not(:placeholder-shown) + label,
.field input[type="url"]:focus + label,
.field input[type="url"]:not(:placeholder-shown) + label,
.field select:focus + label,
.field select:not(:placeholder-shown) + label {
	background-color: var(--bg-body, #f5f5f5);
	font-size: 0.6875rem;
	padding: 0 6px;
	height: auto;
	left: 11px;
	transform: translateY(-50%);
}
[dir="rtl"] .field textarea:focus + label,
[dir="rtl"] .field textarea:not(:placeholder-shown) + label,
[dir="rtl"] .field input[type="text"]:focus + label,
[dir="rtl"] .field input[type="text"]:not(:placeholder-shown) + label,
[dir="rtl"] .field input[type="password"]:focus + label,
[dir="rtl"] .field input[type="password"]:not(:placeholder-shown) + label,
[dir="rtl"] .field input[type="date"]:focus + label,
[dir="rtl"] .field input[type="date"]:not(:placeholder-shown) + label,
[dir="rtl"] .field input[type="datetime"]:focus + label,
[dir="rtl"] .field input[type="datetime"]:not(:placeholder-shown) + label,
[dir="rtl"] .field input[type="email"]:focus + label,
[dir="rtl"] .field input[type="email"]:not(:placeholder-shown) + label,
[dir="rtl"] .field input[type="number"]:focus + label,
[dir="rtl"] .field input[type="number"]:not(:placeholder-shown) + label,
[dir="rtl"] .field input[type="search"]:focus + label,
[dir="rtl"] .field input[type="search"]:not(:placeholder-shown) + label,
[dir="rtl"] .field input[type="tel"]:focus + label,
[dir="rtl"] .field input[type="tel"]:not(:placeholder-shown) + label,
[dir="rtl"] .field input[type="time"]:focus + label,
[dir="rtl"] .field input[type="time"]:not(:placeholder-shown) + label,
[dir="rtl"] .field input[type="url"]:focus + label,
[dir="rtl"] .field input[type="url"]:not(:placeholder-shown) + label,
[dir="rtl"] .field select:focus + label,
[dir="rtl"] .field select:not(:placeholder-shown) + label {
	left: auto;
	right: 11px;
}
.field textarea.invalid + label,
.field input[type="text"].invalid + label,
.field input[type="password"].invalid + label,
.field input[type="date"].invalid + label,
.field input[type="datetime"].invalid + label,
.field input[type="email"].invalid + label,
.field input[type="number"].invalid + label,
.field input[type="search"].invalid + label,
.field input[type="tel"].invalid + label,
.field input[type="time"].invalid + label,
.field input[type="url"].invalid + label,
.field select.invalid + label {
	color: #e93636;
}

.searchform fieldset {
	position: relative;
}
.searchform fieldset input {
	width: 100%;
	margin: 0;
	padding-right: 50px;
}
.searchform fieldset input:-moz-placeholder {
	color: rgba(var(--color-body-rgb), 0.6);
}
.searchform fieldset input::-moz-placeholder {
	color: rgba(var(--color-body-rgb), 0.6);
}
.searchform fieldset input:-ms-input-placeholder {
	color: rgba(var(--color-body-rgb), 0.6);
}
.searchform fieldset input::-webkit-input-placeholder {
	color: rgba(var(--color-body-rgb), 0.6);
}
.searchform fieldset .thb-search-submit {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
}
.searchform fieldset .thb-search-submit svg {
	height: 16px;
}

.custom-checkbox[type="checkbox"] {
	-webkit-appearance: none;
	appearance: none;
	width: 48px;
	height: 24px;
	border-radius: 12px;
	border: 0;
	background: var(--color-border, #dadce0);
	position: relative;
	cursor: pointer;
}
.custom-checkbox[type="checkbox"]:after {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 4px;
	left: 4px;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
}
.custom-checkbox[type="checkbox"]:checked {
	background: var(--color-accent);
}
.custom-checkbox[type="checkbox"]:checked:after {
	transform: translateX(24px);
}

.select {
	position: relative;
	margin-bottom: 20px;
}
.select select {
	padding-right: 24px;
	margin-bottom: 0;
}
.select-arrow {
	display: flex;
	position: absolute;
	top: 50%;
	right: 12px;
	margin-top: -3.5px;
	pointer-events: none;
	line-height: 0;
}

.custom-select {
	display: inline-flex;
	position: relative;
}
.custom-select--button {
	display: flex;
	align-items: center;
	padding: 15px 0;
	gap: 8px;
}

.custom-select--text {
	font-size: 13px;
	font-weight: 500;
}
.custom-select--arrow {
	line-height: 0;
	margin-left: 10px;
}
[dir="rtl"] .custom-select--arrow {
	margin-left: 0;
	margin-right: 10px;
}

.custom-select--language.custom-select--active {
	background-color: #f4f4f4;
	border: 1px solid #afb0b1;
}

.custom-select--top.custom-select--active {
	background-color: transparent;
}

.custom-select--active .custom-select--list {
	opacity: 1;
	visibility: visible;
}
.custom-select--list {
	--bg-body-rgb: var(--color-drawer-bg-rgb);
	display: flex;
	position: absolute;
	top: calc(100% + 4px);
	right: 0;
	opacity: 0;
	max-width: calc(100vw - 30px);
	visibility: hidden;
	width: max-content;
	background: var(--color-drawer-bg, #fff);
	max-height: 300px;
	height: max-content;
	text-align: start;
	z-index: 20;
}

.custom-select--list-fixed {
	position: fixed !important;
	left: 0;
	top: calc(100% - 10px);
}

.custom-select--list ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 20px;
}
.custom-select--item {
	margin-bottom: 13px;
}
.custom-select--item .thb-localization-forms--flag {
	width: 16px;
	height: 16px;
}
.custom-select--item-active {
	text-decoration: underline;
	text-underline-offset: 4px;
}
.custom-select--item:last-child {
	margin-bottom: 0;
}
.custom-select--item button {
	display: block;
}
.custom-select--item button img,
.custom-select--item button span {
	vertical-align: middle;
}
.custom-select scroll-shadow {
	--scroll-shadow-radius: var(--block-border-radius, 16px);
}
.custom-select--top .custom-select--list {
	top: auto;
	bottom: 100%;
}
.custom-select--left .custom-select--list {
	right: auto;
	left: 0;
}

.form-notification {
	display: flex;
	align-items: center;
	font-size: 0.8125rem;
}
.form-notification svg {
	margin-right: 10px;
	flex-shrink: 0;
}
.form-notification[hidden] {
	display: none;
}
.form-notification .errors ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.form-notification ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.quantity {
	display: inline-flex;
	position: relative;
	border: 1px solid var(--color-form-border);
	padding: 0 32px;
	border-radius: var(--input-border-radius, 6px);
	-webkit-touch-callout: none;
}
.quantity .qty {
	display: inline-flex;
	padding: 0;
	width: 34px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	border: 0;
	justify-content: center;
	background: transparent;
	font-size: 0.8125rem;
	font-weight: 400;
	margin: 0;
	outline: 0;
}
.no-js .quantity .qty {
	width: 50px;
}
.quantity.buttons_added .qty {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-moz-appearance: textfield;
}
.quantity.buttons_added .qty::-webkit-inner-spin-button,
.quantity.buttons_added .qty::-webkit-outer-spin-button {
	margin: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.quantity.small-qty {
	padding: 0 25px;
}
.quantity.small-qty .qty {
	height: 34px;
	line-height: 1;
}
.quantity.small-qty .minus,
.quantity.small-qty .plus {
	width: 25px;
	height: 34px;
}
.quantity .minus,
.quantity .plus {
	display: flex;
	padding: 0;
	margin: 0;
	border: 0;
	height: 42px;
	position: absolute;
	justify-content: center;
	align-items: center;
	top: 0;
	left: 0;
	width: 32px;
	cursor: pointer;
	background: transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.quantity .minus svg,
.quantity .plus svg {
	opacity: 0.8;
}
.quantity .minus:hover svg,
.quantity .plus:hover svg {
	opacity: 1;
}
.no-js .quantity .minus,
.no-js .quantity .plus {
	display: none;
}
.quantity .minus.disabled,
.quantity .plus.disabled {
	cursor: not-allowed;
}
.quantity .minus.disabled svg,
.quantity .plus.disabled svg {
	opacity: 0.6;
}
.quantity .plus {
	top: 0;
	left: auto;
	right: 0;
}
.quantity + .remove {
	margin-left: 13px;
}
[dir="rtl"] .quantity + .remove {
	margin-left: 0;
	margin-right: 13px;
}

.remove svg {
	pointer-events: none;
}

.badge {
	display: inline-flex;
	align-items: center;
	background: var(--color-badge-sale, #c62a32);
	color: var(--color-badge-text, #fff);
	border-radius: var(--badge-corner-radius, 50px);
	font-size: 11px;
	font-weight: 500;
	height: 28px;
	padding: 8px 12px;
	line-height: 0;
}
.badge.out-of-stock {
	background: var(--color-badge-sold-out, #acacac);
}
.badge.pre-order {
	background: var(--color-badge-preorder, #666666);
}

.price {
	display: block;
	font-weight: 400;
	font-size: 0.9375rem;
	color: var(--color-price, --color-accent);
}
.price > span {
	display: inline-flex;
}
.price del + ins {
	margin-left: 10px;
}
.price .from {
	font-weight: 400;
}
.price > .amount,
.price ins {
	text-decoration: none;
}
.price .amount.discounted {
	color: var(--color-price-discounted, #ee3b45);
}
.price .unit-price {
	margin-left: 5px;
	font-size: 0.75rem;
	color: rgba(var(--color-price-rgb), 0.55);
}
.price .unit-price:before {
	content: "( ";
}
.price .unit-price:after {
	content: " )";
}
.price .unit-price.hidden {
	display: none;
}

.product-cart-item {
	display: flex;
	width: 100%;
	align-items: flex-start;
	max-width: 400px;
	margin-bottom: 20px;
}
.product-cart-item-image {
	position: relative;
	flex-shrink: 0;
	margin-right: 15px;
}
@media only screen and (min-width: 768px) {
	.product-cart-item-image {
		margin-right: 25px;
	}
}
[dir="rtl"] .product-cart-item-image {
	margin-right: 0;
	margin-left: 15px;
}
@media only screen and (min-width: 768px) {
	[dir="rtl"] .product-cart-item-image {
		margin-left: 25px;
	}
}
.product-cart-item-image .loading-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	justify-content: center;
	align-items: center;
	transform: none;
	background: rgba(var(--bg-body-rgb), 0.5);
	backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
}
.product-cart-item-image .loading-overlay svg {
	width: 24px;
}
.product-cart-item-image img {
	border-radius: calc(var(--block-border-radius, 16px) / 2);
}
.product-cart-item-info .price {
	display: block;
}
@media only screen and (min-width: 1068px) {
	.product-cart-item-info .price {
		display: none;
	}
}
.product-cart-item-price {
	margin-left: auto;
	padding-left: 15px;
	text-align: right;
}
[dir="rtl"] .product-cart-item-price {
	margin-left: 0;
	margin-right: auto;
	padding-left: 0;
	padding-right: 15px;
}
.product-cart-item-price .price {
	display: none;
}
@media only screen and (min-width: 1068px) {
	.product-cart-item-price .price {
		display: block;
	}
}
.product-cart-item-price .price .unit-price {
	display: block;
}
.product-cart-item img,
.product-cart-item .thb-placeholder {
	width: 75px;
	height: auto;
}
@media only screen and (min-width: 768px) {
	.product-cart-item img,
	.product-cart-item .thb-placeholder {
		width: 96px;
	}
}
.product-cart-item .cart-product-link {
	display: block;
	font-size: calc(var(--font-product-title-scale, 1) * 0.9375rem);
	line-height: calc(var(--font-product-title-line-height-scale, 1) * 1.5);
	font-weight: 500;
	display: block;
}
.product-cart-item.thb-loading {
	pointer-events: none;
}
.product-cart-item.thb-loading .loading-overlay {
	display: flex;
}
.product-cart-item-options,
.product-cart-item-properties {
	font-size: 0.75rem;
	opacity: 0.8;
	margin-top: 5px;
}
.product-cart-item .small-qty {
	margin-top: 8px;
}
.product-cart-item .form-notification {
	margin-top: 8px;
}

.cart-drawer .side-panel-inner {
	display: grid;
	grid-template-rows: auto 1fr auto;
	height: 100vh;
	overflow: hidden;
}
@supports (height: 100dvh) {
	.cart-drawer .side-panel-inner {
		height: 100dvh;
	}
}

.cart-drawer .side-panel-content {
	overflow-y: scroll;
	display: flex;
	flex-direction: column;
}

.cart-drawer .side-panel-footer {
	border-top: 1px solid var(--color-border, #dadce0);
	font-size: 0.9375rem;
	position: relative;
}
.cart-drawer .side-panel-footer .cart-policy-text {
	font-size: 0.8125rem;
	opacity: 0.6;
	font-weight: 400;
	margin: 0;
}

.cart-drawer-footer {
	padding: 25px 30px;
}
.cart-drawer-footer .cart-policy-text {
	text-align: left;
}
[dir="rtl"] .cart-drawer-footer .cart-policy-text {
	text-align: right;
}
.cart-drawer-footer .cart-total {
	vertical-align: top;
}

.cart-drawer .complementary-products {
	margin-top: auto;
}

.cart-drawer .product-cart-item {
	max-width: 100%;
}

.cart-drawer__empty-cart {
	height: 100%;
	padding: 10vh 0;
	display: flex;
	flex-direction: column;
	text-align: center;
	justify-content: center;
	align-items: center;
}
.cart-drawer__empty-cart svg {
	margin-bottom: 45px;
}

.cart-drawer-terms {
	margin-top: 10px;
}
.cart-drawer-terms a {
	color: var(--color-accent);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.cart-drawer-buttons {
	margin-top: 20px;
	display: grid;
	grid-template-columns: auto 1fr;
	grid-gap: 10px;
}

.cart-drawer .text-button {
	margin-top: 15px;
	margin-right: 0;
	font-size: 0.75rem;
	text-transform: uppercase;
}

.cart-drawer .order-note-toggle {
	display: inline-flex;
	position: relative;
	align-items: center;
	color: var(--color-accent);
	font-size: 0.8125rem;
	text-decoration: underline;
	text-underline-offset: 2px;
}
.cart-drawer .order-note-toggle__content {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 30px;
	z-index: 40;
	background: var(--bg-body, #f5f5f5);
	box-shadow: 0px -8px 20px rgba(0, 0, 0, 0.05);
	transform: translateY(100%);
}
.cart-drawer .order-note-toggle__content-overlay {
	content: "";
	position: absolute;
	height: calc(100vh + 100%);
	bottom: 100%;
	right: 0;
	background: rgba(0, 0, 0, 0.2);
	left: 0;
	opacity: 0;
	z-index: 30;
	pointer-events: none;
}
.cart-drawer .order-note-toggle__content label {
	font-size: 0.75rem;
	text-transform: uppercase;
	margin-bottom: 20px;
	display: block;
	font-weight: 500;
}
.cart-drawer .order-note-toggle__content textarea {
	width: 100%;
	min-height: 0;
}
.cart-drawer .order-note-toggle__content.active {
	transform: translateY(0);
}
.cart-drawer
	.order-note-toggle__content.active
	.order-note-toggle__content-overlay {
	pointer-events: all;
	opacity: 1;
}

[role="main"] .shopify-policy__title {
	text-align: center;
	min-height: 250px;
	padding: 30px 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
@media only screen and (min-width: 768px) {
	[role="main"] .shopify-policy__title {
		padding: 60px;
	}
}

[role="main"] .shopify-policy__container {
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 12.5px;
}
@media only screen and (min-width: 768px) {
	[role="main"] .shopify-policy__container {
		padding: 0 40px;
	}
}
[role="main"] .shopify-policy__container .rte {
	margin-bottom: 40px;
}
@media only screen and (min-width: 768px) {
	[role="main"] .shopify-policy__container .rte {
		margin-bottom: 60px;
	}
}

#wrapper .click-capture,
#wrapper .click-capture--product,
.side-panel,
.side-panel-content--tabs button,
.side-panel-content--tabs button:after,
.back-to-top,
.back-to-top path,
.header:after,
.header .logolink .logoimg,
.thb-secondary-area-item.thb-secondary-myaccount span:after,
.thb-secondary-area-item svg path,
.thb-secondary-area .thb-item-count,
.mobile-toggle span,
.thb-full-menu a:after,
.thb-full-menu li.menu-item-has-children > a svg path,
.button span,
input[type="submit"] span,
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea,
select,
input[type="checkbox"],
input[type="radio"],
.field label,
.custom-checkbox[type="checkbox"],
.custom-checkbox[type="checkbox"]:after,
.custom-select--list,
.quantity .minus svg,
.quantity .plus svg,
.cart-drawer .order-note-toggle,
.cart-drawer .order-note-toggle__content,
.cart-drawer .order-note-toggle__content-overlay,
.flickity-page-dots .dot,
.flickity-nav,
.flickity-nav svg {
	transition: all 0.25s cubic-bezier(0.104, 0.204, 0.492, 1);
}

.thb-full-menu .sub-menu {
	transition: all 0.25s ease;
}

.side-panel.product-drawer,
.thb-full-menu .sub-menu,
.custom-select--list {
	isolation: isolate;
	border-radius: var(--block-border-radius, 16px);
}

.no-js .quantity .minus,
.quantity .no-js .minus,
.no-js .quantity .plus,
.quantity .no-js .plus,
.no-js .flickity-nav {
	display: none !important;
}

.side-panel,
.thb-full-menu .sub-menu,
.custom-select--list,
.flickity-nav {
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.08);
}

.has-shadow--true {
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.08);
}

.thb-full-menu .mega-menu-columns {
	padding: 0 15px;
	max-width: 1380px;
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (min-width: 768px) {
	.thb-full-menu .mega-menu-columns {
		padding: 0 50px;
	}
}

/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
	position: relative;
}

.flickity-enabled:focus {
	outline: none;
}

.flickity-viewport {
	overflow: hidden;
	position: relative;
	height: 100%;
	min-width: 100%;
}

.flickity-slider {
	position: absolute;
	width: 100%;
	height: 100%;
	will-change: transform;
}

.flickity-enabled.is-draggable {
	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
	cursor: move;
	cursor: -webkit-grab;
	cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
	cursor: -webkit-grabbing;
	cursor: grabbing;
}

.flickity-enabled.is-fade .flickity-slider > * {
	pointer-events: none;
	z-index: 0;
}

.flickity-enabled.is-fade .flickity-slider > .is-selected {
	pointer-events: auto;
	z-index: 1;
}

.flickity-enabled.is-fade .flickity-slider .carousel__slide {
	will-change: opacity, z-index;
}

.flickity-enabled.is-fade.main-slideshow.transition--zoom .slideshow__slide {
	will-change: z-index;
}
.flickity-enabled.is-fade.main-slideshow.transition--zoom .slideshow__slide-bg,
.flickity-enabled.is-fade.main-slideshow.transition--zoom
	.slideshow__slide-video-bg {
	transform: scale(1.1);
}

.static-dots .flickity-page-dots {
	position: static;
}

.flickity-page-dots {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	list-style: none;
	text-align: center;
	line-height: 0;
	position: absolute;
	bottom: 28px;
	left: 0;
	width: 100%;
	border: 0;
	padding: 0;
	z-index: 20;
}
.flickity-page-dots .dot {
	width: 6px;
	height: 6px;
	display: inline-block;
	opacity: 0.2;
	border-radius: 4px;
	margin: 0 6px;
	background: var(--color-body, #2c2d2e);
	cursor: pointer;
	position: relative;
	transform: scale(1, 1);
}
.flickity-page-dots .dot.is-selected {
	opacity: 1;
}
@media (hover: hover) {
	.flickity-page-dots .dot:hover {
		opacity: 1;
	}
}
.flickity-page-dots .dot.is-selected {
	width: 32px;
}
.flickity-page-dots.dot-style--logos {
	display: inline-flex;
	align-items: center;
	overflow: scroll;
	scrollbar-width: none;
}
.flickity-page-dots.dot-style--logos::-webkit-scrollbar {
	display: none;
}
.flickity-page-dots.dot-style--logos .dot {
	width: auto;
	height: 100px;
	background: none;
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
}
.flickity-page-dots.dot-style--logos .dot img {
	object-fit: contain;
	max-height: 100%;
	width: auto;
}

.flickity-nav {
	background: var(--color-drawer-bg, #fff);
	border-radius: 50%;
	display: none;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	width: 42px;
	height: 42px;
	margin-top: -21px;
	z-index: 30;
	opacity: 0;
	cursor: pointer;
}
.flickity-nav svg {
	pointer-events: none;
}
@media only screen and (min-width: 768px) {
	.flickity-enabled .flickity-nav {
		display: flex;
	}
}
.flickity-nav.flickity-prev {
	left: -21px;
}
.flickity-nav.flickity-next {
	right: -21px;
}
.flickity-nav:focus-visible {
	opacity: 1;
}
.flickity-nav:hover svg {
	transform: scale(1.2);
}

.flickity-enabled:hover .flickity-nav {
	opacity: 1;
}

.flickity-progress {
	display: block;
	width: 100%;
	height: 1px;
	background: var(--color-border, #dadce0);
	border-radius: 0.5px;
	position: relative;
	margin-top: 20px;
}
.flickity-progress--bar {
	position: absolute;
	top: 0;
	left: 0;
	height: 1px;
	background: var(--color-body, #2c2d2e);
	width: 0%;
	border-radius: 0.5px;
}

#wrapper .click-capture,
#wrapper .click-capture--product,
.side-panel,
.side-panel-content--tabs button,
.side-panel-content--tabs button:after,
.back-to-top,
.back-to-top path,
.header:after,
.header .logolink .logoimg,
.thb-secondary-area-item.thb-secondary-myaccount span:after,
.thb-secondary-area-item svg path,
.thb-secondary-area .thb-item-count,
.mobile-toggle span,
.thb-full-menu a:after,
.thb-full-menu li.menu-item-has-children > a svg path,
.button span,
input[type="submit"] span,
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea,
select,
input[type="checkbox"],
input[type="radio"],
.field label,
.custom-checkbox[type="checkbox"],
.custom-checkbox[type="checkbox"]:after,
.custom-select--list,
.quantity .minus svg,
.quantity .plus svg,
.cart-drawer .order-note-toggle,
.cart-drawer .order-note-toggle__content,
.cart-drawer .order-note-toggle__content-overlay,
.flickity-page-dots .dot,
.flickity-nav,
.flickity-nav svg {
	transition: all 0.25s cubic-bezier(0.104, 0.204, 0.492, 1);
}

.thb-full-menu .sub-menu {
	transition: all 0.25s ease;
}

.side-panel.product-drawer,
.thb-full-menu .sub-menu,
.custom-select--list {
	isolation: isolate;
	border-radius: var(--block-border-radius, 16px);
}

.no-js .quantity .minus,
.quantity .no-js .minus,
.no-js .quantity .plus,
.quantity .no-js .plus,
.no-js .flickity-nav {
	display: none !important;
}

.side-panel,
.thb-full-menu .sub-menu,
.custom-select--list,
.flickity-nav {
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.08);
}

.has-shadow--true {
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.08);
}

.thb-full-menu .mega-menu-columns {
	padding: 0 15px;
	max-width: 1380px;
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (min-width: 768px) {
	.thb-full-menu .mega-menu-columns {
		padding: 0 50px;
	}
}

.section-header {
	padding: 0 0 30px;
	display: flex;
	flex-direction: column;
}
@media only screen and (min-width: 768px) {
	.section-header {
		flex-direction: row;
		align-items: end;
		justify-content: space-between;
		grid-gap: 30px;
	}
}
.section-header--title {
	margin-bottom: 10px;
}
.section-header--title:only-child {
	margin-bottom: 0;
}
.section-header--description {
	font-size: 0.9375rem;
}
@media only screen and (min-width: 768px) {
	.section-header--description {
		font-size: 1.0625rem;
	}
}
.section-header--description p {
	font-size: inherit;
	margin-bottom: 0;
}
.section-header--content > *:last-child {
	margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
	.section-header--button {
		flex-shrink: 0;
	}
}
.section-header scroll-shadow {
	width: auto;
	max-width: 100%;
}

.aspect-ratio {
	height: 0;
	padding-bottom: var(--ratio-percent);
	position: relative;
}
.aspect-ratio img,
.aspect-ratio .thb-placeholder {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	object-fit: cover;
}
.aspect-ratio .thb-placeholder svg {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.aspect-ratio.aspect-ratio--portrait {
	padding-bottom: 125%;
}
.aspect-ratio.aspect-ratio--square {
	padding-bottom: 100%;
}
.aspect-ratio.aspect-ratio--landscape {
	padding-bottom: 75%;
}
.aspect-ratio.aspect-ratio--circle {
	border-radius: 50%;
	isolation: isolate;
	overflow: hidden;
	padding-bottom: 100%;
}

.column-spacing--small {
	grid-gap: 10px;
}

.column-spacing--medium {
	grid-gap: 10px;
}
@media only screen and (min-width: 768px) {
	.column-spacing--medium {
		grid-gap: 20px;
	}
}

.column-spacing--large {
	grid-gap: 10px;
}
@media only screen and (min-width: 768px) {
	.column-spacing--large {
		grid-gap: 30px;
	}
}

.inline-badge {
	display: inline-flex;
	align-items: center;
	background: var(--badge-bg, var(--color-accent));
	color: var(--badge-text, #fff);
	font-size: 0.75rem;
	font-weight: 500;
	padding: 8px 15px 8px 30px;
	position: relative;
	border-radius: 15px;
	white-space: nowrap;
	height: 30px;
	margin-bottom: 25px;
}
.inline-badge:before {
	content: "";
	display: block;
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 3px;
	left: 14px;
	top: 12px;
	background: var(--badge-text, #fff);
}

.animated-marker {
	position: relative;
	display: inline-block;
	z-index: 2;
}
.animated-marker .svg-marker {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}
.animated-marker .svg-marker--style1 {
	width: 100%;
	height: 30%;
	top: auto;
	bottom: -20%;
}
.animated-marker .svg-marker--style2 {
	width: 100%;
	height: 40%;
	top: auto;
	bottom: -30%;
}
.animated-marker .svg-marker--style3 {
	width: 100%;
	height: 30%;
	top: auto;
	bottom: -20%;
}
.animated-marker .svg-marker--style4 {
	width: 100%;
	height: 30%;
	top: auto;
	bottom: -20%;
}

.outline-button {
	display: flex;
	padding: 12px 16px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	background-color: white;
	border-radius: 8px;
	border: 1px solid #1a1d21;
	flex-grow: 1;
	color: #1a1d21;
}

.outline-button span {
	font-size: 14px;
	font-weight: 500;
}

.outline-button svg {
	fill: #1a1d21;
}

.outline-button:hover {
	background-color: transparent;
	color: #1a1d21;
}

.outline-button:focus {
	background-color: transparent;
	color: #1a1d21;
}

.info-small-text {
	display: flex;
	align-items: center;
	gap: 12px;
}

.info-small-text span {
	font-size: 14px;
}

.info-small-text svg {
	fill: #1a1d21;
}

.highlight-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
	justify-content: stretch;
}

.highlight-card {
	background-color: #f4f4f4;
	border-radius: 4px;
	padding: 10px 16px;
}

.highlight-card div:first-child {
	color: #6a6c6f;
	font-size: 12px;
	font-weight: 500;
}

.highlight-card div:last-child {
	font-size: 14px;
	font-weight: 500;
}

.add-cart-icon-container {
	display: flex;
	align-items: center;
	padding-bottom: 2px;
}

.add-cart-icon-container svg {
	width: 16px;
	height: 16px;
}

.add-cart-icon-container svg path {
	fill: #ffffff;
}

.sm-only {
	display: inherit !important;
}

.md-only {
	display: none !important;
}

@media only screen and (min-width: 768px) {
	.sm-only {
		display: none !important;
	}

	.md-only {
		display: inherit !important;
	}
}

.side-panel-full {
	width: 100vw;
	max-width: none;
	transform: translateX(0);
	transform: translateY(100%);
	border-radius: 0;
	height: 100dvh;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.side-panel-full.active {
	transform: translateY(0);
}

.side-panel-grid {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	flex-grow: 1;
	overflow: hidden;
}

.side-panel-dark {
	background-color: #f4f4f4;
	border-left: 1px solid #d1d2d3;
	height: 100% !important;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.side-panel-header-dark {
	background-color: white;
}

.side-panel-full-product {
	padding: 40px 80px;
	display: none;
}

.cart-drawer-product-title {
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
}

.cart-drawer-product-spec {
	color: #6a6c6f;
	border: 1px solid #6a6c6f;
	padding: 1px 8px;
	border-radius: 5px;
	font-size: 14px;
}

.cart-drawer-upsell-container {
	background-color: #ffffff;
	border-radius: 8px;
	padding: 20px 0;
}

.cart-drawer-upsell-list {
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
	gap: 12px;
	padding: 0 16px;
	scrollbar-width: none;
}

.cart-drawer-upsell-image {
	width: 100%;
	height: 94px;
	max-height: 94px;
	will-change: max-height;
	transition: max-height 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}

.cart-drawer-upsell-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.card-drawer-upsell-item {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 12px;
	width: 240px;
	max-width: 240px;
	min-height: 320px;
	height: auto;
	border: 1px solid #afb0b1;
	border-radius: 12px;
	padding: 16px;
	flex-shrink: 0;
	transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}

.card-drawer-upsell-title {
	line-height: 140%;
}

.upsell-quick-select {
	overflow: hidden;
	opacity: 100;
}

.cd-upsell-selected .cart-drawer-upsell-image {
	height: 94px;
	max-height: 94px;
}

.cd-upsell-selected .card-drawer-upsell-title {
	display: none;
}

.cd-upsell-selected {
	justify-content: start !important;
}

.line-clamp-3 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.hidden {
	display: none;
}

.cd-upsell-cart-count {
	position: absolute;
	top: 8px;
	right: 8px;
	background-color: #ff3864;
	padding: 4px 8px;
	font-size: 13px;
	color: white;
	border-radius: 4px;
	display: flex;
	align-items: center;
	gap: 4px;
	font-weight: 600;
}

.loading .cd-upsell-quick-select-text {
	opacity: 0;
}

.cd-upsell-cart-count svg {
	width: 14px;
	height: 14px;
	margin-bottom: 1px;
}

.cd-upsell-cart-count svg path {
	fill: white;
}

.cd-cart-subtotal {
	position: sticky;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: white;
	border-radius: 16px 16px 0 0;
	padding: 0 12px;
	box-shadow: 0px 0px 16px 0px #1a1d2129;
}

.cd-cart-subtotal-body.active {
	max-height: 300px;
	overflow-y: auto;
}

.cd-cart-subtotal-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px;
	cursor: pointer;
}

.cd-cart-subtotal-product {
	display: flex;
	align-items: center;
	gap: 16px;
	background-color: #f4f4f4;
	border-radius: 8px;
	padding: 8px 12px;
	font-size: 15px;
}

.cd-cart-subtotal-body {
	max-height: 0px;
	will-change: max-height;
	transition: max-height 0.15s cubic-bezier(0.4, 0, 0.2, 1);
	overflow: hidden;
}

.cd-card-button-bar {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	border-top: 1px solid #d1d2d3;
}

.cd-card-button-bar-half {
	padding: 16px 32px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.cd-card-button-bar-checkout {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: end;
	gap: 16px;
	flex-grow: 1;
}

.cd-card-button-bar-checkout > * {
	height: 50px;
}

.cd-card-button-bar-checkout > button.button.accent {
	flex-grow: 1;
}

.cd-card-button-bar-checkout > form {
	flex-grow: 1;
}

.cd-card-button-bar-checkout > form > button {
	flex-grow: 1;
}

.cd-card-button-bar-checkout > a {
	padding: 7px 16px;
}

#cd-bar-1 > .button {
	display: none;
}

.opaque {
	opacity: 0.6;
	pointer-events: none;
}

.cd-upsell-scroller-left {
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: rotate(180deg);
}

.cd-upsell-scroller-right {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
}

.side-panel-content {
	flex-grow: 1;
	height: 100%;
}

.flipped {
	transform: rotate(180deg);
}

.cd-continue-shopping {
	display: none;
}

.cd-mobile-prod {
	display: block;
	background-color: white;
	padding: 24px 16px;
}

.cd-mobile-prod > h3 {
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
}

.side-panel-content-upsell {
	padding: 24px 16px;
}

.cart-drawer-product-image {
	width: 100%;
	height: 120px;
	max-height: 120px;
}

.cart-drawer-product-image img {
	width: 100%;
	height: 100%;
}

.cd-subsheet-product-title {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

@media only screen and (min-width: 768px) {

	.cd-card-button-bar-checkout > form {
		flex-grow: 1;
	}

	.cd-card-button-bar-checkout > a {
		padding: 7px 24px;
	}
}

@media only screen and (min-width: 1100px) {
	.cd-continue-shopping {
		display: block;
	}

	.cd-card-button-bar-checkout > a {
		padding: 7px 30px;
	}

	#cd-bar-1 > .button {
		display: inline-flex;
	}
}

@media only screen and (min-width: 768px) {
	.cd-mobile-prod {
		display: none;
	}

	.cd-subsheet-product-title {
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
	}

	.side-panel-header-dark {
		background-color: #f4f4f4;
	}

	.side-panel-full-product {
		display: flex;
		flex-direction: column;
	}

	.side-panel-grid {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		flex-grow: 1;
		overflow: hidden;
	}

	.cart-drawer-product-title {
		font-size: 28px;
		line-height: 38px;
	}

	.cd-card-button-bar {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.upsell-quick-select {
		max-height: 0;
		will-change: max-height;
		transition: max-height 0.15s cubic-bezier(0.4, 0, 0.2, 1);
		overflow: hidden;
	}

	.card-drawer-upsell-item:hover .upsell-quick-select {
		max-height: 70px;
	}

	.card-drawer-upsell-item:hover .cart-drawer-upsell-image {
		max-height: 94px;
	}

	.cart-drawer-upsell-image {
		height: 120px;
		max-height: 120px;
		transition: max-height 0.15s cubic-bezier(0.4, 0, 0.2, 1);
	}

	.side-panel-content-upsell {
		padding: 24px 32px;
	}
}

.header--searchbar {
	background-color: #f4f4f4 !important;
	border: 1px solid #d1d2d3 !important;
	border-radius: 25px !important;
	height: 44px !important;
	padding: 0 16px 0 46px !important;
	width: 100%;
	font-size: 16px !important;
}

.header--searchbar.no-js {
	opacity: 0.5;
	pointer-events: none;
}

.custom-select--language {
	border-radius: 5px;
	transition: color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
	border: 1px solid transparent;
	padding: 0;
}

.custom-select--language .custom-select--button {
	padding: 7px 5px;
}

.header--searchbar-icon {
	position: absolute;
	left: 16px;
	top: 11px;
	z-index: 1;
}

.thb-localization-forms--flag-header {
	width: 20px;
	height: 20px;
	overflow: hidden;
	border-radius: 100%;
	padding: 1px;
	object-fit: cover;
}

.thb-language--title {
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 13px;
	text-transform: uppercase;
	color: #1a1d21;
}

.thb-language--grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	overflow-y: auto;
	max-height: 300px;
	padding-bottom: 20px;
}

.thb-country-grid {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	row-gap: 20px;
	gap: 8px;
	overflow-y: auto;
	max-height: 50dvh;
	padding-bottom: 20px;
}

.custom-select-item-language {
	padding: 12px 12px;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 400;
	color: #1a1d21;
}

.thb-country-header {
	padding-top: 16px;
}

@media only screen and (min-width: 1068px) {
	.thb-language--grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.thb-country--grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		max-height: 300px;
	}

	.thb-country-header {
		grid-column: span 2 / span 2;
	}

	.header--searchbar {
		font-size: 15px !important;
	}
}

.custom-select-item-country {
	padding: 12px 12px;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 400;
	color: #1a1d21;
	display: flex;
	align-items: center;
	gap: 8px;
}

.custom-select-item-language.custom-select--item-active {
	background-color: #1a1d21;
	color: white;
	text-decoration: none;
}

.custom-select-item-country.custom-select--item-active {
	background-color: #1a1d21;
	color: white;
	text-decoration: none;
}

.custom-select-item-language:hover {
	background-color: #f4f4f4;
}

.custom-select-item-country:hover {
	background-color: #f4f4f4;
}

.custom-select-item-language.custom-select--item-active:hover {
	background-color: #1a1d21;
}

.custom-select-item-country.custom-select--item-active:hover {
	background-color: #1a1d21;
}

.thb-language--switcher {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	background-color: #ffe6ec;
	padding: 2px;
	border-radius: 20px;
	max-width: 280px;
	flex-grow: 1;
}

.thb-language--switcher button {
	text-align: center;
	padding: 6px 0;
	border-radius: 20px;
	font-size: 12px;
	line-height: 16px;
	font-weight: 500;
	cursor: pointer;
}

.thb-language--switcher .thb-language-switcher-active {
	background-color: #ff3864;
	color: white;
	border-radius: 20px;
}

.thb-hidden {
	display: none !important;
}

.thb-secondary-login {
	font-size: 14px;
	font-weight: 500;
	color: white;
	padding: 9px 14px !important;
	border-radius: 5px;
	background-color: #1a1d21;
	text-align: center;
}

.thb-secondary-login:hover {
	color: white;
}

.header-md-only {
	display: none;
}

.header-sm-only {
	display: block;
}

.header-md-only-f {
	display: none;
}

.custom-select--language-list {
	position: absolute;
	bottom: -40px !important;
	left: 0;
	right: 0;
	padding: 24px 32px 0 32px;
	box-shadow: 0px 4px 16px 0px #0000001f;
	flex-direction: column;
	max-height: none;
	width: auto;
	max-width: none;
}

.custom-select--language-list scroll-shadow {
	--scroll-shadow-radius: 0 !important;
}

.custom-header-search-container-main {
	grid-column: span 3 / span 3;
	margin: 8px 0 12px 0;
	display: flex;
	align-items: center;
	gap: 4px;
}

.header-cart-mobile {
	display: block;
	min-width: 0 !important;
}

@media only screen and (min-width: 1068px) {
	.custom-header-search-container-main {
		grid-column: span 1 / span 1;
		margin: 0;
		display: block;
	}

	.custom-select--language-list {
		padding: 20px 24px 0 24px;
		box-shadow: 0px 4px 16px 0px #0000001f;
		flex-direction: column;
		max-height: none;
		max-width: calc(100vw - 30px);
		width: max-content;
		left: auto;
		right: -116px;
		top: calc(100% + 4px);
		bottom: auto;
	}

	[dir="rtl"] .custom-select--language-list {
		right: auto;
		left: -116px;
	}

	.header-md-only {
		display: block;
	}

	.header-md-only-f {
		display: flex;
	}

	.header-cart-mobile {
		display: none;
	}

	.header-sm-only {
		display: none;
	}
}

.custom-select-mobile-blur {
	display: none;
	position: absolute;
	top: calc(-100dvh + 100%);
	width: 100%;
	left: 0;
	height: calc(100dvh - 100%);
	background: rgba(var(--color-overlay-rgb), 0.4);
	backdrop-filter: blur(7px);
	-webkit-backdrop-filter: blur(7px);
	opacity: 0;
	z-index: 4;
	transition: opacity 0.25s ease;
}

.mobile-blur-active {
	display: block;
	opacity: 1;
}

.custom-search-drawer {
	display: none;
	position: absolute;
	top: calc(100% + 8px);
	left: -15px;
	right: -15px;
	max-height: 72svh;
	background-color: white;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 5;
	border-top: 1px solid #d1d2d3;
	border-radius: 0 0 8px 8px;
	box-shadow: 0px 8px 16px 0px #0000001f;
}

.custom-search-close {
	display: none;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	height: 44px;
	width: 44px;
	margin-right: -10px;
}

.custom-search-close.close-active {
	display: flex;
}

@media only screen and (min-width: 1068px) {
	.custom-search-close.close-active {
		display: none;
	}

	.custom-search-drawer {
		top: 100%;
		left: 0;
		right: 0;
		max-height: 60dvh;
		border-radius: 8px;
		border-top: none;
		overflow-y: auto;
		box-shadow: 0px 4px 16px 0px #0000001f;
	}
}

.custom-search-drawer.active {
	display: block;
}

.after-visible::after {
	opacity: 1 !important;
}

.mega-menu-footer-button {
	background: white;
	border: 1px solid #d1d2d3;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 32px;
}

.mega-menu-footer-button a {
	font-size: 12px;
	font-weight: 500;
	color: #1a1d21;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 21px;
}

.letter-grid {
	display: grid;
	gap: 8px;
}

.letter-grid-9 {
	grid-template-columns: repeat(9, minmax(0, 1fr));
}

.letter-grid-5 {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.letter-grid a {
	width: 24px;
	height: 24px;
	text-align: left;
	font-size: 15px;
	color: #1a1d21;
}

.brand-list-head {
	font-size: 24px;
	font-weight: 600;
}

.brand-list-list {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	gap: 16px;
}

.all-brands-list-container {
	display: flex;
	flex-direction: column;
	gap: 26px;
}

.brand-list-letter-grid {
	flex-shrink: 0;
}

.letter-grid-header {
	padding: 16px;
}

.letter-grid.letter-grid-9 {
	gap: 8px;
	row-gap: 12px;
}

.tooltip {
	position: relative;
	display: flex;
}

.tooltip .tooltiptext {
    visibility: hidden;
    background-color: black;
    color: #d1d2d3;
    text-align: center;
    border-radius: 8px;
    padding: 8px 12px;
    width: 250px;
    min-width: 250px !important;
    font-size: 12px;
    box-shadow: 0px 2px 8px 0px rgba(26, 29, 33, 0.16);
    position: absolute;
    z-index: 2;
    bottom: calc(100% + 8px);
    right: 0;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
}

@media only screen and (min-width: 768px) {
	.all-brands-list-container {
		flex-direction: row;
		gap: 10%;
	}

	.letter-grid.letter-grid-9 {
		gap: 8px;
		row-gap: 8px;
	}

	.letter-grid-header {
		max-width: 150px;
		padding: 0;
	}

	.brand-list-list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.header-hidden-scroll {
	transform: translateY(-100%);
}

.side-panel-down-header {
	background-color: #f4f4f4;
	text-align: center;
	padding: 14px 8px 12px 8px;
	font-size: 14px;
	font-weight: 500;
	flex-shrink: 0;
}

.side-panel-down-header side-panel-close {
	position: absolute;
	right: 16px;
	top: 16px;
}

.side-panel-down-content {
	padding: 0 16px;
	overflow-y: auto;
	flex-grow: 1;
}

.side-panel-down-inner {
	display: flex;
	flex-direction: column;
	overflow-y: hidden;
	max-height: 70vh;
}

.side-panel-down-inner .side-panel-footer {
	flex-shrink: 0;
}

.side-panel-down-footer {
	gap: 16px;
	padding: 12px 16px;
	border-top: 1px solid #d1d2d3;
	align-items: center;
}

.side-panel-down-footer button {
	width: 100%;
}

.mobile-filters-down-clear {
	position: absolute;
	left: 16px;
	top: 16px;
}

.button.dark {
	background-color: #1a1d21;
	color: white;
}

.justify-between {
	justify-content: space-between;
	display: flex;
}

.jsb {
	justify-content: space-between;
	display: flex;
	align-items: center;
}

.jsb p {
	margin-top: 0 !important;
}

.error-text {
	color: red;
	font-size: 15px;
	font-weight: 500;
	margin: 16px 0;
	text-align: center;
}

.product-images-disclaimer {
	font-size: 13px !important;
}

.cd-warranty-list {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	gap: 12px;
}

.cd-warranty-list button {
	border: 1px solid #d1d2d3;
	border-radius: 5px;
	display: flex;
	flex-direction: row;
	margin-top: 8px;
	background-color: white;
	width: 100%;
	overflow: hidden;
	gap: 16px;
	padding: 12px;
}

.cd-services-list {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	gap: 12px;
}

.cd-services-list button {
	border: 1px solid #d1d2d3;
	border-radius: 5px;
	display: flex;
	flex-direction: row;
	margin-top: 8px;
	background-color: white;
	width: 100%;
	overflow: hidden;
	gap: 16px;
	padding: 12px;
}

.cd-box-list {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	gap: 12px;
}

.cd-box-list button {
	border: 1px solid #d1d2d3;
	border-radius: 5px;
	display: flex;
	flex-direction: row;
	margin-top: 8px;
	background-color: white;
	width: 100%;
	overflow: hidden;
	gap: 16px;
	padding: 12px 12px 0 12px;
}

.cd-service-selected {
	border: 1.5px solid black !important;
}

.cd-service-image {
	width: 100px;
	height: 100px;
	overflow: hidden;
	flex-shrink: 0;
	border-radius: 8px;
}

.cd-service-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.cd-warranty-image {
	width: 100px;
	height: 100px;
	overflow: hidden;
	flex-shrink: 0;
	border-radius: 8px;
}

.cd-box-image {
	width: 100px;
	height: 100px;
	overflow: hidden;
	flex-shrink: 0;
	border-radius: 8px;
}

.cd-box-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.cd-warranty-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.cd-service-info {
	padding: 0;
}

.cd-small-title {
	font-size: 15px;
	font-weight: 500;
}

.cd-description {
	font-size: 13px;
	color: #6a6c6f;
}

.cd-service-name-container {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-bottom: 8px;
}

@media only screen and (min-width: 768px) {
	.cd-service-name-container {
		justify-content: space-between;
		flex-direction: row;
	}
}

@media only screen and (min-width: 1400px) {
	.cd-services-list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.cd-warranty-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.cd-box-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media only screen and (min-width: 1068px) {
	.cd-services-list button {
		flex-direction: column;
		gap: 0;
		padding: 0;
	}

	.cd-warranty-list button {
		flex-direction: column;
		gap: 0;
		padding: 0;
	}

	.cd-service-image {
		width: 100%;
		height: 180px;
		margin: 0;
		border-radius: 0;
	}

	.cd-warranty-image {
		width: 100%;
		height: 140px;
		margin: 0;
		border-radius: 0;
	}

	.cd-service-info {
		padding: 16px;
	}
}

.cd-opaque {
	opacity: 0.4 !important;
	pointer-events: none;
}

.cd-block {
	display: block !important;
}.product-featured-image-link {
        background: #f4f4f4 !important;
}
/* =========================
   BASE STRUTTURA CARD
   ========================= */
.product-card{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:stretch;
  min-height:100%;
  box-sizing:border-box;
  min-width:0; /* evita overflow nei grid */
}

.product-card-info{
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  padding-top:12px;
  position:relative;
  z-index:1;
}

/* Sotto-titolo */
.product-card-additions{ margin-top:4px; margin-bottom:8px; }

/* Spazio riservato sconto */
#p-disc-{{ product_card_product.id }},
.product-card .product-card-info span[id^="p-disc-"]{
  display:block;
  margin-top:4px;
}

/* =========================
   CHIPS (sotto immagine)
   ========================= */
.pc-chips{
  min-height:28px;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin-right:2px;
  margin-top:0;
  min-width:0;
  overflow:visible; /* per i tooltip */
}
.chip{ margin-right:2px; }

/* Chip base + varianti */
.chip{
  display:inline-flex;
  align-items:center;
  height:28px;
  padding:0 12px;
  border-radius:999px;
  font-size:13px;
  font-weight:700;
  line-height:1;
  border:1px solid #e5e7eb;
  max-width:100%; 
}
.chip--cond{ background:#eef4ff; color:#1e40af; border-color:#dbe7ff; }
.chip--new { background:#e8fff1; color:#0c7a43; border-color:#bff1d3; }
.chip--used{ background:#fff5e6; color:#b45309; border-color:#ffd8a8; }
.chip--km0 { background:#eef4ff; color:#1e40af; border-color:#dbe7ff; }
.chip--cat { background:#f2f4f7; color:#1f2937; border-color:#e5e7eb; font-weight:600; }

/* Chip E-bike */
.chip--ebike{
  display:inline-flex; align-items:center; gap:.35em;
  background:#E6F9EA; color:#128b41; border:1px solid #C8F0D2;
}

@media (hover:hover){
  .chip:hover{ box-shadow:0 0 0 2px rgba(0,0,0,.05) inset; }
}

/* Chip info "?" tooltip a destra */
.chip--info.has-tip{ position:relative; }
.chip--info.has-tip::after{
  content:attr(data-tip);
  position:absolute;
  left:calc(100% + 10px);
  top:50%;
  transform:translateY(-50%) translateX(4px);
  background:#111; color:#fff;
  padding:10px 12px; border-radius:10px;
  font-size:12px; line-height:1.35;
  width:max-content; max-width:clamp(220px,40vw,420px);
  box-shadow:0 6px 18px rgba(0,0,0,.2);
  opacity:0; pointer-events:none; z-index:999;
  transition:opacity .15s ease, transform .15s ease;
  white-space:normal; word-break:break-word;
}
.chip--info.has-tip::before{
  content:""; position:absolute;
  left:calc(100% + 2px); top:50%;
  transform:translateY(-50%) translateX(4px);
  border:7px solid transparent; border-left-color:#111;
  opacity:0; transition:opacity .15s ease, transform .15s ease;
  z-index:1000;
}
.chip--info.has-tip:hover::after,
.chip--info.has-tip:focus-visible::after,
.chip--info.has-tip:hover::before,
.chip--info.has-tip:focus-visible::before{
  opacity:1; transform:translateY(-50%) translateX(0);
}

/* Chip Team Bikes (trophy) — SEMPRE ultima a destra */
.chip--pro{
  margin-left:auto; order:999;
  display:inline-flex; align-items:center; gap:.35em;
  background:#FFF7CC; color:#B45309; border:1px solid #FDE68A;
  padding:4px 8px; border-radius:999px; font-weight:500; font-size:.85rem;
}
.chip--pro i{ font-size:.9em; line-height:1; color:#F59E0B; }

/* Variante inline (accanto alla "i") */
.chip--pro-inline{
  margin-left:0;
  order:auto;
}

/* Accessibilità */
.sr-only{
  position:absolute!important; width:1px; height:1px;
  margin:-1px; padding:0; border:0; overflow:hidden; clip:rect(0 0 0 0);
}

/* =========================
   STACKING + BADGE
   ========================= */
.product-card .product-featured-image{ position:relative; isolation:isolate; }
.product-card .product-featured-image-link{
  position:relative; z-index:10; display:block; width:100%;
  border-radius:16px; overflow:hidden; /* solo estetica */
}
.product-card .product-card-quickview{ position:relative; z-index:30; }

.product-card .product-featured-image .badge{
  position:absolute;
  top:12px; left:12px;
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 14px; border-radius:10px;
  font-size:14px; font-weight:700; line-height:1;
  box-shadow:0 2px 6px rgba(0,0,0,.08);
  z-index:60;
}

/* =========================
   OVERLAY TAGLIE FLOAT
   ========================= */
.product-card .bx-overlay{
  position:absolute; left:8px; right:8px; bottom:10px;
  background:none; border:none; border-radius:0;
  padding:6px 0; opacity:0; transform:translateY(8px);
  transition:opacity .18s ease, transform .18s ease;
  z-index:40; pointer-events:none;
  display:flex; justify-content:center;
}
.product-card .bx-overlay a,
.product-card .bx-overlay .bx-chip-size{ pointer-events:auto; }

@media (hover:hover) and (pointer:fine){
  .product-featured-image:hover .bx-overlay{ opacity:1; transform:translateY(0); }
}

/* Lista taglie (centrata, con scroll orizzontale se serve) */
.product-card .bx-overlay .bx-chips--sizes{
  list-style:none; margin:0 auto; padding:0;
  display:flex; flex-wrap:nowrap; align-items:center; justify-content:center; gap:8px;
  max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;
  scrollbar-width:none; white-space:nowrap; overscroll-behavior-x:contain;
}
.product-card .bx-overlay .bx-chips--sizes::-webkit-scrollbar{ display:none; }

.product-card .bx-overlay .bx-chips--sizes .bx-chip{ flex:0 0 auto; display:inline-block; }
.product-card .bx-overlay .bx-chips--sizes .bx-chip-size{ white-space:nowrap; }

/* Taglie pill galleggianti */
.bx-chip-size{
  display:inline-flex; align-items:center; justify-content:center;
  padding:6px 12px; border-radius:10px;
  background:rgba(255,255,255,0.9); backdrop-filter:blur(6px);
  border:1px solid rgba(0,0,0,0.1); color:#222;
  font-weight:600; font-size:13px; cursor:pointer; transition:all .2s ease;
}
.bx-chip-size:hover{
  background:#fff; border-color:rgba(0,0,0,0.2);
  box-shadow:0 2px 6px rgba(0,0,0,.15);
}
.bx-chip.is-oos .bx-chip-size,
.bx-chip-size.is-disabled{
  background:rgba(240,240,240,0.8); color:#9a9a9a;
  border-color:rgba(0,0,0,0.1); text-decoration:line-through;
  cursor:not-allowed; pointer-events:none;
}

/* =========================
   CHIP PLUS
   ========================= */
.chip--plus{
  display:inline-flex; align-items:center; justify-content:center;
  width:30px; height:30px; border-radius:50%;
  background:#d1d5db; color:#111; font-weight:800; font-size:16px; line-height:1;
  border:2px solid #9ca3af; cursor:pointer; transition:all .2s ease; text-decoration:none;
}
.chip--plus:hover{ background:#9ca3af; color:#fff; border-color:#6b7280; }

/* =========================
   MENU CONDIZIONE PALLINI
   ========================= */
.menu-condizione li{ position:relative; padding-left:18px; }
.menu-condizione li::before{
  content:""; position:absolute; left:0; top:50%;
  width:8px; height:8px; border-radius:50%; transform:translateY(-50%);
}
.menu-condizione li.nuovo::before{ background:#0c7a43; }
.menu-condizione li.usato::before{ background:#b45309; }
.menu-condizione li.kmo::before  { background:#1e40af; }
.menu-condizione li.pro::before  { background:#8b5cf6; }

/* =========================
   MEGA MENU TITOLI
   ========================= */
a.mega-menu-columns__heading{
  font-weight:600 !important;
  font-family:"Poppins",sans-serif;
}

/* Chip overlay foto (dx) */
.chip--overlay-right{
  position:absolute; top:12px; right:12px; z-index:25;
}

/* Anti “puntino” in liste grid */
#product-grid{ list-style:none !important; padding-left:0 !important; margin-left:0 !important; }
#product-grid > li{ list-style:none !important; display:block !important; }
#product-grid > li::marker{ content:"" !important; }
.product-card .flickity-page-dots{ display:none !important; }

/* ===============================
   KM0 Accordion (palette + base)
   =============================== */
:root{
  --km0-bg:#eaf3ff; --km0-bg-2:#dff0ff; --km0-border:#cfe2ff;
  --km0-text:#0b5bd3; --km0-text-dk:#123a7a;
  --km0-panel-bg:#f6faff; --km0-shadow:0 6px 14px rgba(11,91,211,.10), 0 2px 6px rgba(11,91,211,.08);
}
.km0-accordion{ position:relative; }
.km0-accordion__trigger{
  width:100%; display:inline-flex; align-items:center; justify-content:space-between; gap:.75rem;
  padding:.75rem .9rem; border-radius:12px;
  background:linear-gradient(180deg, var(--km0-bg), var(--km0-bg));
  color:var(--km0-text); border:1px solid var(--km0-border);
  transition:background .2s ease, box-shadow .2s ease, transform .08s ease;
}
.km0-accordion__trigger:hover{
  background:linear-gradient(180deg, var(--km0-bg), var(--km0-bg-2));
  box-shadow:var(--km0-shadow);
}
.km0-accordion__trigger:active{ transform:translateY(1px); }
.km0-accordion__trigger:focus-visible{ outline:2px solid var(--km0-text); outline-offset:2px; }
.km0-accordion__label{ font-weight:600; }
.km0-accordion__icon{ display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; flex:0 0 20px; }
.km0-accordion__icon svg, .km0-icon{ transition:transform .22s ease; }
.km0-accordion__trigger[aria-expanded="true"] .km0-accordion__icon svg,
.km0-accordion__trigger[aria-expanded="true"] .km0-icon{ transform:rotate(180deg); }

.km0-accordion__panel{
  position:absolute; left:0; right:0; bottom:calc(100% + 8px); z-index:30;
  border:1px solid var(--km0-border); border-radius:12px; background:var(--km0-panel-bg); color:var(--km0-text-dk);
  box-shadow:var(--km0-shadow);
  transform-origin:bottom; transform:scaleY(0); opacity:0; visibility:hidden; pointer-events:none;
  transition:transform .24s ease, opacity .18s ease, visibility 0s linear .24s;
  max-height:60vh; overflow:auto;
}
.km0-accordion__panel.is-open{ transform:scaleY(1); opacity:1; visibility:visible; pointer-events:auto; }
.km0-accordion__panel[hidden]{ display:none !important; }
.km0-accordion__inner{ padding:12px 14px; font-size:.95rem; line-height:1.5; }
.km0-accordion__inner p{ margin:0; }

@media (max-width:768px){
  .product-card .product-card-title{
    max-height:calc(2 * var(--lh));
    -webkit-mask-image:none !important; mask-image:none !important;
    word-break:break-word; overflow-wrap:anywhere;
  }
  .product-card .bx-overlay{
    position:static; left:auto; right:auto; bottom:auto;
    opacity:1; transform:none; padding:8px 0 0; pointer-events:auto;
  }
  .product-card .bx-overlay .bx-chips--sizes{ justify-content:flex-start !important; }

  .product-card,
  .product-featured-image,
  .product-card-info,
  .pc-chips,
  .product-card .bx-overlay .bx-chips--sizes{
    box-sizing:border-box; max-width:100%; overflow:hidden;
  }

  .km0-accordion .km0-accordion__panel{
    bottom:auto; top:calc(100% + 8px); transform-origin:top;
  }
}

/* ===== Dark mode ===== */
@media (prefers-color-scheme:dark){
  .km0-accordion__panel{ background:#0b1020; border-color:#29457a; color:#e7efff; }
  .km0-accordion__trigger{ background:#0f1d33; border-color:#29457a; color:#b7d1ff; }
  .km0-accordion__trigger:hover{ background:#122448; }
}

/* ===== Riduzione animazioni ===== */
@media (prefers-reduced-motion:reduce){
  .product-card .product-card-title,
  .product-card .product-card-title::after,
  .product-featured-image:hover .bx-overlay,
  .km0-accordion__trigger,
  .km0-accordion__panel,
  .km0-accordion__icon svg,
  .km0-icon{ transition:none !important; }
}

/* ============ PRODUCT PAGE — MOBILE HOTFIX ============ */
@media (max-width:768px){
  .template-product .product,
  .template-product .product .page-width,
  .template-product .product .grid,
  .template-product .product [class*="grid--"],
  .template-product .product [class*="Grid"],
  .template-product .product [class*="Wrapper"]{ display:block !important; }

  .template-product .product .grid__item,
  .template-product .product [class*="__media"]:not(.product-single__media-zoom),
  .template-product .product [class*="__info"],
  .template-product .product [class*="__details"],
  .template-product .product [class*="__right"],
  .template-product .product [class*="__left"]{
    width:100% !important; max-width:100% !important; flex:0 0 100% !important;
  }

  .template-product [class*="sticky"],
  .template-product .product [style*="position: sticky"],
  .template-product .product [style*="position:fixed"]{
    position:static !important; top:auto !important; bottom:auto !important;
  }

  .template-product .section-title--bg,
  .template-product [class*="bg-title"],
  .template-product [class*="watermark"],
  .template-product [class*="spec"] .bg-title,
  .template-product [class*="spec"]::before{ display:none !important; content:none !important; }

  .template-product [class*="spec"]{
    position:static !important; z-index:1 !important; margin-top:16px; max-width:100% !important;
  }

  .template-product .multicolumn__image .multicolumn__image--inner {
    position: relative !important;
  }

  .template-product .product [class*="__media"] img,
  .template-product .product [class*="__media"] picture img{
    width:100% !important; height:auto !important; object-fit:contain !important;
  }

  .template-product .bx-overlay{
    position:static !important; left:auto; right:auto; bottom:auto;
    opacity:1; transform:none; padding-top:8px; pointer-events:auto;
  }
  .template-product .bx-overlay .bx-chips--sizes{
    justify-content:flex-start !important; overflow-x:auto; white-space:nowrap; -webkit-overflow-scrolling:touch;
  }

  .template-product *{
 box-sizing:border-box; word-break:break-word; overflow-wrap:anywhere;
  }

  html, body{ overflow-x:hidden; }
}

/* ============ PRODUCT PAGE — SINGLE COLUMN FINO A 900px ============ */
@media (max-width:900px){
  .template-product .product .grid,
  .template-product .product .product__grid,
  .template-product .product [class*="grid--"],
  .template-product .product [class*="__grid"]{
    display:grid !important; grid-template-columns:1fr !important; column-gap:0 !important;
  }
  .template-product .product .grid__item,
  .template-product .product .product__media-wrapper,
  .template-product .product .product__info-wrapper,
  .template-product .product [class*="__media"]:not(.product-single__media-zoom),
  .template-product .product [class*="__info"]{
    grid-column:1 / -1 !important; width:100% !important; max-width:100% !important;
  }
  .template-product .product .product__info-wrapper,
  .template-product .product [class*="__info"][style*="position: sticky"],
  .template-product .product [style*="position: sticky"]{ position:static !important; top:auto !important; }
  .template-product .section-title--bg,
  .template-product [class*="bg-title"],
  .template-product [class*="watermark"]{ display:none !important; content:none !important; }
}

/* === MOBILE: NASCONDI COMPLETAMENTE LE TAGLIE NELLE CARD === */
@media (max-width:768px){
  .product-card .bx-overlay,
  .product-card .bx-overlay *{
    display:none !important; visibility:hidden !important;
    pointer-events:none !important; height:0 !important; margin:0 !important; padding:0 !important;
  }
  .product-card .bx-chips--sizes{ display:none !important; }
}

/* =========================
   ALTRI UTILITIES E LAYOUT
   ========================= */
#product-grid > :not(li){ grid-column:1 / -1 !important; width:100% !important; }
#prod-sold-by{ display:none !important; }

/* Shipping timeline */
.shipping-timeline{
  margin-top:16px; background:var(--color-bg, #f7f7f9);
  border:1px solid rgba(0,0,0,.06); border-radius:14px; padding:16px;
}
.shipping-timeline__list{
  list-style:none; display:grid; grid-template-columns:repeat(3,1fr);
  gap:12px; margin:0; padding:0; position:relative;
}
.shipping-timeline__list::before{
  content:""; position:absolute; top:32px;
  left:calc(16px + 12px); right:calc(16px + 12px);
  height:2px; background:rgba(0,0,0,.08);
}
.shipping-timeline__step{ position:relative; text-align:center; }
.shipping-timeline__icon{
  display:inline-flex; align-items:center; justify-content:center;
  width:44px; height:44px; border-radius:50%;
  background:#fff; border:2px solid rgba(0,0,0,.08); box-shadow:0 1px 0 rgba(0,0,0,.04); z-index:1;
}
.shipping-timeline__step.is-complete .shipping-timeline__icon{ border-color:rgba(0,0,0,.18); background:#fff; }
.shipping-timeline__label{ display:block; margin-top:8px; font-size:13px; line-height:1.3; }
.shipping-timeline__eta{ margin-top:12px; font-size:13px; opacity:.8; text-align:center; }

@media (max-width:720px){
  .shipping-timeline__list{ grid-template-columns:1fr; }
  .shipping-timeline__list::before{ display:none; }
  .shipping-timeline__step{
    display:grid; grid-template-columns:44px auto; gap:10px; text-align:left; align-items:center;
  }
  .shipping-timeline__label{ margin-top:0; }
}

/* Griglia pagina collezione con sidebar */
.product-grid-container{
  display:grid;
  grid-template-columns:1fr !important;
  gap:16px;
}
@media (min-width:750px) and (max-width:989px){
  .product-grid-container{ 
    grid-template-columns:1fr !important;
 grid-template-columns:minmax(0,1fr) minmax(600px,850px) !important;
}
}
@media (min-width:990px){
  .product-grid-container{
    grid-template-columns:minmax(0,1fr) minmax(600px,850px) !important;
    gap:24px;
    flex-direction: column-reverse !important;}
  }
@media only screen and (min-width: 1068px) {
    .product-grid-container {
        display: grid;
        align-items: start;
        grid-gap: clamp(30px, 5%, 64px);
        grid-template-columns: minmax(50%, 740px) clamp(360px, 45%, 500px) !important;
    }
}




/* Varie */
.breadcrumbs{ position:relative; z-index:21 !important; }
.header--wide{
  max-width:100% !important; width:100% !important;
  margin:0 !important; padding-left:0 !important; padding-right:0 !important;
}

/* Checkmark BK */
.bk-checkmark{
  display:inline-block; width:28px; height:28px; margin-left:2px; border-radius:50%;
  background:#000; position:relative; vertical-align:middle;
}
.bk-checkmark::after{
  content:""; position:absolute; left:0; top:2px; width:4px; height:8px;
  border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg);
}

/* -------- SPECS – CLEAN ACCORDION (versione unica) -------- */
.spec-container{
  --br-text:#111;
  --br-muted:#6b7280;
  --br-border:rgba(0,0,0,.12);
  --br-bg-hover: color-mix(in srgb, var(--br-border) 20%, transparent);
  --br-bg-open:  color-mix(in srgb, var(--br-border) 35%, transparent);
  --br-accent: currentColor;
  color:var(--br-text);
  font-size:16px;
}
@media (prefers-color-scheme:dark){
  .spec-container{
    --br-text:#e7e7e7; --br-muted:#9aa4b2; --br-border:rgba(255,255,255,.16);
    --br-bg-hover: color-mix(in srgb, var(--br-border) 30%, transparent);
    --br-bg-open:  color-mix(in srgb, var(--br-border) 45%, transparent);
    --br-accent:#e7e7e7;
  }
}

.br-acc{ border-bottom:1px solid var(--br-border); margin:0; }
.br-acc summary{
  display:flex; align-items:center; gap:.9rem;
  padding:14px 4px; cursor:pointer; list-style:none; outline:0;
  -webkit-tap-highlight-color:transparent; user-select:none;
  font-weight:800; letter-spacing:.02em; text-transform:uppercase;
  font-size:clamp(17px,2vw,21px); line-height:1.1; border-radius:12px;
  background:transparent;
}
.br-acc summary::-webkit-details-marker{ display:none; }
.br-acc summary:hover{ background:var(--br-bg-hover); }
.br-acc[open] summary{ background:var(--br-bg-open); }

.br-acc .spec-icon{ display:inline-flex; line-height:0; opacity:.9; }
.br-acc .spec-icon svg{ width:24px; height:24px; stroke-width:2.1; }

.br-ttl{ display:flex; align-items:center; gap:.6rem; }
.br-badge{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:24px; height:22px; padding:0 8px; border-radius:999px;
  font-weight:700; font-size:12px; letter-spacing:.02em;
  background:var(--br-border); color:var(--br-text);
}

.br-acc .chev{
  margin-left:auto; line-height:0; display:inline-flex; opacity:.9;
  transform:rotate(-90deg); transition:transform .18s ease;
}
.br-acc[open] .chev{ transform:rotate(0deg); }

.br-body{ padding:8px 2px 16px; }

.spec-section-grid{
  display:grid; grid-template-columns:1fr 2fr; gap:10px 18px;
}
.spec-section-row{ display:contents; }
.spec-section-key{ color:var(--br-muted); font-weight:600; }
.spec-section-value{ color:var(--br-text); }

.br-panel{ max-height:0; overflow:hidden; transition:max-height .24s ease; }
.br-acc[open] .br-panel{ max-height:2000px; }

@media (max-width:720px){
  .br-acc summary{ padding:12px 4px; }
  .spec-section-grid{ grid-template-columns:1fr; gap:6px 0; }
  .spec-section-key{ font-weight:700; }
  .spec-section-row > .spec-section-value{ margin-bottom:8px; }
}

/* ---- Componenti accordion “bike-specs-accordion” (se usati altrove) ---- */
.bike-specs-accordion{
  --primary-color:#3498db; --secondary-color:#2c3e50; --accent-color:#e74c3c;
  --light-color:#f8f9fa; --border-color:#eaeaea; --text-color:#333; --shadow:0 4px 10px rgba(0,0,0,.05);
  background:#fff; border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,.1);
  width:100%; overflow:hidden; margin:20px 0;
}
.bike-specs-accordion *{ margin:0; padding:0; box-sizing:border-box; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
.specs-header{ background:var(--secondary-color); color:#fff; padding:25px; text-align:center; }
.specs-header h1{ font-weight:600; font-size:28px; margin-bottom:5px; }
.specs-header p{ opacity:.8; font-size:16px; }
.specs-accordion{ padding:20px; }
.accordion-item{ margin-bottom:15px; border-radius:8px; overflow:hidden; box-shadow:var(--shadow); border:1px solid var(--border-color); }
.accordion-header{
  background:var(--light-color); padding:18px 20px; cursor:pointer;
  display:flex; justify-content:space-between; align-items:center; transition:all .3s ease;
}
.accordion-header:hover{ background:#eef2f7; }
.accordion-header.active{ background:var(--primary-color); color:#fff; }
.accordion-title{ display:flex; align-items:center; gap:12px; font-weight:600; font-size:18px; }
.accordion-icon{ width:30px; text-align:center; }
.accordion-arrow{ transition:transform .3s ease; }
.accordion-header.active .accordion-arrow{ transform:rotate(180deg); }
.accordion-content{ max-height:0; overflow:hidden; transition:max-height .3s ease; }
.accordion-content-inner{ padding:20px; }
.bike-specs-accordion .spec-section-grid{ display:grid; grid-template-columns:1fr 2fr; gap:12px 20px; }
.bike-specs-accordion .spec-section-row{ display:contents; }
.bike-specs-accordion .spec-section-key{ font-weight:600; padding:8px 0; color:var(--secondary-color); }
.bike-specs-accordion .spec-section-value{ padding:8px 0; }
.product-spec-info-collapsible-container{ margin-top:30px; border-top:1px solid var(--border-color); padding-top:20px; }
.accordion{ margin-bottom:15px; border-radius:8px; overflow:hidden; box-shadow:var(--shadow); border:1px solid var(--border-color); }
details{ background:var(--light-color); }
summary{
  padding:18px 20px; cursor:pointer; display:flex; justify-content:space-between; align-items:center;
  font-weight:600; list-style:none; transition:background .3s ease;
}
summary:hover{ background:#eef2f7; }
summary::-webkit-details-marker{ display:none; }
.collapsible__content{ padding:20px; border-top:1px solid var(--border-color); }
@media (max-width:768px){
  .bike-specs-accordion .spec-section-grid{ grid-template-columns:1fr; gap:8px; }
  .bike-specs-accordion .spec-section-key, .bike-specs-accordion .spec-section-value{ padding:5px 0; }
  .accordion-header, summary{ padding:14px 16px; }
}

/* ===== Colori/swatch util ===== */
.br-color-group .br-swatch.is-light{ border-color:black; background-color:white !important; }
.br-color-group .br-swatch.is-light:not(.is-selected)::before{
  content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
  background-image:
    linear-gradient(45deg,#e5e7eb 25%,transparent 25%),
    linear-gradient(-45deg,#e5e7eb 25%,transparent 25%),
    linear-gradient(45deg,transparent 75%,#e5e7eb 75%),
    linear-gradient(-45deg,transparent 75%,#e5e7eb 75%);
  background-size:8px 8px;
  background-position:0 0,0 4px,4px -4px,-4px 0;
  opacity:.55;
}
.br-color-group .br-swatch.is-light.is-selected::before,
.br-color-group .br-swatch.is-light[aria-pressed="true"]::before,
.br-color-group .br-swatch.is-light[aria-current="true"]::before,
.br-color-group .br-swatch.is-light[aria-checked="true"]::before,
.br-color-group .br-swatch.is-light.selected::before,
.br-color-group .br-swatch.is-light.active::before{ display:none; }

.price{ margin-top:0 !important; }
.br-color-group .br-swatch.is-selected{ outline-style:auto !important; }
.variations .product-form__input--color{ margin-left:2% !important; }
.thb-product-detail .quantity{
  margin-bottom:7px !important; width:100% !important;
  text-align:center !important; justify-content:center !important;
}

/* Breadcrumb/header */
.breadcrumbs{ position:relative; z-index:21 !important; }
.header--wide{ max-width:100% !important; width:100% !important; margin:0 !important; padding-left:0 !important; padding-right:0 !important; }

/* Facets bar (se serve z-index alto) */
.facets-filter-bar { z-index: 21 !important; }

/* Paddings rows specs compatti */
.spec-section-row { padding-top:0 !important; padding-bottom:0 !important; }

/* Utilità generiche */
.hidden{ display: none !important; }


/* ============================
   ORDINAMENTO MOBILE (tema THB)
   ============================ */
@media (max-width: 1068px){
  .thb-product-detail .product-grid-container{
    display:flex !important;
    flex-direction:column !important;
    gap:16px !important;
  }
  .thb-product-detail .product-full-information-container{ order:1 !important; }
  .thb-product-detail .product-information{ order:2 !important; }
  .thb-product-detail .product-full-information-container,
  .thb-product-detail .product-information{ grid-area:auto !important; }
  .thb-product-detail .product-information-sticky{ position:static !important; top:auto !important; }
}

.spec-card spec-acc spec-card--details{

box-shadow: none !important;

}



.spec-card{

    box-shadow: none !important;
}




.pc-chips-cta div{
    padding-left: 0px !important;
    margin-left: 0px !important;
}


.thb-product-detail .product-title-container {
    margin-bottom: 10px !important;
}


  



    

  /* quando aperto rimuovi il mascheramento */
  .template-header--description.is-open{
    -webkit-mask-image: none;
            mask-image: none;
    -webkit-line-clamp: unset;
    display: block;
  }

  /* bottone */
  .thd-toggle{
    display: none; /* verrà mostrato via JS solo se serve */
    margin-top: .5rem;
    background: none;
    border: 0;
    padding: 0;
    font: inherit;
    text-decoration: underline;
    cursor: pointer;
  }




}

/* Desktop: niente troncamento, niente bottone */
@media (min-width: 750px){
  .template-header--description{
    -webkit-line-clamp: unset;
    display: block;
    -webkit-mask-image: none;
            mask-image: none;
  }
  .thd-toggle{ display: none !important; }
}

@media(min-width: 750px){
.custom-select--list.custom-select--language-list {
    min-width: 700px !important;
}
}
@media(max-width: 750px){
.custom-select--list.custom-select--language-list {
    max-width: -webkit-fill-available !important;
}
}

.template-product *:not(.pswp__zoom-wrap):not(.pswp__item):not(.pswp__container):not(.pswp__img):not(.pswp__scroll-wrap):not(.pswp):not(.sub-menu):not(a.product-single__media-zoom) {
    max-width: 100% !important;
}

button.iubenda-tp-btn.iubenda-cs-preferences-link {
    opacity: 0% !important;
}




/* Tooltip per la chip info KM0 */
.pc-chips .chip.chip--info.has-tip{
  position: relative;
}

/* Bolla */
.pc-chips .chip.chip--info.has-tip::after{
  content: attr(data-tip);
  position: absolute;
  z-index: 50;
  background: #111;
  color: #fff;
  font-size: 12px;
  line-height: 1.3;
  padding: .4rem .55rem;
  border-radius: 6px;
  box-shadow: 0 8px 22px rgba(0,0,0,.18);
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: opacity .15s ease;
  pointer-events: none;

  /* POSIZIONE DEFAULT (DESKTOP): a destra */
  top: 50%;
  left: calc(100% + 10px);
  transform: translateY(-50%);
}

/* Freccia */
.pc-chips .chip.chip--info.has-tip::before{
  content: "";
  position: absolute;
  z-index: 51;
  width: 0; height: 0;
  border: 6px solid transparent;

  /* freccia verso destra (desktop) */
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  border-left-color: #111;
}

/* Stati visibili: hover/focus desktop, toggle JS mobile */
.pc-chips .chip.chip--info.has-tip:hover::after,
.pc-chips .chip.chip--info.has-tip:focus-visible::after,
.pc-chips .chip.chip--info.has-tip.is-tip-open::after,
.pc-chips .chip.chip--info.has-tip:hover::before,
.pc-chips .chip.chip--info.has-tip:focus-visible::before,
.pc-chips .chip.chip--info.has-tip.is-tip-open::before{
  opacity: 1;
  visibility: visible;
}

/* —— MOBILE: apri VERSO L’ALTO —— */
@media (max-width: 749px){
  .pc-chips .chip.chip--info.has-tip::after{
    left: 50%;
    top: auto;
    bottom: calc(100% + 10px);
    transform: translateX(-50%);
    white-space: normal;            /* consenti andare a capo */
    max-width: 240px;               /* evita overflow su schermi piccoli */
    text-align: center;
  }
  .pc-chips .chip.chip--info.has-tip::before{
    left: 50%;
    top: auto;
    bottom: 100%;
    transform: translateX(-50%);
    border-color: transparent;
    border-top-color: #111;         /* freccia verso il basso attaccata alla bolla */
  }
}
/* ——— FIX LAYER/CLIP ——— */

/* Assicura che il tooltip possa “uscire” dai contenitori */
.product-card,
.product-card-info,
.pc-chips{
  position: relative;
  overflow: visible !important;   /* evita il taglio */
  z-index: 1;
}

/* L’immagine non deve stare sopra al testo del tooltip */
.product-featured-image{
  position: relative;
  z-index: 0;
}

/* Porta chip e tooltip in primo piano */
.pc-chips{ z-index: 2; }

.pc-chips .chip.chip--info.has-tip{
  position: relative;
  z-index: 9998;
}

.pc-chips .chip.chip--info.has-tip::before,
.pc-chips .chip.chip--info.has-tip::after{
  z-index: 9999;                  /* sopra tutto */
}

/* Se il tema crea stacking context (es. con transform/filters), isoliamo la card */
.product-card{ isolation: isolate; }

/* (opzionale) Se usi border-radius sulla card e il tema forza hidden su figure/link */
.product-card .product-featured-image,
.product-card .product-featured-image-link{
  overflow: visible !important;
}


/* — FIX Z-ORDER & CLIPPING (solo dove serve) — */
.product-card{ isolation: isolate; }                  /* separa gli stack locali */

/* l’immagine e il link non devono stare sopra alle chip */
.product-featured-image,
.product-featured-image-link{
  position: relative;
  z-index: 0 !important;
  overflow: visible;                                   /* evita tagli lato figura */
}

/* porta l’intero layer chip davanti a tutto il resto della card */
.pc-chips{
  position: relative;
  z-index: 3000;                                       /* > di qualsiasi overlay tema */
  overflow: visible !important;
}

/* bolla e freccia del tooltip sopra al layer chip */
.pc-chips .chip.chip--info.has-tip::before,
.pc-chips .chip.chip--info.has-tip::after{
  z-index: 3001;
  background: rgba(17,17,17,.98) !important;           /* harden: niente blend strani */
  color: #fff !important;
}

/* se qualche wrapper interno ha overflow nascosto, sblocca solo le chip */
.product-card .pc-chips, 
.product-card .pc-chips *{
  overflow: visible !important;
}

/* ===== SERVICES ACCORDION — compat + fix desktop ===== */
.services-accordion .acc-panel,
.services-accordion .accordion__panel{
  display: none;
  overflow: hidden;
}

/* Stato aperto: 
   - se il trigger è subito prima del pannello
   - oppure se il pannello ha [data-open="true"] messo dallo snippet */
.services-accordion [aria-expanded="true"] + .acc-panel,
.services-accordion [aria-expanded="true"] + .accordion__panel,
.services-accordion .acc-panel[data-open="true"],
.services-accordion .accordion__panel[data-open="true"]{
  display: block;
}

/* Non permettere al tema di nasconderlo su desktop */
@media (min-width: 750px){
  #ProductServices-{{ section.id }}{
    display: block !important;
    visibility: visible !important;
  }
  /* Mantieni il comportamento collassabile anche su desktop */
  #ProductServices-{{ section.id }} [aria-expanded="false"] + .acc-panel,
  #ProductServices-{{ section.id }} [aria-expanded="false"] + .accordion__panel{
    display: none;
  }
}

/* ===== SERVICES: desktop = mobile ===== */

/* 0) Sblocca il wrapper e previeni display:none su desktop */
#ProductServices-{{ section.id }},
.services-accordion,
.product-services-container{
  display:block !important;
  visibility:visible !important;
}

/* 1) Layout a colonna come su mobile anche ≥750px */
@media (min-width: 750px){
  .product-services-container{
    display:block !important;   /* stop a grid/flex del tema */
  }
  .product-services-container > .product-service-block{
    width:100% !important;
    max-width:100% !important;
    margin:0 0 10px 0 !important;
    position:relative;
  }
}

/* 2) Logica accordion identica al mobile (aria-expanded) */
.services-accordion .acc-panel,
.services-accordion .accordion__panel,
.product-services-container .acc-panel,
.product-services-container .accordion__panel{
  display:none !important;
  overflow:hidden;
}

.services-accordion [aria-expanded="true"] + .acc-panel,
.services-accordion [aria-expanded="true"] + .accordion__panel,
.product-services-container [aria-expanded="true"] + .acc-panel,
.product-services-container [aria-expanded="true"] + .accordion__panel{
  display:block !important;
}

/* 3) Usabilità */
.services-accordion .acc-trigger,
.services-accordion .accordion__trigger,
.product-services-container .acc-trigger,
.product-services-container .accordion__trigger{
  cursor:pointer;
  user-select:none;
}

/* 4) Kill regole aggressive del tema (solo desktop) */
@media (min-width:750px){
  .services-accordion [aria-expanded="false"] + .acc-panel,
  .services-accordion [aria-expanded="false"] + .accordion__panel,
  .product-services-container [aria-expanded="false"] + .acc-panel,
  .product-services-container [aria-expanded="false"] + .accordion__panel{
    display:none !important;
    max-height:0 !important;
  }
  .services-accordion [aria-expanded="true"] + .acc-panel,
  .services-accordion [aria-expanded="true"] + .accordion__panel,
  .product-services-container [aria-expanded="true"] + .acc-panel,
  .product-services-container [aria-expanded="true"] + .accordion__panel{
    display:block !important;
    max-height:9999px !important;
  }
}



@media (max-width: 768px) {
    .template-product [class*="spec"] {
        
        margin-top: 5px !important;

    }
}



.product-chip-bar{
z-index: 21;

}




span.badge.onsale.top.left {
    display: none !important;
}