details>summary {
	cursor: pointer;
	list-style: none
}

details>summary::-webkit-details-marker {
	display: none
}

html {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	box-sizing: border-box;
	font-size: calc(var(--body-font-scale) * 14px)
}

body {
	background: var(--body-background);
	color: var(--text-color);
	font-size: calc(var(--body-font-scale) * 16px);
	font-family: var(--body-font-family);
	font-weight: var(--body-font-weight);
	line-height: var(--body-line-height);
	font-style: var(--body-font-style);
	letter-spacing: var(--body-letter-spacing);
	margin: 0;
	padding: 0;
	word-break: break-word;
	scroll-behavior: smooth;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-kerning: normal
}

.content-for-layout {
	position: relative;
	z-index: 1;
	display: flex;
	flex: 1;
	backface-visibility: hidden;
	min-height: 70vh;
	flex-direction: column;
	background: var(--body-background);
	min-width: 0
}

blockquote {
	border-left: 1px solid;
	padding-left: 1rem;
	color: var(--text-color)
}

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

small,
sub,
sup {
	font-size: 95%
}

iframe,
img {
	max-width: 100%
}

button,
input[type=submit] {
	cursor: pointer
}

button {
	border: 0;
	padding: 0;
	border: none;
	background: none;
	color: var(--button-text)
}

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

input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=text],
select,
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	margin: 0;
	-webkit-appearance: none
}

input[type=number] {
	-moz-appearance: textfield
}

button[disabled] {
	opacity: .5
}

textarea {
	resize: none;
	min-height: 100px;
	overflow: auto
}

.form-input-box .form-group {
	flex: auto
}

.shopify-section:has(.pin-spacer) {
	overflow: hidden
}

.shopify-section:has(.section-id-clipboard) {
	position: relative
}

.section-id-clipboard {
	position: absolute;
	left: 15px;
	top: 15px
}

.section-id-clipboard .copy-id-button {
	color: #000
}

.section-id-wrapper {
	--svg-wrapper-size: 16px;
	background: #f7f7f7;
	color: #000;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px;
	border-radius: 4px;
	border: 1px solid #f7f7f7;
	position: relative
}

.section-id-clipboard .copied-message {
	position: absolute;
	top: 50%;
	left: calc(100% + 5px);
	transform: translateY(-50%);
	background: #000;
	color: #f7f7f7;
	padding: 5px 10px;
	border-radius: 5px;
	font-size: 12px;
	opacity: 0;
	transition: opacity .3s ease;
	width: max-content
}

.section-id-clipboard .section-id-info-text {
	color: #000;
	margin-top: 5px;
	padding: 0 5px
}

.form-control {
	display: block;
	width: 100%;
	padding: 12px 20px;
	min-height: 50px;
	border-radius: var(--form-input-radius);
	background-color: var(--form-input-background);
	border: 1px solid var(--form-input-border);
	color: var(--form-input-color);
	font-family: var(--body-font-family);
	line-height: var(--body-line-height);
	font-size: var(--text-xs)
}

.form-control::placeholder,
input::placeholder {
	opacity: .7;
	position: relative
}

input.form-control[type=search i]::-webkit-search-cancel-button {
	visibility: hidden
}

input.form-control[type=date i]::-webkit-calendar-picker-indicator {
	cursor: pointer
}

.select-control {
	position: relative;
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center
}

.select-control select {
	cursor: pointer;
	text-overflow: ellipsis
}

.select-control .svg-wrapper {
	--svg-wrapper-size: 10px;
	position: absolute;
	z-index: 1;
	color: var(--form-input-color);
	right: 15px;
	pointer-events: none
}

body select {
	padding-right: 40px !important;
	-webkit-appearance: none
}

address {
	font-style: normal
}

address p {
	margin-bottom: 5px
}

table {
	border-spacing: 0;
	border-collapse: collapse;
	width: 100%;
	border: 0
}

table thead {
	border-bottom: 1px solid var(--border-color)
}

tr th,
tr td {
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
	border: 1px solid var(--border-color);
	color: var(--text-color);
	padding: 16px 20px;
	font-size: var(--text-xs)
}

.table-responsive {
	width: 100%;
	max-width: 100%;
	overflow-x: auto
}

.shopify-policy__body table tr th,
.shopify-policy__body table tr td {
	white-space: normal
}

.rte h1,
.rte h2,
.rte h3,
.rte h4,
.rte h5,
.rte h6 {
	margin-top: 20px;
	margin-bottom: 12px
}

h1,
.h1 {
	font-size: var(--h1)
}

h2,
.h2 {
	font-size: var(--h2)
}

h3,
.h3 {
	font-size: var(--h3)
}

h4,
.h4 {
	font-size: var(--h4)
}

h5,
.h5 {
	font-size: var(--h5)
}

h6,
.h6 {
	font-size: var(--h6)
}

.h1-large {
	font-size: var(--h1-large)
}

.uppercase {
	text-transform: uppercase
}

.capitalize {
	text-transform: capitalize
}

.lowercase {
	text-transform: lowercase
}

.lowercase:first-letter {
	text-transform: uppercase
}

.hyperlink {
	display: inline-block;
	text-decoration: underline;
	text-underline-offset: 2px
}

.visually-hidden {
	visibility: hidden !important
}

.d-inline {
	display: inline !important
}

.d-inline-block {
	display: inline-block !important
}

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

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

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

.justify-content-start {
	justify-content: flex-start
}

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

.justify-content-end {
	justify-content: flex-end
}

.filter-hand-icon {
	cursor: pointer
}

.form-group {
	margin-bottom: 10px
}

label {
	margin-bottom: 2px;
	display: inline-block
}

.error {
	color: var(--error-color)
}

.success {
	color: var(--success-color)
}

.form-message:focus-visible {
	outline: 0
}

.form-message.success,
.form-message.error {
	margin-bottom: 10px
}

.cart-count-bubble:empty {
	display: none
}

.cart-count-bubble {
	aspect-ratio: 1;
	position: absolute;
	bottom: 60%;
	left: 60%;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 1.5em;
	min-width: 1.5em;
	white-space: nowrap;
	border-radius: 100%;
	padding: 4px;
	font-size: var(--text-xxs);
	color: var(--header-background);
	background: var(--header-color)
}

.button-element {
	display: inline-block;
	color: var(--button-text);
	border-radius: var(--button-radius)
}

.button-element:not(.button-animated):not(.button-link):not(.button-solid-animated):not(.button-solid):focus-visible .button.button-text {
	outline: 2px solid #757575;
	outline-offset: 2px;
	transition: unset !important;
	z-index: 1
}

.button-element.button-primary {
	color: var(--button-text)
}

.button-element.button-secondary {
	color: var(--button-secondary-text)
}

.button-element.button-animated {
	--button-width: 156px;
	--button-height: 50px;
	--svg-wrapper-size: 20px;
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	font-size: var(--text-sm);
	color: var(--button-text)
}

.button,
button.shopify-payment-button__button,
button.shopify-payment-button__button--hidden,
.shopify-challenge__button {
	text-decoration: none;
	text-align: center;
	position: relative;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	min-width: var(--button-width);
	min-height: var(--button-height);
	line-height: 1;
	cursor: pointer;
	z-index: 0;
	transition: all .3s ease;
	padding: 1em 2.383em;
	color: var(--button-text);
	border-radius: var(--button-radius);
	background: var(--button-background);
	border: var(--button-border-width, 1px) var(--button-border-style, solid) var(--button-border);
	font-family: var(--button-font-family);
	font-weight: var(--button-font-weight);
	font-style: var(--button-font-style);
	text-transform: var(--button-text-transform)
}

shopify-accelerated-checkout,
shopify-accelerated-checkout-cart {
	position: relative;
	--shopify-accelerated-checkout-button-block-size: 55px;
	--shopify-accelerated-checkout-button-border-radius: var(--button-radius);
	--shopify-accelerated-checkout-button-box-shadow: none
}

.accelerated-checkout-button {
	--gravity-button-height: clamp(25px, var(--shopify-accelerated-checkout-button-block-size, 44px), 68px);
	--gravity-button-min-height: clamp(25px, var(--shopify-accelerated-checkout-button-block-size, 44px), 68px)
}

.button-group {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px
}

.button-element.button-xsmall {
	--button-width: 85px;
	--button-height: 34px;
	font-size: var(--text-xs);
	padding: 8px 18px
}

.button-element.button-small {
	--button-width: 120px;
	--button-height: 48px;
	font-size: var(--text-xs)
}

.button-element.button-medium {
	--button-width: 160px;
	--button-height: 55px;
	font-size: var(--text-sm)
}

.button-element.button-large {
	--button-width: 180px;
	--button-height: 62px;
	font-size: var(--text-md)
}

.button-element.button-solid-animated {
	position: relative;
	transform-style: preserve-3d;
	display: inline-grid;
	align-items: center;
	gap: var(--icon-text-gap, 4px);
	grid-template-areas: "button-text button-icon";
	border: var(--button-border-width, 1px) var(--button-border-style, solid) var(--button-border);
	padding-block: .8em;
	padding-inline: 1.4em;
	transition: .3s ease;
	min-height: var(--button-height);
	max-width: max-content
}

.button-element.button-solid-animated:focus-visible {
	outline-offset: 2px
}

.button-element.button-solid-animated.button-primary {
	background: var(--button-background);
	border-color: var(--button-border)
}

.button-element.button-solid-animated.button-secondary {
	color: var(--button-secondary-text);
	background: var(--button-secondary-background);
	border-color: var(--button-secondary-border)
}

.button-element.button-solid-animated.button-small {
	--svg-wrapper-size: 18px;
	--icon-text-gap: 2px;
	padding-inline: 1.2em
}

.button-element.button-solid-animated.button-medium {
	--svg-wrapper-size: 20px;
	--icon-text-gap: 4px;
	padding-inline: 1.4em
}

.button-element.button-solid-animated.button-large {
	--svg-wrapper-size: 22px;
	--icon-text-gap: 6px;
	padding-inline: 1.6em
}

.button-element.button-solid-animated:not(.button-link) .button-icon {
	grid-area: button-icon;
	min-width: var(--svg-wrapper-size);
	transform-style: preserve-3d;
	overflow: hidden
}

.button-element.button-solid-animated:not(.button-link) .button-icon .svg-wrapper {
	display: grid;
	gap: 4px;
	transition: transform .2s ease-in .2s
}

.button-element.button-solid-animated:not(.button-link) .button-icon .svg-wrapper>svg {
	grid-column: 1/2;
	grid-row: 1/2;
	padding-left: 4px;
	transition: opacity .3s ease-in
}

.button-element.button-solid-animated:not(.button-link) .button-icon .svg-wrapper>svg:last-child {
	opacity: 0;
	transform: translate3d(-100%, 0, 0)
}

.button-element.button-solid-animated .button-text {
	grid-area: button-text;
	display: grid;
	padding: 0;
	min-width: auto;
	min-height: auto;
	white-space: nowrap
}

.button-element.button-solid-animated .button-text {
	background: none;
	border: none;
	color: inherit
}

.button-element.button-solid-animated .button-text span {
	grid-column: 1/2;
	grid-row: 1/2;
	transition: transform .5s ease, opacity .8s ease
}

.button-element.button-solid-animated .button-text-hovered {
	opacity: 0;
	transform: translate3d(0, -120%, 0) scale3d(.8, .8, 1) rotateX(50deg) rotateY(0) rotate(0) skew(20deg);
	transform-style: preserve-3d
}

.button-element.button-animated .button-icon {
	aspect-ratio: 1;
	border-radius: 50%;
	border-radius: var(--button-radius);
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .3s ease;
	width: var(--button-height);
	height: var(--button-height);
	border: 1px solid
}

.button-element.button-animated .button-text {
	position: relative;
	isolation: isolate;
	background: none;
	border-color: transparent
}

.button-element.button-animated .button-text:after {
	content: "";
	will-change: width, max-width;
	position: absolute;
	z-index: -1;
	top: -1px;
	right: -1px;
	bottom: -1px;
	left: -1px;
	width: 100%;
	margin-left: auto;
	transition: all .3s ease;
	pointer-events: none;
	border: 1px solid;
	border-radius: var(--button-radius)
}

.button-element.button-link {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	gap: 6px;
	overflow: hidden;
	border-radius: 2px;
	color: var(--link-color)
}

.button-element.button-link:hover {
	color: var(--link-hover-color)
}

.button-element.button-link.button-small {
	--svg-wrapper-size: 12px
}

.button-element.button-link.button-medium {
	--svg-wrapper-size: 14px
}

.button-element.button-link.button-large {
	--svg-wrapper-size: 16px
}

.button-element.button-link .button-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .3s ease;
	color: var(--link-color)
}

.button-element.button-primary:not(.button-link):not(.button-solid-animated) .button-icon {
	background: var(--button-background);
	border-color: var(--button-background)
}

.button-element.button-primary.button-animated:not(.button-link):not(.button-solid-animated) .button-icon {
	border-color: var(--button-border)
}

.button-element.button-primary.button-outlined .button-icon {
	background: transparent;
	border-color: var(--button-text)
}

.button-element.button-primary.button-outlined .button-text {
	background: transparent;
	color: var(--button-text)
}

.button-element.button-primary.button-animated .button-text:after {
	background: var(--button-background);
	border-color: var(--button-border)
}

button.shopify-payment-button__button--hidden,
.shopify-challenge__button {
	color: var(--button-text-hover);
	background: var(--button-background-hover);
	border-color: var(--button-text-hover)
}

.button-element.button-secondary:not(.button-link):not(.button-solid-animated) .button-icon {
	color: var(--button-secondary-text);
	background: var(--button-secondary-background);
	border-color: var(--button-secondary-background)
}

.button-element.button-secondary.button-animated:not(.button-link):not(.button-solid-animated) .button-icon {
	border-color: var(--button-secondary-border)
}

.button-element.button-secondary.button-animated .button-text {
	color: var(--button-secondary-text)
}

.button-element.button-secondary.button-solid .button-text {
	color: var(--button-secondary-text);
	background: var(--button-secondary-background);
	border-color: var(--button-secondary-border)
}

.button-element.button-secondary.button-outlined .button-icon {
	background: transparent;
	border-color: var(--button-secondary-text)
}

.button-element.button-secondary.button-link .button-text {
	color: var(--link-color)
}

.button-element.button-secondary.button-outlined .button-text {
	background: transparent;
	color: var(--button-secondary-background);
	border-color: var(--button-secondary-background)
}

.button-element.button-secondary.button-animated .button-text:after {
	background: var(--button-secondary-background);
	border-color: var(--button-secondary-border)
}

.button-element.button-secondary.button-link .button-icon {
	color: var(--link-color)
}

.button-element.button-link .button-text {
	padding: 0;
	border-radius: 0;
	border: none;
	min-width: auto;
	min-height: auto;
	background: none;
	line-height: 1.5;
	position: relative;
	transition: transform .3s ease;
	color: var(--link-color)
}

.button-element.button-link .button-text:before {
	content: attr(data-hover);
	position: absolute;
	left: 0;
	transform: translateY(100%);
	transition: transform .3s ease
}

.button-element.button.button-secondary.button-link .button-text {
	background: none;
	color: var(--button-secondary-text)
}

.icon-button {
	aspect-ratio: 1;
	width: 100%;
	height: 100%;
	min-width: 24px;
	min-height: 24px;
	padding: 0;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all .3s ease;
	background: var(--slider-arrow-bg);
	color: var(--slider-arrow-color);
	border-color: var(--slider-arrow-color)
}

.icon-button:focus-visible {
	outline-offset: 2px
}

.icon-button.button-primary {
	color: var(--button-text);
	border-color: var(--button-text);
	background: var(--button-background)
}

.icon-button.button-primary.button-outlined {
	color: var(--button-text);
	border-color: currentColor;
	background: transparent
}

.icon-button.button-secondary {
	color: var(--button-secondary-text);
	border-color: var(--button-secondary-text);
	background: var(--button-secondary-background)
}

.icon-button.button-secondary.button-outlined {
	color: var(--button-secondary-text);
	border-color: var(--button-secondary-border);
	background: transparent
}

.button-block,
.button-block>.button {
	width: 100%
}

.button-block.button-animated>.button {
	width: calc(100% - var(--button-height))
}

.swiper-arrows {
	--arrows-gap: 10px;
	display: inline-flex;
	gap: var(--arrows-gap)
}

.swiper-button {
	cursor: pointer;
	aspect-ratio: 1 / 1;
	width: var(--slider-arrow-size, 50px);
	height: var(--slider-arrow-size, 50px);
	color: var(--slider-arrow-color);
	background: var(--slider-arrow-bg);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 1;
	position: absolute;
	z-index: 2;
	top: 50%;
	border-radius: 50%;
	transform: translateY(-50%);
	border: 1px solid currentColor
}

.swiper-button.swiper-prev {
	right: auto;
	left: 10px
}

.swiper-button.swiper-next {
	left: auto;
	right: 10px
}

.swiper-arrows .swiper-button {
	position: relative;
	transform: translate(0);
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.swiper-button svg {
	width: 12px;
	height: 12px
}

.swiper-button svg path {
	fill: currentColor
}

.swiper-nav-scroll {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-top: 60px
}

.swiper-nav-scroll-scroller {
	position: relative;
	width: 100%
}

.shopify-section .swiper-pagination-progressbar {
	--swiper-pagination-progressbar-size: 5px;
	--swiper-pagination-progressbar-bg-color: var(--slider-arrow-bg);
	border: 1px solid var(--slider-arrow-color)
}

.shopify-section .swiper-pagination-progressbar-fill {
	--swiper-pagination-color: var(--slider-arrow-color)
}

html.no-js .shopify-section .swiper-pagination-progressbar,
.shopify-section .swiper:not(.swiper-initialized) .swiper-pagination-progressbar {
	height: var(--swiper-scrollbar-size, 5px)
}

.swiper-nav-scroll-scroller .swiper-scrollbar .swiper-scrollbar-drag {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.swiper-nav-scroll-buttons {
	display: flex;
	gap: 10px
}

.swiper-nav-scroll-buttons .swiper-button {
	position: relative;
	transform: none;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.swiper .swiper-scrollbar {
	cursor: pointer
}

.swiper .swiper-scrollbar-drag {
	display: block
}

.card-transparent {
	background: none
}

.card-solid {
	background: var(--card-background)
}

.card-gradient {
	background: var(--card-background-gradient)
}

.quantity-inner {
	display: inline-flex;
	align-items: center;
	height: 42px;
	border: 1px solid var(--form-input-border);
	border-radius: var(--corner-radius, 4px)
}

.buy-buttons-with-quantity .quantity-inner {
	height: 55px
}

.form-input-small .quantity-inner {
	height: 42px
}

.form-input-small .quantity-button {
	min-width: 40px;
	max-width: 40px
}

.quantity-button {
	background: transparent;
	min-width: 40px;
	max-width: 40px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--form-input-color)
}

.quantity-input {
	padding: 4px;
	max-width: 40px;
	min-height: 100%;
	text-align: center;
	border: 0;
	background: transparent;
	border-radius: 0
}

.quantity-button svg {
	width: 10px;
	height: auto
}

.small-quantity .quantity-inner {
	height: 46px
}

.small-quantity .quantity-button {
	min-width: 40px;
	max-width: 40px
}

.xsmall-quantity .quantity-inner {
	height: 38px
}

.xsmall-quantity .quantity-input {
	padding: 0;
	max-width: 30px
}

.xsmall-quantity .quantity-button {
	min-width: 28px;
	max-width: 28px
}

.custom-checkbox {
	position: relative;
	padding: 1px 2px
}

.custom-checkbox.disabled {
	opacity: .5;
	cursor: default
}

.custom-checkbox .checkbox-input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
	margin: 0
}

.custom-checkbox.custom-checkbox-button {
	flex: 1 1 100%
}

.custom-checkbox .custom-checkbox-label {
	--custom-checkbox-size: 16px;
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 10px;
	cursor: pointer;
	color: var(--text-color);
	margin: 0
}

.custom-checkbox.disabled .custom-checkbox-label {
	cursor: default
}

.custom-checkbox.custom-checkbox-button .checkbox-input:checked~.custom-checkbox-label {
	--border-color: var(--text-color)
}

.custom-checkbox .checkbox-input:checked~.custom-checkbox-label {
	color: var(--form-input-color)
}

.custom-checkbox .custom-checkbox-label .custom-checkbox-icon {
	content: "";
	aspect-ratio: 1;
	width: var(--custom-checkbox-size);
	height: var(--custom-checkbox-size);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 3px;
	transition: box-shadow .4s ease;
	box-shadow: 0 0 0 1px var(--text-color)
}

.custom-checkbox:focus-within .custom-checkbox-label .custom-checkbox-icon {
	outline: 2px solid var(--text-color);
	outline-offset: 2px;
	transition: unset !important;
	z-index: 1
}

.custom-checkbox .checkbox-input:checked~.custom-checkbox-label .custom-checkbox-icon {
	box-shadow: 0 0 0 2px var(--form-input-color)
}

.custom-checkbox .custom-checkbox-label .custom-checkbox-icon svg {
	width: 12px;
	height: 10px;
	clip-path: inset(0 100% 0 0)
}

.custom-checkbox .checkbox-input:checked~.custom-checkbox-label .custom-checkbox-icon svg {
	clip-path: inset(0 0 0 0);
	transition: clip-path .4s ease
}

.custom-checkbox.custom-checkbox-circle .custom-checkbox-label .custom-checkbox-icon {
	border-radius: 50%
}

.collection-loader {
	margin-top: 50px
}

.product-card-media {
	border-radius: var(--product-card-radius);
	border: 1px solid var(--card-border)
}

.product-card-media-inner {
	opacity: 0;
	pointer-events: none;
	-webkit-user-select: none;
	user-select: none;
	transition: transform .8s ease-in-out, opacity .5s ease-in-out
}

.product-card-media-inner.active {
	opacity: 1;
	pointer-events: auto;
	-webkit-user-select: auto;
	user-select: auto
}

.product-card-overlaybtn {
	--svg-wrapper-size: 10px;
	--hover-color-mix: color-mix(in srgb, var(--card-text) 10%, transparent);
	padding: 6px 10px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: var(--card-text)
}

.product-card-overlaybtn:focus-visible {
	outline-offset: -4px
}

.product-card-mediaoverlay .product-card-overlaybtn:hover {
	background-color: var(--hover-color-mix)
}

.quick-view-button:not(.button-element) {
	width: 24px;
	height: 24px;
	color: var(--card-text);
	display: flex;
	align-items: center;
	justify-content: center
}

.product-card-media:has(.product-hovered-media):hover .product-card-image:not(.product-card-image) {
	opacity: 0;
	transform: none;
	pointer-events: none
}

.product-card-media .media.media-contain .product-card-image.product-hovered-media {
	object-fit: cover
}

.product-card-media .hovered-second-media {
	opacity: 0
}

.product-card-mediaoverlay {
	--bottom-offset: 6px;
	--border-color-mix: color-mix(in srgb, var(--card-text) 10%, transparent);
	inset-inline: 8px;
	position: absolute;
	overflow: hidden;
	transition: all .3s ease-in-out;
	inset-block-end: var(--bottom-offset);
	background: var(--card-background);
	border: 1px solid var(--border-color-mix);
	border-radius: calc(var(--product-card-radius) / 2)
}

.product-card-mediaoverlay:has(.variant-sizes-scroller) {
	overflow: hidden;
	border-radius: calc(var(--product-card-radius) / 2)
}

.variant-sizes-scroller {
	padding: 0 10px
}

.variant-sizes-scroller .product-variants-fieldset.swiper {
	padding: 10px 0;
	min-width: 0;
	min-height: 0
}

html.n-js .variant-sizes-scroller .product-variants-fieldset.swiper,
.variant-sizes-scroller .product-variants-fieldset.swiper:not(.swiper-initialized) {
	overflow: hidden;
	overflow-x: auto
}

.product-card-mediaoverlay:has(.product-card-overlaybtn) .variant-sizes-scroller .product-variants-fieldset.swiper {
	border-top: 1px solid var(--card-border)
}

.product-card-content {
	position: relative;
	display: grid;
	gap: 5px
}

.product-card-content>* {
	min-width: 0;
	min-height: 0
}

.variant-sizes-scroller.splide .product-variants-list.splide__list,
.variant-colors-scroller.splide .product-variants-list.splide__list {
	gap: 0
}

.product-card-content .variant-colors-scroller {
	padding-top: 0;
	width: 100%;
	text-align: center
}

.variant-colors-scroller.splide:not(.is-overflow) .splide__list {
	justify-content: center
}

.product-card-content.text-center .product-variants-list.colors-list {
	justify-content: center
}

.product-card-content.text-right .product-variants-list.colors-list {
	justify-content: flex-end
}

.variant-colors-scroller .product-variants-fieldset .product-variants-list {
	visibility: visible
}

.product-card-info {
	padding: 18px 4px 0;
	overflow: hidden;
	grid-area: 1 / 1 / -1 / -1
}

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

.product-price span {
	display: inline-block;
	vertical-align: middle;
	color: var(--text-color)
}

.product-price .product-unit-price {
	display: block
}

.product-card-content .product-price {
	margin-bottom: 0
}

.product-card-content .variant-picker:has(.product-variant-group) {
	margin-top: 10px
}

.product-card-content .variant-picker .product-variant-group {
	margin-bottom: 0
}

.product-card fieldset {
	min-width: 100%;
	overflow: hidden;
	margin-inline: -4px;
	padding-inline: 4px
}

.variant-sizes-scroller fieldset {
	padding-inline: 0
}

.product-card:has(.product-card-overlaybtn) .variant-sizes-scroller fieldset {
	border-top: 1px solid var(--border-color-mix)
}

.product-card .variant-colors-scroller fieldset {
	--block-start-offset: 32px;
	padding-block-start: var(--block-start-offset);
	margin-block-start: calc(var(--block-start-offset)* -1)
}

.product-card .product-variants-list {
	white-space: nowrap;
	display: block;
	width: 100%;
	padding: 8px 0;
	cursor: grab
}

.product-card .product-variants-list.active,
.product-card .product-variants-list.active * {
	cursor: grabbing
}

.product-card .product-variants-list.active * {
	pointer-events: none !important
}

.product-card .product-variants-list .product-variant-label {
	-webkit-user-select: none;
	user-select: none
}

.product-card .product-variant-item {
	display: inline-block
}

.split-line-parent {
	overflow: hidden
}

.product-vendor {
	margin-bottom: 6px
}

.product-price,
.product-alertbox,
.product-description,
.product-variant-group,
.product-tax,
.product-quantity,
.product-pickup-info,
.product-social-icons,
.custom-icons-box,
.product-buy-button,
.product-share-with-forms,
.productquery-form,
.product-installment-form {
	margin-bottom: 20px
}

.product-info .product-price,
.product-info .product-price+.product-tax {
	border-bottom: 1px solid var(--border-color);
	padding-bottom: 20px
}

.product-info .product-price:has(+.product-tax) {
	border-bottom: 0;
	padding-bottom: 0
}

.product-info:has(.product-tax) .product-price {
	margin-bottom: 4px
}

.product-info-inner:has(.volume-pricing-note) .product-price {
	margin-bottom: 0
}

.product-info-inner .volume-pricing-note {
	margin-bottom: 20px
}

.product-title,
.product-info-heading,
.product-variant-heading {
	margin-bottom: 10px
}

.product-title {
	display: grid;
	margin-bottom: 5px
}

.product-card-info-inner .price,
.bundle-products-content .price {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	align-items: center
}

.product-card-content.text-center .price {
	justify-content: center
}

.product-card-content.text-right .price {
	justify-content: flex-end
}

.product-installment-form {
	display: none
}

.product-installment-form:has(shopify-payment-terms) {
	display: block
}

.price-per-item {
	padding: 0 10px
}

.product-alertbox .alert-text {
	display: flex;
	align-items: center;
	gap: 5px;
	--svg-wrapper-size: 14px
}

.quantity-rules {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 5px 0 15px
}

.quantity-rules .divider {
	display: flex;
	align-items: center;
	gap: 8px
}

.quantity-rules .divider+.divider:before {
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	background: currentColor;
	border-radius: 5px
}

product-form {
	display: block
}

volume-pricing>span {
	display: flex;
	margin-bottom: 5px
}

volume-pricing li {
	display: flex;
	align-items: center;
	padding: 10px 12px;
	justify-content: space-between
}

volume-pricing li:nth-child(odd) {
	background: var(--card-background)
}

volume-pricing li:nth-child(2n) {
	background: var(--card-alternate-background)
}

.product-buy-button .button:has(.svg-wrapper) {
	gap: 10px
}

.product-buttons:has(.shopify-payment-button) {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	align-items: start;
	grid-auto-flow: dense;
	gap: var(--gap, 10px)
}

.product-buttons.has-separated-buttons {
	grid-template-columns: 1fr
}

.product-buttons .button {
	gap: 10px
}

.product-buttons more-payment-options-link .shopify-payment-button__more-options {
	font-size: 12px
}

.buy-buttons-with-quantity {
	display: grid;
	grid-template-columns: minmax(182px, auto) 1fr;
	gap: 20px
}

.buy-buttons-with-quantity .product-quantity {
	margin-bottom: 0
}

.buy-buttons-with-quantity .product-quantity .product-info-heading {
	display: none
}

.buy-buttons-with-quantity .shopify-payment-button {
	grid-column: span var(--col-span, 2)
}

.buy-buttons-with-quantity more-payment-options-link .shopify-payment-button__more-options {
	text-align: right
}

.product-media-gallery {
	position: relative;
	min-width: 0;
	min-height: 0;
	border-radius: var(--image-radius);
	overflow: hidden
}

.media-lightbox-drawer .product-media-slideshow {
	height: 100%
}

.product-thumbnails-slideshow.swiper {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 25px;
	z-index: 1;
	max-width: 80%;
	margin: 0 auto
}

.product-thumbnails-slideshow.swiper .swiper-wrapper {
	max-width: max-content;
	margin-inline: auto;
	padding-block: 15px
}

html.no-js .product-thumbnails-slideshow.swiper .swiper-wrapper,
.product-thumbnails-slideshow.swiper:not(.swiper-initialized) .swiper-wrapper {
	max-width: 100%;
	gap: 5px
}

html.no-js .product-thumbnails-slideshow.swiper .swiper-wrapper .swiper-slide,
.product-thumbnails-slideshow.swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
	flex: 0 0 19%
}

.quickview-drawer .product-thumbnails-slideshow.swiper .swiper-wrapper {
	padding-block: 0
}

.overlay-drawer-content:is(.quickview-mediathumbs-left, .quickview-mediathumbs-right) .product-thumbnails-slideshow.swiper .swiper-wrapper {
	max-width: 100%
}

.product-thumbmedia {
	border-radius: calc(var(--product-card-radius) / 2);
	background-size: cover;
	border-width: 1px;
	height: 70px;
	border: 1px solid transparent;
	cursor: pointer
}

.layout_2 .product-thumbmedia,
.layout_2 .product-thumbmedia img {
	border-radius: 100%
}

.product-thumbnails-slideshow .splide__track--nav>.splide__list>.swiper-slide,
.product-thumbnails-slideshow .splide__track--nav>.splide__list>.swiper-slide.swiper-slide-active {
	border: none;
	padding: 2px
}

.product-thumbnails-slideshow .swiper-slide-thumb-active .product-thumbmedia {
	border-color: var(--border-color)
}

.product-thumbnails-slideshow .product-thumbmedia .media {
	--image-bg: transparent
}

.product-thumbnails-slideshow .swiper-arrows .swiper-button {
	border: 1px solid currentColor
}

.product-media-slideshow deferred-media-video .media {
	height: 0
}

.product-badges-list {
	position: absolute;
	top: 0;
	left: 0;
	gap: 3px;
	display: flex;
	flex-wrap: wrap;
	padding: 12px 14px;
	pointer-events: none
}

.product-badge {
	font-size: 10px;
	font-weight: 600;
	padding: 2px 6px;
	border-radius: 4px;
	letter-spacing: 1px;
	transition: all .3s ease;
	border: 1px solid;
	display: inline-block
}

.product-badge-item.sale-badge .product-badge {
	color: var(--sale-badge-text);
	border-color: var(--sale-badge-background);
	background: var(--sale-badge-background)
}

.product-badge-item.preorder-badge .product-badge {
	color: var(--preorder-badge-text);
	border-color: var(--preorder-badge-background);
	background: var(--preorder-badge-background)
}

.product-badge-item.soldout-badge .product-badge {
	color: var(--soldout-badge-text);
	border-color: var(--soldout-badge-background);
	background: var(--soldout-badge-background)
}

.product-badge-item.discount-badge .product-badge {
	color: var(--discount-badge-text);
	border-color: var(--discount-badge-background);
	background: var(--discount-badge-background)
}

.product-badge-item.custom-badge .product-badge {
	color: var(--custom-badge-text);
	border-color: var(--custom-badge-background);
	background: var(--custom-badge-background)
}

.custom-icons-list {
	--svg-wrapper-size: 22px;
	gap: 10px
}

.custom-icons-box .custom-icons-item {
	display: flex;
	align-items: center;
	gap: 8px;
	position: relative
}

.custom-icons-list .custom-icons-item+.custom-icons-item {
	padding-left: 10px
}

.custom-icons-list .custom-icons-item+.custom-icons-item:before {
	content: "";
	width: 1px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: var(--text-color);
	opacity: .1
}

.custom-icons-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	overflow: hidden;
	width: 24px;
	height: 24px
}

span.custom-icons-icon img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.poster-fade-out {
	opacity: 0;
	transition: opacity .5s ease-in-out
}

.product-media .product-media-modal-model {
	width: 100%;
	height: 100%
}

.product-media .product-media-modal-model product-model {
	display: block;
	width: 100%;
	height: 100%
}

.product-media .product-media-modal-model product-model .deferred-media__poster {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.product-media .product-media-modal-model product-model .shopify-model-viewer-ui {
	display: block;
	width: 100%;
	height: 100%
}

.product-media .product-media-modal-model .shopify-model-viewer-ui model-viewer {
	display: block;
	width: 100%;
	height: 100%
}

.product-media .shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
	display: flex;
	bottom: auto;
	top: clamp(10px, var(--image-radius, 10px), 150px)
}

.main-product-media-wrapper .product-media-modal-model .product__xr-button,
.product-media-gallery .product-media-modal-model .product__xr-button {
	--svg-wrapper-size: 14px;
	margin: 0;
	position: absolute;
	z-index: 1;
	top: 30px;
	left: 50%;
	gap: 5px;
	transform: translate(-50%, -50%)
}

.product__xr-button .svg-wrapper svg {
	margin: 0;
	height: 100%;
	width: 100%
}

.tooltip {
	position: absolute;
	left: 50%;
	font-size: 12px;
	color: var(--body-background);
	background: var(--text-color);
	width: max-content;
	opacity: 0;
	translate: -50%;
	padding: 2px 6px;
	border-radius: 4px;
	pointer-events: none;
	inset-block-end: calc(100% - 15px);
	box-shadow: 0 10px 30px #4148560d;
	transition: all .5s cubic-bezier(.3, 1, .3, 1)
}

.tooltip:after {
	content: "";
	position: absolute;
	inset-inline-start: 50%;
	transform: translate(-50%);
	border-color: var(--text-color) transparent;
	border-style: solid;
	border-width: 10px 10px 0;
	inset-block-end: -7px;
	display: block;
	width: 0
}

.gift-wrapping {
	display: block;
	margin-bottom: 20px
}

.cart-drawer .gift-wrapping {
	margin-block: 10px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--card-border)
}

.main-cart-aside .gift-wrapping .custom-checkbox .custom-checkbox-label {
	--text-color: var(--card-text)
}

.cart-item-property {
	display: block;
	font-size: 11px
}

.cart-item-discount {
	--svg-wrapper-size: 14px;
	display: flex;
	align-items: center;
	gap: 5px
}

.cart-item-discount .cart-summary-price-title {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	padding: 0;
	line-height: initial;
	position: relative;
	isolation: isolate;
	border-radius: 2px 0 0 2px;
	line-height: 1
}

.cart-item-total {
	display: flex;
	flex-direction: column;
	text-align: right
}

.recipient-form>.custom-checkbox {
	margin-bottom: 10px
}

.recipient-form .recipient-fields:not(.open) {
	display: none
}

.account-header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin-bottom: 30px
}

.account-header .section-header>p {
	margin-top: 16px
}

.account-body-content {
	margin-bottom: 20px;
	box-shadow: 0 0 4px #00000040;
	background: var(--card-background);
	border-radius: var(--card-radius)
}

.account-noorders {
	min-height: 50vh;
	display: flex;
	gap: 10px;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.account-header .section-button {
	margin: 0
}

.account-address {
	padding: 0 24px 24px;
	box-shadow: 0 0 4px #00000040;
	background: var(--card-background);
	border-radius: var(--card-radius)
}

.account-address+.account-address {
	margin-top: 20px
}

.address-payment-status,
.edit-address-button {
	margin-top: 16px
}

.address-title {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 16px 0;
	border-bottom: 1px solid var(--border-color)
}

.address-title .svg-wrapper {
	--svg-wrapper-size: 34px;
	border-radius: 50%;
	padding: 8px;
	position: relative;
	isolation: isolate
}

.address-title .svg-wrapper:before {
	content: "";
	background: currentColor;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	opacity: .2;
	z-index: -1
}

.address-text {
	padding-top: 16px
}

.address-text * {
	font-size: var(--text-xs)
}

.main-order-product {
	display: flex;
	gap: 30px;
	align-items: center
}

.main-order-media {
	aspect-ratio: 1;
	width: 130px;
	min-width: 130px;
	height: 130px;
	border-radius: 8px
}

.main-order-info {
	white-space: normal
}

.order-discount-text {
	background: var(--discount-badge-background);
	padding: 4px 10px;
	border-radius: 50px;
	display: inline-block;
	color: var(--discount-badge-text);
	line-height: initial
}

.section-button-group {
	display: flex;
	align-items: center;
	gap: 10px
}

.view-address-wrapper {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px
}

.view-address-item .address-text li {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.view-address-item .address-text li span {
	width: 50%;
	display: inline-block;
	text-align: right
}

.address-title-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 0;
	border-bottom: 1px solid var(--border-color)
}

.address-title-header .address-title {
	padding: 0;
	border: 0;
	gap: 0
}

.address-title-header .view-address-btn {
	display: flex;
	align-items: center;
	gap: 10px
}

.edit-btn,
.delete-btn {
	--svg-wrapper-size: 18px;
	width: 34px;
	height: 34px;
	background: var(--card-alternate-background);
	border: 1px solid var(--card-border);
	color: var(--card-heading);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer
}

.edit-btn:hover,
.delete-btn:hover {
	background: var(--card-heading);
	border-color: var(--card-heading);
	color: var(--card-background)
}

.address-drawer-main {
	padding: 20px
}

.address-drawer-main .button-group {
	margin-top: 12px
}

.pagination-list {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	padding: 30px 0
}

.pagination-item {
	padding: 5px
}

.pagination-link,
.pagination-text {
	width: 28px;
	height: 28px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--border-color);
	border: 1px solid transparent;
	color: var(--text-color);
	font-size: 14px;
	transition: .4s ease
}

.pagination-item.ellipsis .pagination-text {
	display: contents
}

.pagination-list.pagination-rounded .pagination-link,
.pagination-list.pagination-rounded .pagination-text {
	border-radius: 50px
}

.pagination-icon {
	font-size: 14px;
	color: var(--text-color)
}

.pagination-item.disabled .pagination-icon {
	opacity: .8
}

.pagination-item .pagination-link:hover,
.pagination-item.active .pagination-text {
	color: var(--text-color);
	border-color: var(--border-color)
}

product-info {
	display: block
}

.product-info hr {
	border: solid var(--border-color);
	border-width: 1px 0 0
}

.product-variant-item {
	position: relative;
	transition: all .4s ease
}

.product-variant-item.variant-disbaled {
	opacity: .6
}

.product-variant-item.variant-disbaled:after {
	content: "";
	text-decoration: line-through;
	position: absolute;
	width: 100%;
	height: 100%;
	background: var(--text-color);
	top: 0;
	left: 0;
	z-index: 1;
	clip-path: polygon(3% 0, 100% 100%, 99% 100%, 2% 0)
}

.product-variants-list {
	display: inline-flex;
	gap: 10px;
	flex-wrap: wrap
}

.product-variant-item .form-control[type=checkbox],
.product-variant-item .form-control[type=radio] {
	aspect-ratio: 1;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	min-width: auto;
	min-height: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 3;
	cursor: pointer;
	--webkit-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background: transparent;
	border: 0;
	border-radius: 0
}

.collection-filter .product-variant-item .form-control[type=checkbox] {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
	margin: 0
}

.product-variant-item .form-control[type=checkbox]:focus~.product-variant-label,
.product-variant-item .form-control[type=radio]:focus~.product-variant-label {
	outline: 2px solid #757575;
	outline-offset: 2px;
	transition: unset !important;
	z-index: 1
}

.product-info-inner .product-variant-item .form-control[type=radio]:focus~.product-variant-label {
	outline: 0
}

.product-variant-label {
	margin: 0;
	width: 100%;
	height: 100%;
	color: var(--form-input-color);
	border-width: 1px;
	border-style: solid;
	border-color: var(--text-color);
	line-height: normal;
	cursor: pointer;
	background-color: transparent;
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	transition: all .4s ease;
	padding: 3px 6px
}

.product-variant-item:not(.has-swatch-image) .form-control:checked~.product-variant-label {
	color: var(--form-input-background);
	background-color: var(--form-input-color)
}

.product-variants-list.sizes-list.sizes-style-softedge .product-variant-item,
.product-variants-list.sizes-list.sizes-style-softedge .product-variant-item .product-variant-label,
.product-variants-list.colors-list.colors-style-softedge .product-variant-item,
.product-variants-list.colors-list.colors-style-softedge .product-variant-item .product-variant-label,
.product-variants-list.colors-list.colors-style-softedge .product-variant-item label:after {
	border-radius: 4px
}

.product-variants-list.sizes-list.sizes-style-circle .product-variant-item,
.product-variants-list.sizes-list.sizes-style-circle .product-variant-item .product-variant-label,
.product-variants-list.colors-list.colors-style-circle .product-variant-item,
.product-variants-list.colors-list.colors-style-circle .product-variant-item .product-variant-label,
.product-variants-list.colors-list.colors-style-circle .product-variant-item label:after {
	border-radius: 100%
}

.product-variants-list.sizes-list.size-swatch-small {
	--sizebox-size: 34px
}

html.no-js .product-variants-list.sizes-list,
.swiper:not(.swiper-initialized) .product-variants-list.sizes-list {
	gap: 5px
}

.product-variants-list.sizes-list:not(.size-swatch-large):not(.size-swatch-small),
.product-variants-list.sizes-list.size-swatch-regular {
	--sizebox-size: 54px
}

.product-variants-list.sizes-list.size-swatch-large {
	--sizebox-size: 75px
}

.variant-sizes-scroller .product-variants-list.sizes-list .product-variant-item.active .product-variant-label,
.variant-sizes-scroller .product-variants-list.sizes-list .product-variant-item .form-control:checked~.product-variant-label {
	border-color: var(--form-input-color)
}

.product-variants-list.sizes-list .product-variant-item .product-variant-label {
	min-width: var(--sizebox-size);
	min-height: calc(var(--sizebox-size) / 1.7)
}

.product-variants-list.sizes-list.sizes-style-circle .product-variant-item {
	height: var(--sizebox-size)
}

.product-variants-list.sizes-list.sizes-style-circle .product-variant-item:hover .product-variant-label,
.product-variants-list.sizes-list.sizes-style-circle .product-variant-item.active .product-variant-label,
.product-variants-list.sizes-list.sizes-style-circle .product-variant-item .form-control:checked~.product-variant-label {
	color: var(--form-input-background);
	background: var(--form-input-color)
}

.product-variants-list.colors-list {
	--color-swatch-size: 16px;
	gap: 5px
}

.product-card .product-variant-item+.product-variant-item {
	margin-left: 4px
}

.product-variants-list.colors-list .product-variant-item {
	width: var(--color-swatch-size);
	height: var(--color-swatch-size)
}

.product-variants-list.colors-list .product-variant-item:not(.has-swatch-image) .product-variant-label {
	background-color: var(--swatch-color);
	border-width: 1px;
	border-style: solid;
	border-color: transparent
}

.product-variants-list.colors-list .product-variant-item:not(.has-swatch-image) .product-variant-label {
	background-color: var(--swatch-color)
}

.product-variants-list.colors-list .product-variant-item.has-swatch-image .product-variant-label {
	border-style: hidden;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: var(--swatch-image)
}

.product-variants-list.colors-list .product-variant-item.has-swatch-image .form-control:checked~.product-variant-label {
	border-style: solid
}

.product-variants-list.colors-list .product-variant-item label:after {
	content: "";
	pointer-events: none;
	Display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	box-shadow: 1px 0 3px 1px #00000029;
	background: linear-gradient(226deg, #ffffff4d, #fff3, #ffffff1a, #fff0 60%);
	opacity: .5
}

.product-variants-list.colors-list .product-variant-item:not(.has-swatch-image) .form-control:checked~.product-variant-label {
	border-color: var(--form-input-color);
	background-color: var(--swatch-color)
}

.variant-colors-scroller .product-variants-list.colors-list .product-variant-item:not(.variant-disbaled) .form-control:checked~.product-variant-label {
	box-shadow: 0 2.25px 15.74px #00000040
}

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

.product-variant-sizes .size-chart-link {
	--svg-wrapper-size: 17px;
	color: var(--link-color);
	font-size: var(--text-xxs);
	gap: 6px;
	display: flex;
	align-items: center
}

.product-variant-sizes .size-chart-link:hover {
	color: var(--link-hover-color)
}

.product-social-icons {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px
}

.product-social-icons .socialmedia-list {
	--gap: 0
}

.product-social-icons .socialmedia-link {
	width: 35px;
	height: 35px;
	border-radius: 45px;
	display: flex;
	align-items: center;
	justify-content: center
}

.product-social-icons .socialmedia-link:hover {
	border-color: var(--border-color);
	animation: stretch-pulse .6s ease-out forwards .15s;
	-webkit-animation: stretch-pulse .6s ease-out forwards .15s
}

.product-share-with-forms {
	display: flex;
	justify-content: space-between
}

.product-share-with-forms .product-social-icons {
	margin-bottom: 0
}

.productquery-hyperlink {
	display: flex;
	align-items: center;
	gap: 10px
}

.accordion-wrapper {
	width: 100%
}

.accordion-item+.accordion-item {
	border-top: 1px solid var(--border-color)
}

.accordion-head {
	cursor: pointer;
	padding: 1em 0;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.featured-product-media-button-box {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: flex-end;
	gap: 10px
}

.accordion-content {
	padding-bottom: 22px
}

.accordion-content,
.accordion-item[aria-expanded=false] .accordion-content {
	transition: opacity 0s ease-in-out 0s;
	opacity: 0
}

.accordion-item[aria-expanded=true] .accordion-content {
	transition: opacity .4s ease-in-out .2s;
	opacity: 1
}

.accordion-icon {
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none;
	width: 14px;
	height: 14px;
	display: flex;
	align-items: center;
	justify-content: center
}

.accordion-icon-circle {
	aspect-ratio: 1;
	width: 1.2em;
	height: 1.2em;
	border-radius: 100%;
	background: var(--heading-color)
}

.accordion-item[aria-expanded=true] .accordion-icon-circle {
	background: var(--card-heading)
}

.accordion-icon:before,
.accordion-icon:after {
	content: "";
	position: absolute;
	width: 40%;
	max-width: 14px;
	height: 2px;
	background: var(--body-background);
	transition: transform .4s ease
}

.accordion-icon:after {
	transform: rotate(90deg)
}

.accordion-item[open] .accordion-icon:before,
.accordion-item[open] .accordion-icon:after {
	background: var(--card-background)
}

.accordion-item[open] .accordion-icon:before {
	transform: rotate(-45deg)
}

.accordion-item[open] .accordion-icon:after {
	transform: rotate(45deg)
}

.icon {
	color: var(--button-text);
	border-color: var(--button-border);
	background: var(--button-background)
}

.icon svg {
	width: var(--icon-width)
}

.marquee-block-node {
	display: flex;
	flex-wrap: nowrap;
	white-space: nowrap;
	justify-content: center;
	overflow: hidden;
	transform-origin: center
}

.marquee-block-node-inner {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}

.marquee-y {
	writing-mode: vertical-rl;
	max-height: 100vh;
	height: 100%;
	white-space: nowrap;
	transform: scale(-1)
}

.marquee-block {
	will-change: transform;
	display: flex;
	flex-wrap: nowrap;
	white-space: nowrap;
	align-items: center;
	column-gap: var(--marquee-gap)
}

.autoplay-infinite .marquee-block {
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-duration: var(--marquee-speed)
}

.marquee-x .marquee-block {
	padding-right: var(--horizontal-space)
}

.section-in-view .autoplay-infinite.marquee-x .marquee-block {
	animation-name: marqueAnimationX
}

.marquee-y .marquee-block {
	padding-top: var(--horizontal-space)
}

.section-in-view .autoplay-infinite.marquee-y .marquee-block {
	animation-name: marqueAnimationY
}

@media (prefers-reduced-motion: reduce) {

	.autoplay-infinite.marquee-x .marquee-block,
	.autoplay-infinite.marquee-y .marquee-block {
		animation: none !important
	}
}

.rtl-direction .marquee-block {
	animation-direction: normal
}

.ltr-direction .marquee-block {
	animation-direction: reverse
}

.marquee-text {
	font-size: 50px;
}

.marquee-block-item.image-item {
	width: var(--image-width, 30px);
	border-radius: var(--card-radius);
	overflow: hidden
}

.marquee-block-item.image-item.image-circle {
	aspect-ratio: 1;
	border-radius: 100%
}

.marquee-block-item.image-item.image-circle img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: var(--card-radius)
}

.marquee-block-item.icon-item svg,
.marquee-block-item.image-item img {
	aspect-ratio: 1;
	width: 100%;
	height: auto;
	object-fit: cover;
	fill: currentColor;
	border-radius: var(--card-radius)
}

.socialmedia-list {
	--gap: 8px;
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap)
}

.socialmedia-link {
	--svg-wrapper-size: 15px;
	color: #e1e1e1;
	width: 24px;
	height: 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid transparent
}

.socialmedia-link:hover {
	color: #e1e1e1;
}

.localization-wrap {
	position: relative
}

.localization-toggler {
	--svg-wrapper-size: 14px;
	display: flex;
	align-items: center;
	gap: 5px;
	min-height: 24px;
	position: relative;
	color: var(--link-color)
}

.localization-toggler:hover {
	color: var(--link-hover-color)
}

.localization-wrapper {
	pointer-events: none;
	position: fixed;
	z-index: 11;
	width: 100%;
	min-width: 300px;
	max-width: 300px;
	display: flex
}

.announcement-bar .localization-wrapper {
	transform-origin: top right
}

.footer-bottom-bar .localization-wrapper {
	transform-origin: bottom left
}

.localization-wrapper:not(.scale-in-bounce) {
	opacity: 0;
	pointer-events: none
}

.localization-inner {
	pointer-events: auto;
	overflow: hidden;
	width: 100%;
	box-shadow: 0 0 6px #00000030;
	background: var(--card-background);
	border-radius: var(--card-radius);
	max-height: calc(100vh - var(--header-height) - var(--announcement-height))
}

.localization-head {
	padding: 30px 30px 0;
	margin-bottom: 20px
}

.localization-body {
	padding: 0 0 30px
}

.localization-formbox:not(.open) {
	display: none
}

.localization-switch-buttons {
	margin: 0 30px 20px;
	border-radius: var(--button-radius);
	position: relative;
	isolation: isolate;
	height: 46px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	overflow: hidden;
	background: var(--button-background);
	border: 2px solid var(--button-background)
}

.localization-switch-buttons:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	width: 50%;
	border-radius: var(--button-radius);
	transition: transform .3s ease-in-out;
	transform: translate(0);
	background: var(--button-background-hover)
}

.localization-switch-buttons.languages-active:before {
	transform: translate(100%)
}

.localization-switch-buttons .switch-button {
	font-weight: 700;
	letter-spacing: 1px;
	color: var(--button-text);
	border-radius: var(--button-radius)
}

.localization-switch-buttons .switch-button.active {
	color: var(--button-text-hover)
}

.localization-formbox {
	padding: 4px 30px;
	height: 100%;
	height: 44vh;
	max-height: 44vh;
	overflow: auto
}

.language-link,
.country-link {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px;
	border-radius: 100px;
	color: var(--form-input-color);
	border: 1px solid;
	border-color: transparent;
	transition: all .2s ease-out
}

.country-link span {
	display: flex;
	align-items: center;
	gap: 12px
}

.localization-country-flag img,
.country-link span img {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	object-fit: cover
}

.country-link span img {
	border: 1px solid var(--border-color)
}

.language.selected .language-link,
.language-link:hover,
.country.selected .country-link,
.country-link:hover {
	color: var(--link-hover-color);
	border-color: var(--form-input-border);
	background: var(--body-alternate-background)
}

.banner-image-media {
	width: 100%
}

.hero-carousel-section .main-slider-banner,
.hero-carousel-section .slider-slides {
	height: var(--media-height);
	max-height: var(--media-height)
}

.slideshow-content {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%
}

.slideshow-content-wrapper {
	position: absolute;
	isolation: isolate;
	width: 100%;
	z-index: 3
}

.swiper:not(.is-stable):has(.swiper-slide.swiper-slide-prev) .slideshow-content-inner>*,
.swiper:not(.is-stable):has(.swiper-slide.swiper-slide-next) .slideshow-content-inner>* {
	opacity: 0
}

.slideshow-sub-heading {
	margin-bottom: 20px;
	will-change: transform, opacity, visibility;
	animation-delay: 0s
}

.slideshow-heading {
	margin-bottom: 15px;
	will-change: transform, opacity, visibility;
	animation-delay: .3s
}

.slideshow-description {
	will-change: transform, opacity, visibility;
	animation-delay: 1s
}

.slideshow-button {
	will-change: transform, opacity, visibility;
	margin-top: 35px;
	animation-delay: 1.5s;
	display: inline-flex;
	align-items: center;
	gap: 15px
}

.swiper-pagination:not(.swiper-pagination-progressbar) {
	bottom: initial;
	position: relative;
	padding: 22px 0 4px
}

.swiper-pagination.swiper-pagination-bullets {
	--swiper-pagination-bullet-width: 24px;
	--swiper-pagination-bullet-height: 24px;
	--swiper-pagination-bullet-border-radius: 100px;
	--swiper-pagination-bullet-horizontal-gap: 0;
	--swiper-pagination-bullet-opacity: 1;
	--swiper-pagination-bullet-inactive-opacity: 1;
	--swiper-pagination-color: var(--slider-arrow-color);
	--swiper-pagination-bullet-inactive-color: var(--slider-arrow-bg)
}

.swiper-pagination-bullet {
	background: none;
	aspect-ratio: 1;
	transition: all .3s ease-in-out
}

.swiper-pagination-bullet:focus-visible {
	outline-offset: -2px
}

.swiper-pagination-bullet:before {
	content: "";
	transform: scale(.5);
	width: inherit;
	height: inherit;
	display: block;
	border-radius: inherit;
	background: var(--swiper-pagination-bullet-inactive-color)
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: calc(var(--swiper-pagination-bullet-width) * 2)
}

.swiper-pagination-bullet.swiper-pagination-bullet-active:before {
	background: var(--swiper-pagination-color)
}

.overlay-drawer {
	color: var(--text-color);
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 14;
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
	transition: opacity .4s ease-in-out .6s, visibility 0s linear .6s
}

.overlay-drawer.open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transition: opacity .4s ease-in-out 0s, visibility 0s linear 0s
}

main:has(.overlay-drawer) {
	transition: z-index 0s linear .4s
}

main:has(.overlay-drawer.open) {
	z-index: 12;
	transition: z-index 0s linear 0s
}

.overlay-drawer-close {
	--svg-wrapper-size: 10px;
	grid-area: drawer-close;
	width: 34px;
	height: 34px;
	margin: auto;
	color: var(--text-color);
	transition: transform .4s ease-in-out 0s, border-radius .4s ease-in-out
}

.overlay-drawer.open:not(.drawer-close-outside) .overlay-drawer-close:hover {
	color: color-mix(in srgb, var(--text-color) 80%, transparent);
	background: color-mix(in srgb, var(--text-color) 10%, transparent);
	border-radius: 50%;
	transform: rotate(360deg) scale(1);
	transition: transform .4s ease-in-out, border-radius .4s ease-in-out
}

.drawer-close-inside:not(:has(.overlay-drawer-header)) .overlay-drawer-close {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 3
}

.overlay-drawer .backdrop-overlay {
	transition: opacity .4s ease-in-out .4s, visibility 0s ease-in-out .4s
}

.overlay-drawer.open .backdrop-overlay {
	transition: opacity .4s ease-in-out 0s, visibility 0s ease-in-out 0s;
	visibility: visible;
	opacity: 1
}

.overlay-drawer-inner {
	--drawer-height: 80vh;
	will-change: transform;
	max-height: var(--drawer-height);
	overflow: hidden;
	z-index: 10;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
	transition: opacity 0s ease-in-out .4s, visibility 0s ease-in-out .4s, clip-path .4s ease-in-out 0s
}

.overlay-drawer.open .overlay-drawer-inner {
	opacity: 1;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	transition: opacity 0s ease-in-out 0s, visibility 0s ease-in-out 0s, clip-path .4s ease-in-out 0s
}

.drawer-close-outside .overlay-drawer-inner {
	display: grid;
	gap: 20px
}

.drawer-fullwidth .overlay-drawer-content {
	border-radius: 0
}

.overlay-drawer-content {
	grid-area: drawer-content;
	overflow: hidden;
	background: var(--body-background);
	display: grid;
	grid-template-rows: auto 1fr;
	height: 100%;
	border-radius: var(--card-radius)
}

.overlay-drawer-header {
	padding: 20px;
	border-bottom: 1px solid var(--border-color);
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center
}

.overlay-drawer-header .overlay-drawer-close {
	grid-area: unset
}

.overlay-drawer-body {
	overflow-y: auto;
	height: 100%
}

.need-help-drawer-content .overlay-drawer-body {
	padding: 30px
}

.overlay-popup {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	width: 100%;
	height: 100%;
	overflow: hidden;
	outline: 0;
	opacity: 0;
	visibility: hidden;
	transition: opacity .15s;
	pointer-events: none;
	-webkit-user-select: none;
	user-select: none
}

.overlay-popup.open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	-webkit-user-select: auto;
	user-select: auto
}

.overlay-popup-close {
	--svg-wrapper-size: 10px;
	width: 30px;
	height: 30px;
	background: var(--button-background);
	border-radius: 50%;
	color: var(--button-text);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 10px;
	transition: .4s ease
}

.overlay-popup-close:hover {
	background: var(--button-background-hover);
	color: var(--button-text-hover)
}

.overlay-popup.open .backdrop-overlay {
	opacity: 1;
	pointer-events: auto;
	visibility: visible
}

.overlay-popup-dialog {
	position: relative;
	width: 100%;
	max-width: 900px;
	padding: 20px;
	pointer-events: none;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	transition: .4s ease-out;
	transform: translateY(100px);
	opacity: 0;
	transition-delay: .2s;
	z-index: 10
}

.popup-xsmall-width .overlay-popup-dialog {
	max-width: 450px
}

.popup-small-width .overlay-popup-dialog {
	max-width: 640px
}

.popup-position-left .overlay-popup-dialog {
	justify-content: flex-end
}

.popup-position-center .overlay-popup-dialog {
	margin-left: auto;
	margin-right: auto
}

.popup-position-right .overlay-popup-dialog {
	justify-content: flex-end;
	margin-left: auto
}

.overlay-popup.open .overlay-popup-dialog {
	-webkit-transform: none;
	transform: none;
	opacity: 1
}

.overlay-popup-content {
	pointer-events: auto;
	background: var(--body-background);
	border-radius: var(--card-radius);
	padding: 35px
}

.overlay-popup-body .section-header {
	margin-bottom: 30px
}

.newsletter-popup.show-image .overlay-popup-dialog {
	max-width: 800px;
	pointer-events: none
}

.newsletter-popup.show-image .overlay-popup-dialog:has(.image-top) {
	max-width: 500px
}

.newsletter-popup-content .form-group {
	display: grid;
	grid-template-columns: 1fr auto;
	border: 1px solid var(--form-input-border);
	border-radius: var(--form-input-radius);
	padding: 5px;
	margin: 0
}

.newsletter-popup-content .form-group .form-control {
	border: 0;
	text-indent: 15px;
	padding: 0 10px 0 0;
	background: transparent
}

.newsletter-popup-wrapper {
	display: grid;
	grid-template-columns: auto 1fr;
	grid-template-areas: "image content"
}

.newsletter-popup-image {
	width: 300px;
	border-radius: var(--card-radius) 0 0 var(--card-radius);
	overflow: hidden;
	grid-area: image
}

.newsletter-popup.show-image .overlay-popup-content {
	padding: 0
}

.newsletter-popup.open .overlay-popup-content {
	pointer-events: auto
}

.newsletter-popup.show-image .newsletter-popup-content {
	padding: 30px;
	grid-area: content
}

.newsletter-popup-wrapper.image-right {
	grid-template-areas: "content image";
	grid-template-columns: 1fr auto
}

.newsletter-popup-wrapper.image-right .newsletter-popup-image {
	border-radius: 0 var(--card-radius) var(--card-radius) 0
}

.newsletter-popup-wrapper.image-top {
	display: block
}

.newsletter-popup-wrapper.image-top .newsletter-popup-image {
	width: 100%;
	height: 300px;
	border-radius: var(--card-radius) var(--card-radius) 0 0
}

.age-verification-desc {
	padding-top: 12px
}

.age-verification-button {
	margin: 10px 0;
	display: flex;
	flex-wrap: wrap;
	gap: 10px
}

.age-verification-body {
	margin-top: 20px
}

.product-pickup-info {
	--svg-wrapper-size: 24px;
	padding: 8px 12px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	border: 1px solid var(--border-color);
	border-radius: var(--card-radius);
	background: var(--card-alternate-background)
}

.pickup-info-block {
	display: flex;
	align-items: center;
	gap: 10px
}

.pickup-info-block small {
	font-size: 10px
}

.pickup-availability-button {
	font-size: 10px;
	color: var(--link-color)
}

.pickup-availability-button:hover {
	color: var(--link-hover-color)
}

.pickup-availability-body {
	overflow-y: auto;
	height: 100%;
	padding-right: 10px
}

.pickup-availability-product {
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	gap: 12px;
	padding: 20px
}

.pickup-availability-product-media {
	width: 82px;
	height: 82px;
	border: 1px solid var(--border-color);
	border-radius: var(--card-radius)
}

.pickup-availability-product-info .product-price {
	margin: 0
}

.pickup-availability-list-item {
	padding: 15px 20px;
	border-top: 1px solid var(--border-color)
}

.pickup-availability-list-item .pickup-availability-preview.pickup-available,
.pickup-availability-list-item .pickup-availability-preview.pickup-unavailable {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 8px 0
}

.pickup-availability-preview.pickup-address p {
	font-size: var(--text-xs)
}

.pickup-availability-preview svg {
	width: 15px
}

.pickup-availability-footer {
	padding: 12px 0;
	border-top: 1px solid var(--border-color)
}

.cart-notification-drawer .overlay-drawer-inner {
	--drawer-height: max-content;
	margin-top: 20px;
	margin-right: 20px;
	max-width: 300px
}

.cart-notification-drawer .overlay-drawer-header {
	border: none;
	padding: 10px 14px
}

.cart-notification-drawer .overlay-drawer-close {
	--svg-wrapper-size: 10px;
	width: 24px;
	height: 24px
}

.cart-notification-drawer .overlay-drawer-body {
	padding: 0 14px
}

.cart-notification-media {
	height: 340px;
	border-radius: var(--product-card-radius);
	border: 1px solid var(--border-color)
}

.cart-notification-info {
	padding: 8px 0 12px
}

.cart-notification-info .product-title {
	display: inline-block;
	margin: 0
}

.cart-notification-price {
	display: block;
	line-height: initial
}

.section-wrapper:has(.moving-lines) {
	position: relative;
	isolation: isolate;
	overflow: hidden
}

.moving-lines {
	--line-stroke-dashoffset-start: 2000;
	--line-stroke-dashoffset-end: 2000;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	pointer-events: none;
	-webkit-user-select: none;
	user-select: none;
	transform: scale(-1)
}

.moving-lines svg {
	pointer-events: none
}

.static-lines path {
	stroke-width: var(--svg-stroke-width);
	stroke: var(--static-lines-color)
}

.animating-lines path {
	stroke: var(--animating-lines-color);
	stroke-width: var(--svg-stroke-width);
	stroke-dasharray: var(--line-stroke-dashoffset-start) 99999;
	stroke-dashoffset: var(--line-stroke-dashoffset-end)
}

.empty-card {
	width: 100%;
	min-height: 400px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.empty-card svg {
	width: 50px;
	height: auto;
	margin-bottom: 15px
}

.empty-card-heading {
	margin-bottom: 15px
}

.not-found-box {
	min-height: 80vh;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%
}

.not-found-box .empty-card {
	max-width: 1000px
}

.empty-card-header {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px
}

.empty-card-text {
	font-size: 20rem
}

.empty-card-icon {
	position: relative
}

.empty-card-icon:before,
.empty-card-icon:after {
	content: "";
	width: 100%;
	height: 20px;
	position: absolute;
	background: #000;
	border-radius: 8px
}

.empty-card-icon:before {
	top: -50px;
	left: 0
}

.empty-card-icon:after {
	bottom: -45px;
	left: 0
}

.empty-card-header .empty-card-text:first-child {
	transform: rotate(-10deg);
	animation: mover1 2s infinite alternate linear
}

.empty-card-header .empty-card-text:last-child {
	transform: rotate(10deg);
	animation: mover2 2s infinite alternate linear .5s
}

.empty-card-desc {
	margin-bottom: 30px
}

.empty-card-icon svg {
	animation: mover3 2s infinite alternate linear
}

@keyframes mover1 {
	0% {
		transform: translateY(0) rotate(-10deg)
	}

	to {
		transform: translateY(-20px) rotate(-10deg)
	}
}

@keyframes mover2 {
	0% {
		transform: translateY(0) rotate(10deg)
	}

	to {
		transform: translateY(-20px) rotate(10deg)
	}
}

@keyframes mover3 {
	0% {
		transform: translateY(-30px)
	}

	to {
		transform: translateY(30px)
	}
}

.text-center .best-selling-counterbox .counterbox-wrapper {
	justify-content: center
}

.text-right .best-selling-counterbox .counterbox-wrapper {
	justify-content: flex-end
}

.counterbox-wrapper {
	--counts-height: 1.2em;
	display: flex;
	align-items: flex-start
}

.counterbox-wrapper .counter-item {
	display: flex;
	align-items: center
}

.counterbox-wrapper .counter-item+.counter-item:before {
	content: ":";
	font-size: 50px;
	width: var(--gap, 36px);
	color: var(--slider-arrow-bg);
	line-height: normal;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
	position: relative;
	top: -6px;
	animation: blink 1s infinite;
	-webkit-animation: blink 1s infinite;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out
}

.counterbox-wrapper .counter-inner {
	width: 100%;
	position: relative;
	border: 2px solid var(--border-color);
	border-radius: 10px;
	background-color: var(--card-alternate-background);
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 4px;
	padding: 10px 15px
}

[data-days],
[data-hours],
[data-minutes],
[data-seconds] {
	display: flex;
	align-items: flex-end;
	position: relative;
	overflow: hidden;
	height: var(--counts-height);
	border-radius: 5px
}

.numbers-pack-days,
.numbers-pack-hours,
.numbers-pack-minutes,
.numbers-pack-seconds {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: var(--counts-height);
	position: relative;
	top: calc(-100% * var(--data-numbers))
}

.count-number {
	font-weight: 700;
	min-height: var(--counts-height);
	height: var(--counts-height);
	text-align: center
}

shopify-payment-terms {
	font-size: var(--text-xs)
}

.payment-icons-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px
}

.payment-icons-list li,
.payment-icons-list li svg {
	display: block
}

.spinner .path {
	stroke: var(--button-text);
	animation: dash 1.4s ease-in-out infinite;
	transform-origin: center;
	stroke-dasharray: 280;
	stroke-dashoffset: 0
}

.search-drawer-main {
	display: grid;
	grid-template-columns: auto 1fr auto;
	--marquee-speed: 5s;
	--horizontal-space: 20px;
	--marquee-gap: 50px;
	--marquee-text-size: var(--h4);
	height: 100%;
	overflow: hidden
}

.search-drawer-body {
	padding: 50px 40px;
	height: 100vh;
	overflow: hidden
}

.search-drawer-body-inner {
	height: 100%;
	overflow-y: auto;
	padding-right: 10px
}

.search-drawer-input-group {
	display: grid;
	grid-template-columns: 1fr auto;
	border-bottom: 1px solid var(--form-input-border);
	margin-bottom: 40px;
	padding: 4px
}

.search-drawer-input-group .search-drawer-input {
	outline: 0;
	border: 0;
	border-radius: 0;
	padding-left: 0;
	background: transparent;
	font-size: var(--h6)
}

.field-button.reset-button {
	--svg-wrapper-size: 16px;
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--form-input-color)
}

.search-form-button.search-button {
	color: var(--form-input-color)
}

.search-drawer-input-group .search-form-button {
	width: 24px
}

.search-drawer-close {
	text-align: center;
	padding: 10px
}

.header-search-form .search-drawer-close {
	display: none
}

.search-drawer-marquee {
	padding: 0 10px;
	background: var(--heading-color)
}

.search-drawer-marquee .marquee-text {
	color: var(--body-background)
}

@media (max-width: 1199px) {
	.product-buttons:has(.shopify-payment-button) {
		grid-template-columns: repeat(1, 1fr)
	}
}

@media (max-width: 1024px) {
	.overlay-drawer.drawer-close-outside .overlay-drawer-close {
		border-radius: 50%;
		color: var(--button-text);
		background: var(--button-background)
	}

	.drawer-position-bottom.no-space .overlay-drawer-content {
		border-radius: var(--card-radius) var(--card-radius) 0 0
	}

	.drawer-position-top.no-space .overlay-drawer-content {
		border-radius: 0 0 var(--card-radius) var(--card-radius)
	}

	.drawer-position-left.no-space .overlay-drawer-content {
		border-radius: 0 var(--card-radius) var(--card-radius) 0
	}

	.drawer-position-right.no-space .overlay-drawer-content {
		border-radius: var(--card-radius) 0 0 var(--card-radius)
	}

	.product-thumbnails-slideshow.swiper {
		bottom: 10px;
		max-width: 100%
	}

	.product-card-mediaoverlay .variant-sizes-scroller {
		display: none
	}

	.product-card-overlaybtn {
		padding: 4px 8px
	}

	.search-drawer .overlay-drawer-inner {
		--drawer-height: 100vh
	}

	.drawer-halfscreen .overlay-drawer-inner .overlay-drawer-content {
		border-radius: 0
	}

	.search-drawer-close {
		padding: 0;
		background: color-mix(in srgb, var(--text-color) 10%, transparent);
		border-radius: 100%
	}

	.header-search-form .search-drawer-close {
		display: block
	}

	.drawer-fullscreen .header-search-form,
	.drawer-halfscreen .header-search-form {
		display: grid;
		grid-template-columns: 1fr auto;
		background: var(--card-background);
		margin-bottom: 10px;
		padding-right: 15px;
		align-items: center
	}

	.search-drawer-input-group {
		border-bottom: 0;
		margin-bottom: 0;
		padding: 10px
	}

	.search-drawer-input-group .search-drawer-input {
		border-radius: var(--form-input-radius) 0 0 var(--form-input-radius);
		padding-left: 15px;
		background: var(--form-input-background)
	}

	.field-button.reset-button {
		padding-right: 15px
	}

	.search-drawer-input-group .search-form-button,
	.field-button.reset-button {
		background: var(--form-input-background);
		border-radius: 0 var(--form-input-radius) var(--form-input-radius) 0
	}

	.search-drawer-input-group .search-form-button {
		width: 50px
	}

	.search-drawer-header .search-drawer-marquee {
		display: none
	}

	.search-drawer-body {
		padding: 0;
		height: 100%;
		min-width: 0;
		overflow: initial
	}

	.search-drawer-body-inner {
		padding-right: 0
	}

	.button-element.button-animated .button-icon {
		transform: translate(2px) scale(.85)
	}

	.button-element.button-animated .button-text {
		min-width: auto;
		white-space: nowrap;
		padding-inline-start: 1em;
		padding-inline-end: .8em
	}

	.button-element.button-animated .button-text:after {
		width: calc(100% + var(--button-height))
	}

	.button-element.button-primary:not(.button-link):not(.button-solid-animated) .button-icon {
		color: var(--button-text-hover);
		background: var(--button-text);
		border-color: var(--button-text)
	}

	.button-element.button-primary.button-animated:not(.button-link):not(.button-solid-animated) .button-icon {
		border-color: var(--button-border)
	}

	.button-element.button-primary.button-animated .button-text:after {
		border-color: var(--button-background-hover)
	}

	.button-element.button-secondary:not(.button-link):not(.button-solid-animated) .button-icon {
		color: var(--button-secondary-text-hover);
		background: var(--button-secondary-text);
		border-color: var(--button-secondary-text)
	}

	.button-element.button-primary.button-animated .button-text {
		color: var(--button-text)
	}

	.button-element.button-secondary.button-animated .button-text {
		color: var(--button-secondary-text);
		border-color: var(--button-secondary-background)
	}

	.button-element.button-secondary.button-animated .button-text:after {
		border-color: var(--button-secondary-background-hover)
	}
}

@media (max-width: 767px) {
	body {
		padding-bottom: var(--mobile-dock-height-dynamic)
	}

	*::-webkit-scrollbar {
		display: block
	}

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

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

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

	.m-top-left {
		top: 15px;
		left: 15px
	}

	.m-top-center {
		top: 15px;
		left: 50%;
		transform: translate(-50%)
	}

	.m-top-right {
		top: 15px;
		right: 15px
	}

	.m-center-left {
		top: 50%;
		left: 15px;
		transform: translateY(-50%)
	}

	.m-center {
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%)
	}

	.m-center-right {
		top: 50%;
		right: 15px;
		transform: translateY(-50%)
	}

	.m-bottom-left {
		bottom: 15px;
		left: 15px
	}

	.m-bottom-center {
		bottom: 15px;
		left: 50%;
		transform: translate(-50%)
	}

	.m-bottom-right {
		bottom: 15px;
		right: 15px
	}

	input,
	textarea {
		font-size: 16px !important
	}

	.product-card-info {
		padding-top: 8px
	}

	.overlay-drawer-inner {
		--drawer-height: 90vh
	}

	.slideshow-content-wrapper {
		max-width: 85%;
		max-height: 80%;
		overflow: hidden;
		overflow-y: auto
	}

	.localization-head {
		padding: 20px 15px 0;
		margin-bottom: 10px
	}

	.localization-body {
		padding: 0 0 10px
	}

	.localization-formbox {
		padding: 0 10px;
		max-height: 60vh
	}

	.language-link,
	.country-link {
		padding: 6px
	}

	.localization-switch-buttons {
		height: 40px;
		margin: 0 10px 10px
	}

	.localization-wrapper {
		left: 0;
		right: 0;
		margin: 0 auto;
		height: 100%
	}

	.overlay-drawer-header {
		padding: 15px
	}

	.counterbox-wrapper .counter-inner {
		padding: 10px
	}

	.view-address-wrapper {
		grid-template-columns: 1fr;
		gap: 20px
	}

	.account-header {
		align-items: flex-start;
		flex-direction: column;
		gap: 10px
	}

	.section-button-group {
		flex-wrap: wrap
	}

	.main-order-media {
		width: 70px;
		min-width: 70px;
		height: 70px
	}

	.main-order-info {
		width: 150px
	}

	.empty-card-text {
		font-size: 8rem
	}

	.empty-card-icon:before,
	.empty-card-icon:after {
		height: 10px
	}

	.empty-card-icon:before {
		top: -30px
	}

	.empty-card-icon:after {
		bottom: 0
	}

	@keyframes mover3 {
		0% {
			transform: translateY(-20px)
		}

		to {
			transform: translateY(15px)
		}
	}

	.drawer-close-outside .overlay-drawer-inner {
		gap: 10px
	}

	.announcement-bar .localization-wrapper {
		right: 0
	}

	.button:not(.icon-button),
	button.shopify-payment-button__button,
	button.shopify-payment-button__button--hidden,
	.shopify-challenge__button {
		padding: 10px 15px
	}

	.button-element:is(.button-large, .button-medium, .button-small, .button-animated) {
		--button-width: 100px;
		--button-height: 40px;
		--svg-wrapper-size: 14px
	}

	.product-buttons:has(.shopify-payment-button) .button-element:is(.button-large, .button-medium, .button-small, .button-animated) {
		--button-height: 55px
	}

	.slideshow-button {
		margin-top: 20px
	}

	.product-card-mediaoverlay {
		display: none
	}

	.product-card-mediaoverlay.hide {
		border: 0px
	}

	.product-card-mediaoverlay:has(.quick-view-always),
	.product-card-mediaoverlay:has(.quick-view-on-hover) {
		display: block
	}

	.cart-notification-drawer .overlay-drawer-inner {
		margin-top: 10px;
		margin-right: 10px;
		max-width: 250px
	}

	.cart-notification-media {
		height: 250px
	}

	.product-thumbnails-slideshow.swiper {
		position: relative;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: 0 auto
	}

	.product-media-gallery {
		border-radius: 0
	}

	.newsletter-popup-wrapper {
		grid-template-columns: 1fr;
		grid-template-areas: "image""content"
	}

	.newsletter-popup-image {
		width: 100%;
		max-height: 30vh;
		aspect-ratio: 1;
		border-radius: var(--card-radius) var(--card-radius) 0 0
	}

	.newsletter-popup.show-image .newsletter-popup-content {
		padding: 20px
	}

	.product-thumbnails-slideshow.swiper .swiper-wrapper {
		padding-block: 10px
	}

	.main-product-media-wrapper .product-media-modal-model .product__xr-button,
	.product-media-gallery .product-media-modal-model .product__xr-button {
		padding: 10px;
		font-size: 12px
	}

	.product-media-modal-model .deferred-media-poster-button {
		--svg-wrapper-size: 20px
	}

	.swiper .swiper-slide.is-slide-active .slideshow-content-inner>* {
		animation: slideInLeft .5s ease-out forwards 1s
	}

	.button-element:is(.button-animated) .button-text {
		padding-left: 5px
	}

	.slideshow-content br {
		display: none
	}

	.product-card-content.text-left .variant-colors-scroller {
		text-align: left
	}

	.product-card-content.text-right .variant-colors-scroller {
		text-align: right
	}
}

@media (max-width: 575px) {
	.localization-wrapper {
		top: var(--announcement-height);
		bottom: 0;
		display: flex;
		align-items: flex-start;
		justify-content: center;
		min-width: calc(100% - 20px);
		max-width: calc(100% - 20px)
	}

	.footer-bottom-bar .localization-wrapper {
		left: 0
	}

	.overlay-drawer-inner {
		--drawer-height: 100vh;
		margin-top: 0;
		display: block
	}

	.overlay-drawer:not(.cart-notification-drawer) .overlay-drawer-inner .overlay-drawer-content {
		border-radius: 0
	}

	.account-header .section-button-group .button-element,
	.account-header .section-button-group .button-element span {
		width: 100%
	}

	.counterbox-wrapper .counter-item+.counter-item:before {
		font-size: 40px;
		width: var(--gap, 20px);
		top: -3px
	}

	.counterbox-wrapper .counter-inner {
		padding: 6px
	}
}

@media (min-width: 576px) {
	.d-sm-none {
		display: none !important
	}

	.d-sm-inline {
		display: inline !important
	}

	.d-sm-inline-block {
		display: inline-block !important
	}

	.d-sm-block {
		display: block !important
	}

	.drawer-size-xsmall:not(.cart-notification-drawer) .overlay-drawer-inner {
		max-width: 540px
	}

	.drawer-size-small .overlay-drawer-inner {
		max-width: 700px;
		--drawer-height: 70vh
	}

	.drawer-size-regular .overlay-drawer-inner {
		max-width: 100%;
		--drawer-height: 100vh
	}

	.drawer-size-fullwidth .overlay-drawer-inner {
		max-width: 100%;
		--drawer-height: 90vh
	}

	.drawer-fullwidth .overlay-drawer-inner {
		--drawer-height: 100vh
	}

	.drawer-position-left .overlay-drawer-inner {
		margin-left: 20px;
		margin-top: 20px
	}

	.drawer-position-right .overlay-drawer-inner {
		margin-right: 20px;
		margin-top: 20px
	}

	.localization-wrapper {
		min-width: 470px;
		max-width: 470px
	}

	.announcement-bar .localization-wrapper {
		align-items: flex-start;
		top: var(--announcement-height)
	}

	.footer-bottom-bar .localization-wrapper {
		align-items: flex-end;
		bottom: calc(var(--mobile-dock-height-dynamic, 0px) + 50px)
	}

	.footer-bottom-bar .localization-wrapper {
		left: 15px;
		right: auto
	}
}

@media (min-width: 768px) {
	.form-input-box {
		display: flex;
		align-items: center;
		justify-content: space-between;
		grid-gap: 20px
	}

	.drawer-position-center:not(.drawer-close-inside) .overlay-drawer-inner {
		gap: 10px;
		display: grid;
		grid-template-rows: 1fr auto;
		grid-template-areas: "drawer-content""drawer-close"
	}

	.drawer-position-top .overlay-drawer-inner {
		margin-top: 0
	}

	.drawer-position-top.drawer-close-outside .overlay-drawer-inner {
		grid-template-areas: "drawer-content""drawer-close";
		grid-template-rows: 1fr auto
	}

	.drawer-position-bottom .overlay-drawer-inner {
		margin-bottom: 0;
		transform: translateY(100%)
	}

	.drawer-position-bottom.drawer-close-outside .overlay-drawer-inner {
		grid-template-areas: "drawer-close""drawer-content";
		grid-template-rows: auto 1fr
	}

	.drawer-position-left .overlay-drawer-inner {
		--drawer-height: calc(100vh - 40px);
		margin-left: 20px
	}

	.drawer-position-left.drawer-close-outside .overlay-drawer-inner {
		grid-template-areas: "drawer-content drawer-close";
		grid-template-columns: 1fr auto
	}

	.drawer-position-right:not(.cart-notification-drawer):not(.bundle-drawer) .overlay-drawer-inner {
		--drawer-height: calc(100vh - 40px);
		margin-right: 20px
	}

	.drawer-position-right.drawer-close-outside .overlay-drawer-inner {
		grid-template-areas: "drawer-close drawer-content";
		grid-template-columns: auto 1fr
	}

	.announcement-bar .localization-wrapper {
		right: 20px
	}

	.footer-bottom-bar .localization-wrapper {
		left: 20px
	}

	.swiper .swiper-slide.is-slide-active .slideshow-content-inner>* {
		animation: slideInBottom .5s ease-out forwards 1s
	}

	.product-thumbmedia {
		--shadow-color-mix: color-mix(in srgb, var(--text-color) 15%, transparent);
		box-shadow: 0 2px 15px 0 var(--shadow-color-mix)
	}
}

@media (min-width: 1025px) {
	html:has(.safari-browser) {
		overflow-y: hidden
	}

	.product-variants-list .product-variant-item:hover .tooltip,
	.tooltip-parent:hover .tooltip {
		opacity: 1;
		inset-block-end: calc(100% + 15px);
		transform-origin: center;
		animation: stretch-pulse .6s ease-out forwards .15s;
		-webkit-animation: stretch-pulse .6s ease-out forwards .15s
	}

	.focus-inside:focus-visible {
		outline-offset: -2px
	}

	.navbar-link:hover,
	.icons-block .icons-link:hover {
		color: var(--header-text-hover)
	}

	.input-md {
		min-height: 54px
	}

	.product-card-mediaoverlay {
		--bottom-offset: 10px;
		inset-inline: 10px;
		border-radius: calc(var(--product-card-radius) / 2) calc(var(--product-card-radius) / 2) 0 0
	}

	.account-body-content {
		margin-bottom: 0
	}

	.product-card-mediaoverlay {
		opacity: 0;
		pointer-events: none;
		-webkit-user-select: none;
		user-select: none;
		transform: translateY(calc(100% + var(--bottom-offset)))
	}

	.product-card-media:hover .product-card-mediaoverlay:has(.variant-sizes-scroller):hover,
	.product-card-media:focus-within .product-card-mediaoverlay:has(.variant-sizes-scroller) {
		opacity: 1;
		transform: translateY(0)
	}

	.product-card-media:focus .product-card-mediaoverlay,
	.product-card-mediaoverlay:has(.quick-view-always),
	.product-card-media:hover .product-card-mediaoverlay,
	.product-card-media:focus-within .product-card-mediaoverlay {
		opacity: 1;
		pointer-events: auto;
		-webkit-user-select: auto;
		user-select: auto;
		transform: translateY(calc(100% + var(--bottom-offset) + var(--quickview-height) * -1))
	}

	.product-card-media:focus-within .product-card-mediaoverlay {
		transition: none
	}

	.product-card-media:has(a.product-image:focus-visible) {
		outline: 2px solid #757575;
		outline-offset: 2px;
		transition: unset !important;
		z-index: 1
	}

	.product-card-content:has(.variant-colors-scroller):hover .product-card-info,
	.product-card-content:has(.variant-colors-scroller:focus-within) .product-card-info {
		opacity: 0;
		pointer-events: none;
		-webkit-user-select: none;
		user-select: none
	}

	.product-card-content:has(.variant-colors-scroller):hover .product-card-info>* {
		pointer-events: none
	}

	.product-card-content .variant-colors-scroller {
		padding-top: 18px;
		grid-area: 1 / 1 / -1 / -1;
		opacity: 0;
		pointer-events: none;
		-webkit-user-select: none;
		user-select: none;
		visibility: hidden
	}

	.product-card-content:has(.variant-colors-scroller):hover .variant-colors-scroller,
	.product-card-content:has(.variant-colors-scroller) .variant-colors-scroller:focus-within {
		opacity: 1;
		-webkit-user-select: auto;
		user-select: auto
	}

	.product-card-content:has(.variant-colors-scroller):hover .variant-colors-scroller .product-variants-list {
		pointer-events: auto;
		-webkit-user-select: auto;
		user-select: auto
	}

	.icon-button:hover {
		background: var(--slider-arrow-color);
		color: var(--slider-arrow-bg);
		border-color: var(--slider-arrow-bg)
	}

	.drawer-halfscreen.search-drawer .overlay-drawer-inner {
		width: calc(100% - 60px);
		top: 30px
	}

	.drawer-halfscreen.search-drawer .overlay-drawer-content {
		display: block;
		border-radius: var(--card-radius);
		padding: 0 50px 50px
	}

	.product-card-media:has(.hovered-second-media):hover .product-card-media-inner:not(.hovered-second-media) {
		opacity: 0
	}

	.product-card-media:hover .hovered-second-media {
		opacity: 1
	}

	.product-card-media:hover .product-card-media-inner {
		transform: scale(1.05)
	}

	.section-id-clipboard .copy-id-button:hover {
		color: gray
	}

	.button-element.button-primary:not(.button-link):hover {
		color: var(--button-text-hover)
	}

	.button-element.button-secondary:not(.button-link):hover {
		color: var(--button-secondary-text-hover)
	}

	.button-element.button-solid-animated.button-primary:hover {
		background: var(--button-background-hover);
		border-color: var(--button-background-hover)
	}

	.button-element.button-solid-animated.button-secondary:hover {
		color: var(--button-secondary-text-hover);
		background: var(--button-secondary-background-hover);
		border-color: var(--button-secondary-background-hover)
	}

	.button-element.button-solid-animated:not(.button-link):hover .button-icon .svg-wrapper {
		transform: translate3d(100%, 0, 0)
	}

	.button-element.button-solid-animated:not(.button-link):hover .button-icon .svg-wrapper>svg:first-child {
		opacity: 0
	}

	.button-element.button-solid-animated:not(.button-link):hover .button-icon .svg-wrapper>svg:last-child {
		opacity: 1
	}

	.button-element.button-solid-animated:hover .button-text {
		background: none;
		border: none;
		color: inherit
	}

	.button-element.button-solid-animated:hover .button-text-regular {
		opacity: 0;
		transform: translate3d(0, 120%, 0) scale3d(.8, .8, 1) rotateX(50deg) rotateY(0) rotate(0) skew(20deg);
		transform-style: preserve-3d
	}

	.button-element.button-solid-animated:hover .button-text-hovered {
		opacity: 1;
		transform: translateZ(0) scaleZ(1) rotateX(0) rotateY(0) rotate(0) skew(0)
	}

	.button-element.button-animated:hover .button-icon {
		transform: translate(3px) scale(.85)
	}

	.button-element.button-animated:hover .button-text:after {
		width: calc(100% + var(--button-height))
	}

	.button-element.button-primary:not(.button-link):not(.button-solid-animated):hover .button-icon {
		color: var(--button-background-hover)
	}

	.button-element.button-primary:not(.button-link):not(.button-solid-animated):hover .button-icon {
		color: var(--button-text-hover);
		background: var(--button-text);
		border-color: var(--button-text)
	}

	.button-element.button-primary.button-animated:hover .button-text {
		color: var(--button-text)
	}

	.button-element.button-primary:not(.button-animated):not(.button-solid-animated):not(.button-link):hover .button-text {
		color: var(--button-text-hover)
	}

	.button-element.button-primary.button-animated:hover .button-text:after {
		border-color: var(--button-background-hover)
	}

	.button-element.button-primary.button-solid:hover .button-text,
	.button-element.button-primary.button-outlined:hover .button-text,
	button.shopify-payment-button__button:hover:not([disabled]) {
		color: var(--button-text-hover);
		background: var(--button-background-hover);
		border-color: var(--button-text-hover)
	}

	.button-element.button-secondary:not(.button-link):not(.button-solid-animated):hover .button-icon {
		color: var(--button-secondary-text-hover);
		background: var(--button-secondary-text);
		border-color: var(--button-secondary-text)
	}

	.button-element.button-secondary:not(.button-link):hover .button-text {
		color: var(--button-secondary-text-hover)
	}

	.button-element.button-secondary.button-animated:hover .button-text {
		color: var(--button-secondary-text);
		border-color: var(--button-secondary-background)
	}

	.button-element.button-secondary.button-animated:hover .button-text:after {
		border-color: var(--button-secondary-background-hover)
	}

	.button-element.button-secondary.button-solid:hover .button-text,
	.button-element.button-secondary.button-outlined:hover .button-text {
		color: var(--button-secondary-text-hover);
		background: var(--button-secondary-background-hover);
		border-color: var(--button-secondary-text-hover)
	}

	.button-element.button-link:hover .button-text {
		transform: translateY(-100%)
	}

	.button-element.button-link:hover .button-text {
		color: var(--link-hover-color);
		background: none
	}

	.button-element.button-link:hover .button-icon {
		color: var(--link-hover-color)
	}

	.button-element.button-secondary.button-link:hover .button-text {
		background: none
	}

	.icon-button.button-primary:hover,
	.icon-button.button-primary.button-outlined:hover {
		color: var(--button-text-hover);
		border-color: var(--button-background-hover);
		background: var(--button-background-hover)
	}

	.icon-button.button-secondary:not(.button-link):hover {
		color: var(--button-secondary-text-hover);
		border-color: var(--button-secondary-background-hover);
		background: var(--button-secondary-background-hover)
	}

	.icon-button.button-secondary.button-outlined:hover {
		color: var(--button-secondary-text-hover);
		border-color: var(--button-secondary-background-hover);
		background: var(--button-secondary-background-hover)
	}

	.search-drawer-header {
		background: var(--card-background)
	}

	.search-drawer-main:has(.search-drawer-marquee) .search-drawer-body {
		padding: 50px 75px
	}

	.variant-colors-scroller .product-variants-list {
		pointer-events: none;
		-webkit-user-select: none;
		user-select: none
	}
}

@media (min-width: 1200px) {
	.drawer-close-outside .overlay-drawer-close {
		display: none
	}

	.drawer-close-outside .overlay-drawer-inner {
		gap: 0
	}

	.form-group {
		margin-bottom: 20px
	}

	.product-variants-list.colors-list.color-swatch-small {
		--color-swatch-size: 24px;
		gap: 5px
	}

	.product-variants-list.colors-list:not(.color-swatch-large):not(.color-swatch-small),
	.product-variants-list.colors-list.color-swatch-regular {
		--color-swatch-size: 34px;
		gap: 5px
	}

	.product-variants-list.colors-list.color-swatch-large {
		--color-swatch-size: 54px
	}

	.product-card .product-variant-item+.product-variant-item {
		margin-left: 4px
	}
}

@media (min-width: 1441px) {
	.input-md {
		min-height: 60px
	}

	.product-card-mediaoverlay {
		--bottom-offset: 18px;
		inset-inline: 20px
	}
}

@media (min-width: 1700px) {
	.input-md {
		min-height: 60px
	}
}

/*# sourceMappingURL=/cdn/shop/t/8/assets/theme.css.map?v=1315785590780890221749451175 */