:root {
	--color-primary: #000000;
	--color-secondary: #FFFFFF;
	--color-accent: #949494;
	--color-accent-light: #D6D6D6;
	--grid-columns: 4;
	--grid-gutter: 1.25rem;
	--grid-gutter-half: calc(.5 * 20px);
	--font-size-text-small: 14px;
	--font-size-text-large: 18px;
	--font-size-huge-sans: clamp(48px, 120/2000 * 100vw, 120px);
	--font-size-h1-sans: clamp(50px, 70/2000 * 100vw, 70px);
	--font-size-h2-sans: clamp(40px, 55/2000 * 100vw, 55px);
	--font-size-h3-sans: clamp(26px, 40/2000 * 100vw, 40px);
	--font-size-h4-sans: clamp(20px, 24/1400 * 100vw, 24px);
	--font-size-h5-sans: clamp(20px, 24/1400 * 100vw, 24px);
	--font-size-h6-sans: clamp(20px, 24/1400 * 100vw, 24px);
	--spacing-tiny-mobile: 20;
	--spacing-tiny: 20;
	--spacing-small-mobile: 30;
	--spacing-small: 30;
	--spacing-medium-mobile: 40;
	--spacing-medium: 40;
	--spacing-large-mobile: 60;
	--spacing-large: 80;
	--spacing-big-mobile: 80;
	--spacing-big: 120;
	--spacing-huge-mobile: 100;
	--spacing-huge: 180;
	--spacing-enormous-mobile: 140;
	--spacing-enormous: 250
}

@media (min-width: 700px) {
	:root {
		--grid-columns: 12;
		--grid-margin: 3.75rem
	}
}

@media (max-width: 699px) {
	:root {
		--grid-margin: 1.25rem
	}
}

@media (min-width: 1200px) {
	:root {
		--font-size-text-small: 16px;
		--font-size-text-large: 20px
	}
}

@media (min-width: 1000px) {
	:root {
		--border-radius: 30px;
		--border-radius-medium: 40px;
		--border-radius-large: 50px
	}
}

@media (max-width: 999px) {
	:root {
		--border-radius: 30px;
		--border-radius-medium: 30px;
		--border-radius-large: 30px
	}
}

@media (min-width: 700px) {
	:root {
		--padding-box: calc(60px - 20px)
	}
}

@media (max-width: 699px) {
	:root {
		--padding-box: 20px
	}
}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

img {
	border-style: none
}

b,strong {
	font-weight: 700
}

a {
	text-decoration: none
}

h1,h2,h3,h4,h5,h6 {
	margin: 0
}

audio,canvas,iframe,img,svg,video {
	vertical-align: middle
}

img,svg {
	max-width: 100%;
	height: auto
}

img[width],img[height],svg[width],svg[height] {
	max-width: none
}

svg {
	fill: currentColor
}


button,.c-button {
	display: inline-block;
	overflow: visible;
	margin: 0;
	padding: 0;
	outline: 0;
	border: 0;
	background: none #0000;
	color: inherit;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	font: inherit;
	line-height: normal;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.js-focus-visible :focus:not(.focus-visible) {
	outline: none
}

.o-container {
	margin-right: auto;
	margin-left: auto;
	padding-left: 60px;
	padding-right: 60px;
	min-height: calc(100vh - 6rem);
}

.o-grid {
	display: grid;
	width: 100%
}

@media (min-width: 1000px) {
	.o-grid.-col-2\@from-medium {
		grid-template-columns: repeat(2,1fr)
	}
}

@media (min-width: 700px) {
	.o-grid.-col-2\@from-small {
		grid-template-columns: repeat(2,1fr)
	}
}

.o-grid.-gutters {
	gap: 20px;
	-moz-column-gap: 20px;
	column-gap: 20px
}

.o-grid_item {
	grid-column-start: var(--gc-start, 1);
	grid-column-end: var(--gc-end, -1)
}

@font-face {
	font-family:swiper-icons;
	src:url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA) format("woff");font-weight:400;font-style:normal
}

:root {
	--swiper-theme-color: #007aff
}

.swiper,swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
	display: block
}

.swiper-vertical>.swiper-wrapper {
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
	box-sizing: content-box
}

.swiper-android .swiper-slide,.swiper-wrapper {
	transform: translateZ(0)
}

.swiper-horizontal {
	touch-action: pan-y
}

.swiper-vertical {
	touch-action: pan-x
}

.swiper-slide,swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform;
	display: block
}

.swiper-slide-invisible-blank {
	visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
	height: auto
}

.swiper-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform,height
}

.swiper-backface-hidden .swiper-slide {
	transform: translateZ(0);
	backface-visibility: hidden
}

.swiper-css-mode>.swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
	display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
	scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
	scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
	content: "";
	flex-shrink: 0;
	order: 9999
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: center center;
	scroll-snap-stop: always
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
	-webkit-margin-start: var(--swiper-centered-offset-before);
	margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
	height: 100%;
	min-height: 1px;
	width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
	-webkit-margin-before: var(--swiper-centered-offset-before);
	margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
	width: 100%;
	min-width: 1px;
	height: var(--swiper-centered-offset-after)
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	transform-origin: 50%;
	box-sizing: border-box;
	border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
	border-radius: 50%;
	border-top-color: #0000
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
	animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
	--swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
	--swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
	0% {
		transform: rotate(0)
	}

	to {
		transform: rotate(360deg)
	}
}

html.lenis {
	height: auto
}

.lenis.lenis-smooth {
	scroll-behavior: auto
}

.lenis.lenis-smooth [data-lenis-prevent] {
	overscroll-behavior: contain
}

.lenis.lenis-stopped {
	overflow: hidden
}

.lenis.lenis-scrolling iframe {
	pointer-events: none
}

html.disable--interaction.show--consent,html.disable--interaction.show--consent body {
	height: auto!important;
	overflow: hidden!important
}

:root {
	--button-height: 2.5rem;
	--button-width: auto;
	--button-padding: 0 .9375rem 0 .9375rem;
	--button-radius: 4.375rem;
	--button-color: #FFFFFF;
	--button-background: #000000;
	--button-stroke-color: var(--button-background);
	--button-stroke-width: 1px;
	--button-color-hover: #000000;
	--button-background-hover: #D6D6D6;
	--button-stroke-color-hover: transparent;
	--button-color-active: #000000;
	--button-background-active: #FFFFFF;
	--button-stroke-color-active: var(--button-background-active)
}

.c-button,.recharge.page__customers__request-invite .btn,.shopify-challenge__button.btn {
	display: inline-flex;
	align-items: center;
	color: var(--button-color);
	background-color: var(--button-background);
	height: 50px;
	width: 50px;
	padding: var(--button-padding);
	border-radius: var(--button-radius);
	text-transform: lowercase;
	position: relative;
	z-index: 0;
	line-height: 1;
	letter-spacing: -.02em;
	font-size: var(--font-size-text-small);
	
	transition: background-color .2s cubic-bezier(.38,.005,.215,1),color .2s cubic-bezier(.38,.005,.215,1);
	font-kerning: none
}
.c-button:hover:after,
.c-button:hover {
	background-color: #333 !important;
}

.c-button.focus-visible,.recharge.page__customers__request-invite .focus-visible.btn,.focus-visible.shopify-challenge__button.btn {
	outline-color: var(--button-color);
	outline-width: 2px;
	outline-offset: -4px;
	outline-style: dashed;
	border-radius: var(--border-radius)
}

.c-button:disabled,.recharge.page__customers__request-invite .btn:disabled,.shopify-challenge__button.btn:disabled {
	opacity: .35;
	pointer-events: none
}

.c-button:after,.recharge.page__customers__request-invite .btn:after,.shopify-challenge__button.btn:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: var(--button-background);
	border-radius: var(--button-radius);
	z-index: -1
}

.c-button:active:after,.recharge.page__customers__request-invite .btn:active:after,.shopify-challenge__button.btn:active:after {
	animation: pulse .5s ease
}

.c-button.-large,.recharge.page__customers__request-invite .-large.btn,.-large.shopify-challenge__button.btn {
	--button-height: 3.75rem;
	--button-padding: 0 1.75rem 0 1.75rem;
	font-size: var(--font-size-h4-sans)
}

.c-button.-secondary,.recharge.page__customers__request-invite .-secondary.btn,.-secondary.shopify-challenge__button.btn {
	--button-background: #F4F4F4;
	--button-color: #000000;
	--button-height: 60px
}

.c-button.-fullwidth,.recharge.page__customers__request-invite .-fullwidth.btn,.-fullwidth.shopify-challenge__button.btn {
	width: 100%;
	justify-content: center
}

.c-button.-small,.recharge.page__customers__request-invite .-small.btn,.-small.shopify-challenge__button.btn {
	font-size: var(--font-size-text-small);
	line-height: 1;
	letter-spacing: -.02em;
	font-weight: 400;
	text-transform: lowercase;
	padding: 0 10px;
	height: auto;
	
}

.c-button.-small .c-button_label,.recharge.page__customers__request-invite .-small.btn .c-button_label,.-small.shopify-challenge__button.btn .c-button_label {
	padding: 2px 0 4px
}

.c-button.-reverse .c-button_inner,.recharge.page__customers__request-invite .-reverse.btn .c-button_inner,.-reverse.shopify-challenge__button.btn .c-button_inner {
	display: inline-flex;
	flex-direction: row-reverse;
	align-items: center;
	gap: 6px
}

.c-button.-circle,.recharge.page__customers__request-invite .-circle.btn,.-circle.shopify-challenge__button.btn {
	--button-width: 2.5rem;
	--button-height: 2.5rem;
	--button-padding: 0;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	line-height: 0
}

.c-button.-circle-small,.recharge.page__customers__request-invite .-circle-small.btn,.-circle-small.shopify-challenge__button.btn {
	--button-width: 1.25rem;
	--button-height: 1.25rem;
	--button-padding: 0;
	display: inline-flex;
	justify-content: center;
	align-items: center
}

.c-button.-circle-small .c-button_inner,.recharge.page__customers__request-invite .-circle-small.btn .c-button_inner,.-circle-small.shopify-challenge__button.btn .c-button_inner {
	display: inline-flex;
	justify-content: center;
	align-items: center
}

.c-button.-fluid,.recharge.page__customers__request-invite .-fluid.btn,.-fluid.shopify-challenge__button.btn {
	--button-width: 100%;
	justify-content: center
}

html.is-cart-updating .c-button.-spinner,html.is-cart-updating .recharge.page__customers__request-invite .-spinner.btn,.recharge.page__customers__request-invite html.is-cart-updating .-spinner.btn,html.is-cart-updating .-spinner.shopify-challenge__button.btn,html.checkout-required .c-button.-spinner,html.checkout-required .recharge.page__customers__request-invite .-spinner.btn,.recharge.page__customers__request-invite html.checkout-required .-spinner.btn,html.checkout-required .-spinner.shopify-challenge__button.btn {
	pointer-events: none
}

.c-button.-icon .c-button_inner,.recharge.page__customers__request-invite .-icon.btn .c-button_inner,.-icon.shopify-challenge__button.btn .c-button_inner {
	display: inline-flex;
	gap: 10px
}

.c-button.-icon .c-button_icon,.recharge.page__customers__request-invite .-icon.btn .c-button_icon,.-icon.shopify-challenge__button.btn .c-button_icon {
	flex-shrink: 0
}

.c-button.-expand,.recharge.page__customers__request-invite .-expand.btn,.-expand.shopify-challenge__button.btn {
	--button-circle: 2.5rem;
	-webkit-clip-path: inset(0 0 0 calc(100% - var(--button-circle)) round var(--button-circle) var(--button-circle) var(--button-circle) var(--button-circle));
	clip-path: inset(0 0 0 calc(100% - var(--button-circle)) round var(--button-circle) var(--button-circle) var(--button-circle) var(--button-circle));
	transition: color .3s cubic-bezier(.38,.005,.215,1),background-color .3s cubic-bezier(.38,.005,.215,1),-webkit-clip-path .3s cubic-bezier(.38,.005,.215,1);
	transition: clip-path .3s cubic-bezier(.38,.005,.215,1),color .3s cubic-bezier(.38,.005,.215,1),background-color .3s cubic-bezier(.38,.005,.215,1);
	transition: clip-path .3s cubic-bezier(.38,.005,.215,1),color .3s cubic-bezier(.38,.005,.215,1),background-color .3s cubic-bezier(.38,.005,.215,1),-webkit-clip-path .3s cubic-bezier(.38,.005,.215,1)
}

.c-button.-expand.-large,.recharge.page__customers__request-invite .-expand.-large.btn,.-expand.-large.shopify-challenge__button.btn {
	--button-circle: 3.75rem
}

.c-button.-expand .c-button_label,.recharge.page__customers__request-invite .-expand.btn .c-button_label,.-expand.shopify-challenge__button.btn .c-button_label {
	display: inline-flex;
	height: 100%;
	align-items: center;
	padding-right: calc(var(--button-circle)*.8);
	opacity: 0;
	transform: translate3d(-20px,0,0);
	transition: opacity .3s cubic-bezier(.38,.005,.215,1),transform .6s cubic-bezier(.38,.005,.215,1);
	line-height: 1
}

.c-button.-expand .c-button_icon,.recharge.page__customers__request-invite .-expand.btn .c-button_icon,.-expand.shopify-challenge__button.btn .c-button_icon {
	position: absolute;
	right: 0;
	top: 0;
	width: var(--button-circle);
	height: var(--button-circle);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	transition: transform .3s cubic-bezier(.38,.005,.215,1),left .3s cubic-bezier(.38,.005,.215,1)
}

@media (hover: hover) {
	.c-button.-expand:hover,.recharge.page__customers__request-invite .-expand.btn:hover,.-expand.shopify-challenge__button.btn:hover,.u-button-hover:hover .c-button.-expand,.u-button-hover:hover .recharge.page__customers__request-invite .-expand.btn,.recharge.page__customers__request-invite .u-button-hover:hover .-expand.btn,.u-button-hover:hover .-expand.shopify-challenge__button.btn,.u-button-hover.focus-visible .c-button.-expand,.u-button-hover.focus-visible .recharge.page__customers__request-invite .-expand.btn,.recharge.page__customers__request-invite .u-button-hover.focus-visible .-expand.btn,.u-button-hover.focus-visible .-expand.shopify-challenge__button.btn {
		-webkit-clip-path: inset(0 0 0 0 round var(--button-circle) var(--button-circle) var(--button-circle) var(--button-circle));
		clip-path: inset(0 0 0 0 round var(--button-circle) var(--button-circle) var(--button-circle) var(--button-circle))
	}

	.c-button.-expand:hover .c-button_label,.recharge.page__customers__request-invite .-expand.btn:hover .c-button_label,.-expand.shopify-challenge__button.btn:hover .c-button_label,.u-button-hover:hover .c-button.-expand .c-button_label,.u-button-hover:hover .recharge.page__customers__request-invite .-expand.btn .c-button_label,.recharge.page__customers__request-invite .u-button-hover:hover .-expand.btn .c-button_label,.u-button-hover:hover .-expand.shopify-challenge__button.btn .c-button_label,.u-button-hover.focus-visible .c-button.-expand .c-button_label,.u-button-hover.focus-visible .recharge.page__customers__request-invite .-expand.btn .c-button_label,.recharge.page__customers__request-invite .u-button-hover.focus-visible .-expand.btn .c-button_label,.u-button-hover.focus-visible .-expand.shopify-challenge__button.btn .c-button_label {
		opacity: 1;
		transform: translate(0)
	}

	.c-button.-expand:hover .c-button_icon,.recharge.page__customers__request-invite .-expand.btn:hover .c-button_icon,.-expand.shopify-challenge__button.btn:hover .c-button_icon,.u-button-hover:hover .c-button.-expand .c-button_icon,.u-button-hover:hover .recharge.page__customers__request-invite .-expand.btn .c-button_icon,.recharge.page__customers__request-invite .u-button-hover:hover .-expand.btn .c-button_icon,.u-button-hover:hover .-expand.shopify-challenge__button.btn .c-button_icon,.u-button-hover.focus-visible .c-button.-expand .c-button_icon,.u-button-hover.focus-visible .recharge.page__customers__request-invite .-expand.btn .c-button_icon,.recharge.page__customers__request-invite .u-button-hover.focus-visible .-expand.btn .c-button_icon,.u-button-hover.focus-visible .-expand.shopify-challenge__button.btn .c-button_icon {
		transform: translate(-3px)
	}
}

.c-button.-expand.-reverse,.recharge.page__customers__request-invite .-expand.-reverse.btn,.-expand.-reverse.shopify-challenge__button.btn {
	-webkit-clip-path: inset(0 calc(100% - var(--button-circle)) 0 0 round var(--button-circle) var(--button-circle) var(--button-circle) var(--button-circle));
	clip-path: inset(0 calc(100% - var(--button-circle)) 0 0 round var(--button-circle) var(--button-circle) var(--button-circle) var(--button-circle))
}

.c-button.-expand.-reverse .c-button_icon,.recharge.page__customers__request-invite .-expand.-reverse.btn .c-button_icon,.-expand.-reverse.shopify-challenge__button.btn .c-button_icon {
	right: inherit;
	left: 0
}

@media (hover: hover) {
	.c-button.-expand.-reverse:hover .c-button_icon,.recharge.page__customers__request-invite .-expand.-reverse.btn:hover .c-button_icon,.-expand.-reverse.shopify-challenge__button.btn:hover .c-button_icon,.u-button-hover:hover .c-button.-expand.-reverse .c-button_icon,.u-button-hover:hover .recharge.page__customers__request-invite .-expand.-reverse.btn .c-button_icon,.recharge.page__customers__request-invite .u-button-hover:hover .-expand.-reverse.btn .c-button_icon,.u-button-hover:hover .-expand.-reverse.shopify-challenge__button.btn .c-button_icon,.u-button-hover.focus-visible .c-button.-expand.-reverse .c-button_icon,.u-button-hover.focus-visible .recharge.page__customers__request-invite .-expand.-reverse.btn .c-button_icon,.recharge.page__customers__request-invite .u-button-hover.focus-visible .-expand.-reverse.btn .c-button_icon,.u-button-hover.focus-visible .-expand.-reverse.shopify-challenge__button.btn .c-button_icon {
		transform: translate(3px);
		left: calc(100% - var(--button-circle)*1.25)
	}
}

.c-button.-animate-mask,.recharge.page__customers__request-invite .-animate-mask.btn,.-animate-mask.shopify-challenge__button.btn {
	-webkit-clip-path: inset(0% calc(100% - var(--border-radius) * 2) 0% 0% round var(--border-radius) var(--border-radius) var(--border-radius) var(--border-radius));
	clip-path: inset(0% calc(100% - var(--border-radius) * 2) 0% 0% round var(--border-radius) var(--border-radius) var(--border-radius) var(--border-radius));
	opacity: 0;
	transform: translateY(2.5rem)
}

html.is-first-loaded .c-button.-animate-mask,html.is-first-loaded .recharge.page__customers__request-invite .-animate-mask.btn,.recharge.page__customers__request-invite html.is-first-loaded .-animate-mask.btn,html.is-first-loaded .-animate-mask.shopify-challenge__button.btn {
	transition: transform .6s .1s cubic-bezier(.38,.005,.215,1),opacity .3s .1s cubic-bezier(.38,.005,.215,1),-webkit-clip-path .6s .6s cubic-bezier(.38,.005,.215,1);
	transition: clip-path .6s .6s cubic-bezier(.38,.005,.215,1),transform .6s .1s cubic-bezier(.38,.005,.215,1),opacity .3s .1s cubic-bezier(.38,.005,.215,1);
	transition: clip-path .6s .6s cubic-bezier(.38,.005,.215,1),transform .6s .1s cubic-bezier(.38,.005,.215,1),opacity .3s .1s cubic-bezier(.38,.005,.215,1),-webkit-clip-path .6s .6s cubic-bezier(.38,.005,.215,1)
}

.c-button.-animate-mask .c-button_label,.recharge.page__customers__request-invite .-animate-mask.btn .c-button_label,.-animate-mask.shopify-challenge__button.btn .c-button_label {
	transform: translate(2.5rem);
	opacity: 0;
	display: inline-block
}

html.is-first-loaded .c-button.-animate-mask .c-button_label,html.is-first-loaded .recharge.page__customers__request-invite .-animate-mask.btn .c-button_label,.recharge.page__customers__request-invite html.is-first-loaded .-animate-mask.btn .c-button_label,html.is-first-loaded .-animate-mask.shopify-challenge__button.btn .c-button_label {
	transition: transform .6s .6s cubic-bezier(.38,.005,.215,1),opacity .6s .6s cubic-bezier(.38,.005,.215,1)
}

html.is-ready .c-button.-animate-mask,html.is-ready .recharge.page__customers__request-invite .-animate-mask.btn,.recharge.page__customers__request-invite html.is-ready .-animate-mask.btn,html.is-ready .-animate-mask.shopify-challenge__button.btn {
	opacity: 1;
	transform: translateY(0);
	-webkit-clip-path: inset(0% 0% 0% 0% round var(--border-radius) var(--border-radius) var(--border-radius) var(--border-radius));
	clip-path: inset(0% 0% 0% 0% round var(--border-radius) var(--border-radius) var(--border-radius) var(--border-radius))
}

html.is-ready .c-button.-animate-mask .c-button_label,html.is-ready .recharge.page__customers__request-invite .-animate-mask.btn .c-button_label,.recharge.page__customers__request-invite html.is-ready .-animate-mask.btn .c-button_label,html.is-ready .-animate-mask.shopify-challenge__button.btn .c-button_label {
	transform: translate(0);
	opacity: 1
}

.c-button_label {
	padding-bottom: .125rem;
	display: inline-block
}

.c-button.-spinner .c-button_label,.recharge.page__customers__request-invite .-spinner.btn .c-button_label,.-spinner.shopify-challenge__button.btn .c-button_label {
	display: inline-block;
	transform: scaleZ(1);
	transition: transform .3s cubic-bezier(.38,.005,.215,1),opacity .3s cubic-bezier(.38,.005,.215,1);
	opacity: 1;
	padding-bottom: 0
}

html.is-cart-updating .c-button.-spinner .c-button_label,html.is-cart-updating .recharge.page__customers__request-invite .-spinner.btn .c-button_label,.recharge.page__customers__request-invite html.is-cart-updating .-spinner.btn .c-button_label,html.is-cart-updating .-spinner.shopify-challenge__button.btn .c-button_label,html.checkout-required .c-button.-spinner .c-button_label,html.checkout-required .recharge.page__customers__request-invite .-spinner.btn .c-button_label,.recharge.page__customers__request-invite html.checkout-required .-spinner.btn .c-button_label,html.checkout-required .-spinner.shopify-challenge__button.btn .c-button_label {
	transform: scale3d(1.1,1.1,1.1);
	opacity: 0
}

@keyframes pulse {
	0% {
		transform: scaleZ(1)
	}

	to {
		transform: scale3d(1.25,1.25,1.25);
		opacity: 0
	}
}

@keyframes wave {
	0%,to {
		transform: translateY(0)
	}

	50% {
		transform: translateY(-.2rem)
	}
}

:root {
	--icon-width-arrow: 1rem;
	--icon-ratio-arrow: 1/1
}

.svg-arrow-right,.svg-arrow-left {
	--icon-width: var(--icon-width-arrow);
	--icon-ratio: var(--icon-ratio-arrow);
	--icon-height: calc(var(--icon-width) * (1 / (var(--icon-ratio))));
	stroke-width: 2px;
	stroke: currentColor;
	stroke-linecap: square;
	stroke-linejoin: round
}

.c-icon {
	display: inline-block;
	vertical-align: middle
}

.c-icon svg {
	display: block;
	width: var(--icon-width);
	height: var(--icon-height);
	fill: currentColor;
	stroke: currentColor
}

:root {
	--input-height: 3.75rem;
	--input-height-small: 2.5rem
}

:root {
	--header-padding: 20px;
	--header-height_inner: 3.75rem;
	--header-height: calc(var(--header-height_inner) + var(--header-padding) * 2);
	--header-button-background: #F4F4F4;
	--header-button-background-hover: #D6D6D6;
	--header-link-height: 2.125rem;
	--header-color: #000000;
	--header-background-total-cart: #D6D6D6;
	--header-color-total-cart: currentColor
}

@media (max-width: 699px) {
	:root {
		--header-height_inner: 3.125rem;
		--header-padding: 10px
	}
}

.c-image {
	position: relative
}

.c-image.-overlay:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background-color: #000;
	opacity: .1;
	z-index: 3
}

.c-image.-rounded-border {
	border-radius: var(--border-radius-large);
	overflow: hidden
}

.c-image_inner {
	position: relative
}

.c-image.-cover .c-image_inner {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	
}

.c-image.-lazy-load .c-image_inner {
	/* background-color: var(--color-grey-tone-1) */
	background: url(bg.jpg) no-repeat center;
	background-size: cover;
}

@media (hover: hover) {
	html.is-first-loaded .u-hover .c-image_inner {
		transition: transform .6s cubic-bezier(.38,.005,.215,1)
	}

	.u-hover:hover .c-image_inner {
		transform: scale3d(1.03,1.03,1)
	}
}

.c-image_img {
	width: 100%
}

.c-image.-cover .c-image_img {
    height: 100%;
	width: 100%;
    position: absolute;
	object-fit: cover;
}

.c-image.-lazy-load .c-image_img {
	opacity: 0;
	transition: opacity .3s cubic-bezier(.38,.005,.215,1)
}

.c-image.-lazy-loaded .c-image_img {
	opacity: 1
}


@keyframes pulseTile {
	0% {
		transform: scaleZ(1)
	}

	70% {
		transform: scale3d(1.25,1.25,1.25);
		opacity: 0
	}

	to {
		transform: scale3d(1.25,1.25,1.25);
		opacity: 0
	}
}

.c-wysiwyg {
	line-height: 1;
	letter-spacing: -.02em;
	font-size: var(--font-size-text-large)
}

.c-wysiwyg-last-element {
	margin-bottom: 0!important;
	padding-bottom: 0!important
}

.c-wysiwyg .metafield-rich_text_field-first-element {
	margin-top: 0!important;
	padding-top: 0!important
}

.c-wysiwyg .metafield-rich_text_field-last-element {
	margin-bottom: 0!important;
	padding-bottom: 0!important
}

.c-wysiwyg.-center {
	margin-left: auto;
	margin-right: auto
}

.c-wysiwyg.-large {
	font-size: var(--font-size-text-large)
}

.c-wysiwyg.-large.-bold {
    font-size: 24px;
    letter-spacing: 0;
    line-height: 1.4;  
    font-weight: 500;   
}
.c-wysiwyg.-large.guige {
	display: flex;
    align-items: center;
	margin-bottom: 20px;
}

.c-wysiwyg.-large.-bold tbody tr:nth-child(even) {
	background: #dadada;
}
.c-wysiwyg.-large.-bold tbody tr:nth-child(even) td {
	border-right: solid 1px #ccc;
}


.c-wysiwyg p {
	margin-bottom: 1.25rem
}

.c-wysiwyg p+h1,.c-wysiwyg p+h3 {
	margin-top: 3.75rem
}

.c-wysiwyg ul,.c-wysiwyg p {
	line-height: 1.3
}

.c-wysiwyg b,.c-wysiwyg strong,.c-wysiwyg h1,.shopify-policy__body h1,.c-wysiwyg h3,.c-wysiwyg h4,.c-wysiwyg h5 {	
	line-height: 1;
	letter-spacing: -.02em;
	font-weight: 400
}

.c-wysiwyg h1 {
	font-size: var(--font-size-h2-sans);
	margin-top: clamp(calc(.0625rem * var(--spacing-big-mobile)),calc(var(--spacing-big) / 14.4 * 1vw),calc(.0625rem * var(--spacing-big)));
	margin-bottom: 2.5rem
}

.c-wysiwyg h3 {
	font-size: var(--font-size-h3-sans);
	margin-top: clamp(calc(.0625rem * var(--spacing-big-mobile)),calc(var(--spacing-big) / 14.4 * 1vw),calc(.0625rem * var(--spacing-big)));
	margin-bottom: clamp(calc(.0625rem * var(--spacing-medium-mobile)),calc(var(--spacing-medium) / 14.4 * 1vw),calc(.0625rem * var(--spacing-medium)))
}

.c-wysiwyg ul,.c-wysiwyg ol {
	position: relative;
	margin: clamp(calc(.0625rem * var(--spacing-medium-mobile)),calc(var(--spacing-medium) / 14.4 * 1vw),calc(.0625rem * var(--spacing-medium))) 0
}

.c-wysiwyg ul>li,.c-wysiwyg ol>li {
	padding-left: 1.875rem
}

.c-wysiwyg ul>li {
	position: relative
}

.c-wysiwyg ul>li+li{
	margin-top: 0
}

.c-wysiwyg ul>li:before {
	content: "\2022";
	position: absolute;
	left: 0;
	top: -.35em;
	font-size: 2em;
	padding-bottom: .1em
}

.c-wysiwyg a {
	display: inline;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	font-weight: 400;
}

.c-wysiwyg img {
	max-width: 100%;
	width: auto;
}

.metafield-rich_text_field {
	display: flex;
	flex-wrap: wrap;
}

.metafield-rich_text_field a {
	display: block;
    width: 31%;
    margin-right: 1%;
    margin-left: 1%;
	margin-bottom: 2%;
    border-radius: 10px;
	position: relative;
}
.metafield-rich_text_field a img {
	width: 100%;
}



@media (min-width: 1000px) {
	.c-wysiwyg.-article img {
		margin-left: calc(calc((100vw - (20px * (var(--grid-columns) - 1)) - (60px * 2)) / var(--grid-columns) * 1 + 20px * (1 - 1)) * -1 - 20px);
		width: calc(100% + calc((100vw - (20px * (var(--grid-columns) - 1)) - (60px * 2)) / var(--grid-columns) * 2 + 20px * (2 - 1)) + (20px * 2));
		max-width: calc(100% + calc((100vw - (20px * (var(--grid-columns) - 1)) - (60px * 2)) / var(--grid-columns) * 2 + 20px * (2 - 1)) + (20px * 2))
	}
}

.c-wysiwyg th {
	vertical-align: top;
	text-align: left;
	padding: 20px 10px;
	border-bottom: solid 1px #d6d6d6
}

.c-wysiwyg td  {
    border-bottom: solid 1px #d6d6d6;
    padding: 18px 18px;
    vertical-align: middle;
    font-weight: normal;
    font-size: 15px;
    color: #333;
    border-right: solid 1px #d6d6d6;
}

.c-wysiwyg caption {
	padding: 10px;
	caption-side: bottom;
	font-style: italic
}

.c-tile-listing {
	display: grid;
	gap: 20px
}

@media (min-width: 1000px) {
	.c-tile-listing {
		grid-template-columns: repeat(3,1fr)
	}
}

@media (min-width: 700px)and (max-width: 999px) {
	.c-tile-listing {
		grid-template-columns: repeat(2,1fr)
	}
}

@media (max-width: 699px) {
	.c-tile-listing {
		grid-template-columns: repeat(1,1fr)
	}
}



.c-product {
	position: relative;
	border-bottom-left-radius: var(--border-radius-large);
	border-bottom-right-radius: var(--border-radius-large)
}

.c-product_wrap {
	position: relative;
	padding-bottom: clamp(calc(.0625rem * var(--spacing-large-mobile)),calc(var(--spacing-large) / 14.4 * 1vw),calc(.0625rem * var(--spacing-large)))
}

.c-product_wrap.has-illustration {
	padding-bottom: 0
}

.c-product_wrap.-small-padding {
	padding-bottom: clamp(calc(.0625rem * var(--spacing-small-mobile)),calc(var(--spacing-small) / 14.4 * 1vw),calc(.0625rem * var(--spacing-small)))
}

.c-product_header {
	display: block;
}

.bread-positon {
	padding-top: 65px;
}

@media (min-width: 1000px) {
	.c-product_header {
		padding: 30px 0
	}

}

@media (max-width: 999px) {
	.c-product_header {
		padding: clamp(calc(.0625rem * var(--spacing-tiny-mobile)),calc(var(--spacing-tiny) / 14.4 * 1vw),calc(.0625rem * var(--spacing-tiny))) 0 clamp(calc(.0625rem * var(--spacing-small-mobile)),calc(var(--spacing-small) / 14.4 * 1vw),calc(.0625rem * var(--spacing-small))) 0
	}
}

.c-product_header_title {
    font-weight: 500;
    font-size: 36px;
    margin-bottom: 40px;
    padding-top: 60px;
    text-transform: capitalize;
    color: #333;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 30px;
}
.c-product_header_title span {
	font-size: 16px;
    color: #ddae28;
    display: block;
    text-transform: uppercase;
    padding-top: 20px;
}

.c-product_header_title_line {
	display: block
}

@media (min-width: 1000px) {
	.c-product_header_cta {
		padding-top: clamp(calc(.0625rem * var(--spacing-medium-mobile)),calc(var(--spacing-medium) / 14.4 * 1vw),calc(.0625rem * var(--spacing-medium)))
	}
}

.c-product_rail {
	--rail-color-primary: var(--color-primary);
	--rail-color-secondary: var(--color-accent)
}

.c-product_gallery {
	z-index: 2
}

@media (min-width: 1000px) {
	.c-product_gallery {
		position: absolute;
		top: 0;
		left: calc(50vw + 20px/2);
		right: 1.25rem;
		bottom: clamp(calc(.0625rem * var(--spacing-large-mobile)),calc(var(--spacing-large) / 14.4 * 1vw),calc(.0625rem * var(--spacing-large)))
	}
}

@media (max-width: 999px) {
	.c-product_gallery {
		padding: .625rem 1.25rem 0
	}
}

@media (min-width: 1000px) {
	.c-product_text {
		padding-right: 3%
	}
}

.c-product_text .fubt {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 1.8;
    position: relative;
    color: #565656;
}

.c-product_text .fubt ul {
	padding-left: 20px;
}

.c-accordion {
	padding-right: 2%;
	--accordion-toggler-height: 4.375rem;
	--accordion-toggler-border-radius: 2.375rem
}

.c-accordion_item {
	border: 1px solid #d6d6d6;
    border-radius: 2.3rem;
    margin-bottom: 0;
    margin-bottom: 10px;
	

}

.c-accordion_item_content {
	height: 0px;
	height: auto;
	overflow: hidden;
	visibility: hidden;
}

html.is-first-loaded .c-accordion_item_content {
	transition: visibility 0s linear;
	transition-delay: .6s
}

.c-accordion_item.is-open .c-accordion_item_content {
	visibility: visible;
	transition-delay: 0s
}

.c-accordion_item_inner {
	padding: 10px
}

@media (min-width: 1200px) {
	.c-accordion_item_inner {
		padding-right: 10px
	}
}

@media (max-width: 999px) {
	.c-accordion_item_inner {
		padding-bottom: clamp(calc(.0625rem * var(--spacing-medium-mobile)),calc(var(--spacing-medium) / 14.4 * 1vw),calc(.0625rem * var(--spacing-medium)))
	}
}

.c-accordion_toggler {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px calc(60px - 20px);
	padding: 20px;
	min-height: 66px;
	width: 100%;
	transition: background-color .3s cubic-bezier(.38,.005,.215,1);
	border-radius: 30px
}

.c-accordion_toggler.focus-visible {
	outline-color: currentColor;
	outline-width: 2px;
	outline-offset: -4px;
	outline-style: dashed;
	border-radius: 30px
}

.c-accordion_toggler_label {
	display: inline-block;
    line-height: 1;
    font-size: 15px;
    text-align: left;
    text-wrap: balance;
	font-size: 18px;
    letter-spacing: 0;
    line-height: 1.4;
    font-weight: 500;
	background: url(../picture/Group-4.svg) no-repeat left;
	padding-left: 40px;

}



.c-accordion_toggler_icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	width: .875rem;
	height: .875rem;
	flex-shrink: 0;
}

html.is-first-loaded .c-accordion_toggler_icon {
	transition: transform .3s cubic-bezier(.38,.005,.215,1)
}

@media (hover: hover) {
	.c-accordion_toggler:hover .c-accordion_toggler_icon {
		transform: rotate(90deg)
	}
}

.c-accordion_item.is-open .c-accordion_toggler_icon {
	transform: rotate(90deg)
}

.c-accordion_toggler_icon_svg {
	width: 100%;
	height: 100%;
	stroke: currentColor
}

.c-accordion_toggler_icon_svg_path {
	transform-origin: 50% 50%
}

html.is-first-loaded .c-accordion_toggler_icon_svg_path.-horizontal {
	transition: transform .3s cubic-bezier(.38,.005,.215,1)
}

.c-accordion_item.is-open .c-accordion_toggler_icon_svg_path.-horizontal {
	transform: rotate(90deg)
}

:root {
	--rail-color-primary: #000000;
	--rail-color-secondary: #949494
}


.c-carousel-gallery {
	--visual-transform-delay: .25s;
	--visual-transform-duration: .3s;
	--clip-path-delay: .35s;
	--clip-path-duration: .5s;
	--image-transform-delay: .65s;
	--image-transform-duration: 1s;
	--navigation-delay: .65s;
	--navigation-duration: .5s;
	transform: translateY(11.25rem);
	opacity: 0;
	width: 100%;
	display: flex;
	align-items: flex-end
}

@media (min-width: 1000px) {
	.c-carousel-gallery {
		position: sticky;
		top: calc(var(--header-height) + 1.25rem);
		height: calc(100vh - (var(--header-height) + 1.25rem * 2));
	}

	html.has-header-fixed .c-carousel-gallery {
		top: calc(var(--header-height) + 1.25rem)
	}

	.c-carousel-gallery.-no-sticky {
		position: relative;
		top: inherit
	}

	html.is-ready.has-header-fixed .c-carousel-gallery.-no-sticky {
		height: calc(100vh - (var(--header-height) + 1.25rem * 2));
		top: inherit
	}
}

@media (max-width: 999px) {
	.c-carousel-gallery {
		aspect-ratio: 350/310
	}
}

html.is-first-loaded .c-carousel-gallery {
	transition: transform var(--visual-transform-duration) var(--visual-transform-delay) cubic-bezier(.38,.005,.215,1),opacity .3s var(--visual-transform-delay) cubic-bezier(.38,.005,.215,1),top .3s cubic-bezier(.38,.005,.215,1),height .3s cubic-bezier(.38,.005,.215,1)
}

html.is-ready .c-carousel-gallery {
	transform: translateY(0);
	opacity: 1
}

.c-carousel-gallery .swiper-container,.c-carousel-gallery .swiper-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.c-carousel-gallery_image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transform: scale3d(1.05,1.05,1)
}

html.is-first-loaded .c-carousel-gallery_image {
	transition: transform var(--image-transform-duration) var(--image-transform-delay) cubic-bezier(.38,.005,.215,1),opacity .6s var(--image-transform-delay)
}

html.is-ready .c-carousel-gallery_image {
	opacity: 1;
	transform: scaleZ(1)
}

.c-carousel-gallery_inner {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	-webkit-clip-path: inset(35% 35% 35% 35% round var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large));
	clip-path: inset(35% 35% 35% 35% round var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large));
	overflow: hidden
}

@media (min-width: 1000px) {
	.c-carousel-gallery:not(.-no-sticky) .c-carousel-gallery_inner {
		height: calc(100vh - 2.5rem)
	}
}

@media (max-width: 999px) {
	.c-carousel-gallery:not(.-no-sticky) .c-carousel-gallery_inner {
		top: 0
	}
}

.c-carousel-gallery.-no-sticky .c-carousel-gallery_inner {
	top: 0
}

html.is-ready .c-carousel-gallery.-no-sticky .c-carousel-gallery_inner {
	-webkit-clip-path: inset(0% 0% 0% 0% round var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large));
	clip-path: inset(0% 0% 0% 0% round var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large))
}

html.is-first-loaded .c-carousel-gallery_inner {
	transition: -webkit-clip-path .6s 0s cubic-bezier(.38,.005,.215,1);
	transition: clip-path .6s 0s cubic-bezier(.38,.005,.215,1);
	transition: clip-path .6s 0s cubic-bezier(.38,.005,.215,1),-webkit-clip-path .6s 0s cubic-bezier(.38,.005,.215,1)
}

html.is-ready .c-carousel-gallery_inner {
	transition: -webkit-clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38,.005,.215,1);
	transition: clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38,.005,.215,1);
	transition: clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38,.005,.215,1),-webkit-clip-path var(--clip-path-duration) var(--clip-path-delay) cubic-bezier(.38,.005,.215,1)
}

@media (min-width: 1000px) {
	html.is-ready .c-carousel-gallery_inner {
		-webkit-clip-path: inset(var(--header-height) 0% 0% 0% round var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large));
		clip-path: inset(var(--header-height) 0% 0% 0% round var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large))
	}
}

@media (max-width: 999px) {
	html.is-ready .c-carousel-gallery_inner {
		-webkit-clip-path: inset(0% 0% 0% 0% round var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large));
		clip-path: inset(0% 0% 0% 0% round var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large))
	}
}

html.is-ready.has-header-fixed .c-carousel-gallery_inner {
	transition: -webkit-clip-path .6s 0s cubic-bezier(.38,.005,.215,1);
	transition: clip-path .6s 0s cubic-bezier(.38,.005,.215,1);
	transition: clip-path .6s 0s cubic-bezier(.38,.005,.215,1),-webkit-clip-path .6s 0s cubic-bezier(.38,.005,.215,1);
	-webkit-clip-path: inset(0% 0% 0% 0% round var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large));
	clip-path: inset(0% 0% 0% 0% round var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large))
}

.c-carousel-gallery_item {
	overflow: hidden
}

.c-carousel-gallery_navigation {
	position: absolute;
	z-index: 4;
	display: flex;
	transform: translateY(100%) translateY(clamp(calc(.0625rem * var(--spacing-small-mobile)),calc(var(--spacing-small) / 14.4 * 1vw),calc(.0625rem * var(--spacing-small))));
	opacity: 0
}

@media (min-width: 1000px) {
	.c-carousel-gallery_navigation {
		bottom: clamp(calc(.0625rem * var(--spacing-small-mobile)),calc(var(--spacing-small) / 14.4 * 1vw),calc(.0625rem * var(--spacing-small)));
		left: clamp(calc(.0625rem * var(--spacing-small-mobile)),calc(var(--spacing-small) / 14.4 * 1vw),calc(.0625rem * var(--spacing-small)))
	}
}

@media (max-width: 999px) {
	.c-carousel-gallery_navigation {
		bottom: clamp(calc(.0625rem * var(--spacing-tiny-mobile)),calc(var(--spacing-tiny) / 14.4 * 1vw),calc(.0625rem * var(--spacing-tiny)));
		right: clamp(calc(.0625rem * var(--spacing-tiny-mobile)),calc(var(--spacing-tiny) / 14.4 * 1vw),calc(.0625rem * var(--spacing-tiny)))
	}
}

html.is-first-loaded .c-carousel-gallery_navigation {
	transition: transform var(--navigation-duration) var(--navigation-delay) cubic-bezier(.38,.005,.215,1),opacity var(--navigation-duration) var(--navigation-delay) cubic-bezier(.38,.005,.215,1)
}

html.is-ready .c-carousel-gallery_navigation {
	opacity: 1;
	transform: translateY(0);
	opacity: 0;
}

.c-carousel-gallery_navigation_button:not(:last-child) {
	margin-right: .3125rem
}

.c-carousel-gallery_carousel {
	position: relative
}

.c-carousel-gallery_item {
	position: relative;
	overflow: hidden;
	border-radius: 50px
}

.c-carousel-gallery_item:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background-color: var(--color-accent);
	opacity: .2
}

.c-perks_list {
	display: grid;
	gap: 2.5rem;
	-moz-column-gap: 20px;
	column-gap: 20px
}

@media (min-width: 700px) {
	.c-perks_list {
		grid-template-columns: repeat(3,1fr)
	}
}

@media (max-width: 699px) {
	.c-perks_list {
		grid-template-columns: repeat(2,1fr)
	}
}

@media (max-width: 999px) {
	.c-perks.-list\@to-medium .c-perks_list {
		grid-template-columns: repeat(1,1fr);
		gap: 0
	}
}

.c-perks.-vertical .c-perks_list {
	grid-template-columns: repeat(1,1fr);
	gap: .3125rem
}

@media (max-width: 999px) {
	.c-perks.-list\@to-medium .c-perks_item {
		display: grid;
		grid-template-columns: repeat(4,1fr);
		gap: 20px;
		align-items: center;
		border-bottom: 2px solid currentColor;
		padding: .625rem 0
	}
}

.c-perks.-vertical .c-perks_item {
	display: flex;
	gap: 20px
}

.c-perks_icon {
	width: 3.125rem;
	margin-bottom: .625rem;
	transform: rotate(20deg) scale3d(0,0,1);
	opacity: 0;
	flex-shrink: 0
}

html.is-first-loaded .c-perks_item:nth-child(1) .c-perks_icon {
	transition: transform .6s cubic-bezier(.38,.005,.215,1),opacity .6s cubic-bezier(.38,.005,.215,1);
	transition-delay: .05s
}

html.is-first-loaded .c-perks_item:nth-child(2) .c-perks_icon {
	transition: transform .6s cubic-bezier(.38,.005,.215,1),opacity .6s cubic-bezier(.38,.005,.215,1);
	transition-delay: .1s
}

html.is-first-loaded .c-perks_item:nth-child(3) .c-perks_icon {
	transition: transform .6s cubic-bezier(.38,.005,.215,1),opacity .6s cubic-bezier(.38,.005,.215,1);
	transition-delay: .15s
}

html.is-first-loaded .c-perks_item:nth-child(4) .c-perks_icon {
	transition: transform .6s cubic-bezier(.38,.005,.215,1),opacity .6s cubic-bezier(.38,.005,.215,1);
	transition-delay: .2s
}

html.is-first-loaded .c-perks_item:nth-child(5) .c-perks_icon {
	transition: transform .6s cubic-bezier(.38,.005,.215,1),opacity .6s cubic-bezier(.38,.005,.215,1);
	transition-delay: .25s
}

html.is-first-loaded .c-perks_item:nth-child(6) .c-perks_icon {
	transition: transform .6s cubic-bezier(.38,.005,.215,1),opacity .6s cubic-bezier(.38,.005,.215,1);
	transition-delay: .3s
}

html.is-first-loaded .c-perks_item:nth-child(7) .c-perks_icon {
	transition: transform .6s cubic-bezier(.38,.005,.215,1),opacity .6s cubic-bezier(.38,.005,.215,1);
	transition-delay: .35s
}

html.is-first-loaded .c-perks_item:nth-child(8) .c-perks_icon {
	transition: transform .6s cubic-bezier(.38,.005,.215,1),opacity .6s cubic-bezier(.38,.005,.215,1);
	transition-delay: .4s
}

html.is-first-loaded .c-perks_item:nth-child(9) .c-perks_icon {
	transition: transform .6s cubic-bezier(.38,.005,.215,1),opacity .6s cubic-bezier(.38,.005,.215,1);
	transition-delay: .45s
}

html.is-first-loaded .c-perks_item:nth-child(10) .c-perks_icon {
	transition: transform .6s cubic-bezier(.38,.005,.215,1),opacity .6s cubic-bezier(.38,.005,.215,1);
	transition-delay: .5s
}

html.is-first-loaded .c-perks_item:nth-child(11) .c-perks_icon {
	transition: transform .6s cubic-bezier(.38,.005,.215,1),opacity .6s cubic-bezier(.38,.005,.215,1);
	transition-delay: .55s
}

html.is-first-loaded .c-perks_item:nth-child(12) .c-perks_icon {
	transition: transform .6s cubic-bezier(.38,.005,.215,1),opacity .6s cubic-bezier(.38,.005,.215,1);
	transition-delay: .6s
}

html.is-first-loaded .c-perks_item:nth-child(13) .c-perks_icon {
	transition: transform .6s cubic-bezier(.38,.005,.215,1),opacity .6s cubic-bezier(.38,.005,.215,1);
	transition-delay: .65s
}

html.is-first-loaded .c-perks_item:nth-child(14) .c-perks_icon {
	transition: transform .6s cubic-bezier(.38,.005,.215,1),opacity .6s cubic-bezier(.38,.005,.215,1);
	transition-delay: .7s
}

html.is-first-loaded .c-perks_item:nth-child(15) .c-perks_icon {
	transition: transform .6s cubic-bezier(.38,.005,.215,1),opacity .6s cubic-bezier(.38,.005,.215,1);
	transition-delay: .75s
}

html.is-first-loaded .c-perks_item:nth-child(16) .c-perks_icon {
	transition: transform .6s cubic-bezier(.38,.005,.215,1),opacity .6s cubic-bezier(.38,.005,.215,1);
	transition-delay: .8s
}

html.is-first-loaded .c-perks_item:nth-child(17) .c-perks_icon {
	transition: transform .6s cubic-bezier(.38,.005,.215,1),opacity .6s cubic-bezier(.38,.005,.215,1);
	transition-delay: .85s
}

html.is-first-loaded .c-perks_item:nth-child(18) .c-perks_icon {
	transition: transform .6s cubic-bezier(.38,.005,.215,1),opacity .6s cubic-bezier(.38,.005,.215,1);
	transition-delay: .9s
}

html.is-first-loaded .c-perks_item:nth-child(19) .c-perks_icon {
	transition: transform .6s cubic-bezier(.38,.005,.215,1),opacity .6s cubic-bezier(.38,.005,.215,1);
	transition-delay: .95s
}

html.is-ready .c-perks_item.is-inview .c-perks_icon {
	transform: rotate(0) scaleZ(1);
	opacity: 1
}

@media (max-width: 999px) {
	.c-perks.-list\@to-medium .c-perks_icon {
		width: 100%;
		grid-column-start: 1;
		grid-column-end: 2;
		margin: 0
	}
}

.c-perks.-vertical .c-perks_icon {
	margin: 0
}

.c-perks_label {
	font-size: 16px;
	transform: translateY(2.5rem);
	color: #393939;
	opacity: 0
}

html.is-first-loaded .c-perks_item:nth-child(1) .c-perks_label {
	transition: transform .6s cubic-bezier(.38,.005,.215,1),opacity .6s cubic-bezier(.38,.005,.215,1);
	transition-delay: .05s
}

html.is-first-loaded .c-perks_item:nth-child(2) .c-perks_label {
	transition: transform .6s cubic-bezier(.38,.005,.215,1),opacity .6s cubic-bezier(.38,.005,.215,1);
	transition-delay: .1s
}

html.is-first-loaded .c-perks_item:nth-child(3) .c-perks_label {
	transition: transform .6s cubic-bezier(.38,.005,.215,1),opacity .6s cubic-bezier(.38,.005,.215,1);
	transition-delay: .15s
}

html.is-first-loaded .c-perks_item:nth-child(4) .c-perks_label {
	transition: transform .6s cubic-bezier(.38,.005,.215,1),opacity .6s cubic-bezier(.38,.005,.215,1);
	transition-delay: .2s
}

html.is-first-loaded .c-perks_item:nth-child(5) .c-perks_label {
	transition: transform .6s cubic-bezier(.38,.005,.215,1),opacity .6s cubic-bezier(.38,.005,.215,1);
	transition-delay: .25s
}

html.is-first-loaded .c-perks_item:nth-child(6) .c-perks_label {
	transition: transform .6s cubic-bezier(.38,.005,.215,1),opacity .6s cubic-bezier(.38,.005,.215,1);
	transition-delay: .3s
}

html.is-first-loaded .c-perks_item:nth-child(7) .c-perks_label {
	transition: transform .6s cubic-bezier(.38,.005,.215,1),opacity .6s cubic-bezier(.38,.005,.215,1);
	transition-delay: .35s
}

html.is-first-loaded .c-perks_item:nth-child(8) .c-perks_label {
	transition: transform .6s cubic-bezier(.38,.005,.215,1),opacity .6s cubic-bezier(.38,.005,.215,1);
	transition-delay: .4s
}

html.is-first-loaded .c-perks_item:nth-child(9) .c-perks_label {
	transition: transform .6s cubic-bezier(.38,.005,.215,1),opacity .6s cubic-bezier(.38,.005,.215,1);
	transition-delay: .45s
}

html.is-first-loaded .c-perks_item:nth-child(10) .c-perks_label {
	transition: transform .6s cubic-bezier(.38,.005,.215,1),opacity .6s cubic-bezier(.38,.005,.215,1);
	transition-delay: .5s
}

html.is-first-loaded .c-perks_item:nth-child(11) .c-perks_label {
	transition: transform .6s cubic-bezier(.38,.005,.215,1),opacity .6s cubic-bezier(.38,.005,.215,1);
	transition-delay: .55s
}

html.is-first-loaded .c-perks_item:nth-child(12) .c-perks_label {
	transition: transform .6s cubic-bezier(.38,.005,.215,1),opacity .6s cubic-bezier(.38,.005,.215,1);
	transition-delay: .6s
}

html.is-first-loaded .c-perks_item:nth-child(13) .c-perks_label {
	transition: transform .6s cubic-bezier(.38,.005,.215,1),opacity .6s cubic-bezier(.38,.005,.215,1);
	transition-delay: .65s
}

html.is-first-loaded .c-perks_item:nth-child(14) .c-perks_label {
	transition: transform .6s cubic-bezier(.38,.005,.215,1),opacity .6s cubic-bezier(.38,.005,.215,1);
	transition-delay: .7s
}

html.is-first-loaded .c-perks_item:nth-child(15) .c-perks_label {
	transition: transform .6s cubic-bezier(.38,.005,.215,1),opacity .6s cubic-bezier(.38,.005,.215,1);
	transition-delay: .75s
}

html.is-first-loaded .c-perks_item:nth-child(16) .c-perks_label {
	transition: transform .6s cubic-bezier(.38,.005,.215,1),opacity .6s cubic-bezier(.38,.005,.215,1);
	transition-delay: .8s
}

html.is-first-loaded .c-perks_item:nth-child(17) .c-perks_label {
	transition: transform .6s cubic-bezier(.38,.005,.215,1),opacity .6s cubic-bezier(.38,.005,.215,1);
	transition-delay: .85s
}

html.is-first-loaded .c-perks_item:nth-child(18) .c-perks_label {
	transition: transform .6s cubic-bezier(.38,.005,.215,1),opacity .6s cubic-bezier(.38,.005,.215,1);
	transition-delay: .9s
}

html.is-first-loaded .c-perks_item:nth-child(19) .c-perks_label {
	transition: transform .6s cubic-bezier(.38,.005,.215,1),opacity .6s cubic-bezier(.38,.005,.215,1);
	transition-delay: .95s
}

html.is-ready .c-perks_item.is-inview .c-perks_label {
	transform: translateY(0);
	opacity: 1
}

@media (max-width: 999px) {
	.c-perks.-list\@to-medium .c-perks_label {
		width: 100%;
		grid-column-start: 2;
		grid-column-end: 4
	}
}

@media (min-width: 1000px) {
	.c-perks.-vertical .c-perks_label {
		padding-top: .75rem
	}
}

@media (max-width: 999px) {
	.c-perks.-vertical .c-perks_label {
		padding-top: .9375rem
	}
}


.swiper-wrapper {
	box-sizing: border-box
}

@media (min-width: 1000px) {
	.u-gc-1\/2\@from-medium {
		--gc-start: 1;
		--gc-end: 2
	}
}

.u-clearfix:after {
	display: block;
	clear: both;
	content: ""
}

.u-overflow-hidden {
	overflow: hidden
}

.u-offset-right {
	margin-right: calc(var(--padding-box) * -1)
}


@media (max-width: 999px) {
	.u-offset-left\@to-medium {
		margin-left: calc(var(--padding-box) * -1)
	}
}

@media (max-width: 999px) {
	.u-offset-right\@to-medium {
		margin-right: calc(var(--padding-box) * -1)
	}
}


.u-screen-reader-text {
	position: absolute!important;
	overflow: hidden;
	clip: rect(0 0 0 0);
	margin: 0;
	padding: 0;
	width: 1px;
	height: 1px;
	border: 0
}

@media not print {
	.u-screen-reader-text\@screen {
		position: absolute!important;
		overflow: hidden;
		clip: rect(0 0 0 0);
		margin: 0;
		padding: 0;
		width: 1px;
		height: 1px;
		border: 0
	}
}

.u-screen-reader-text.-focusable:focus,.u-screen-reader-text.-focusable:active {
	clip: auto;
	width: auto;
	height: auto
}

.u-margin-large-bottom {
	position: relative;
	margin-bottom: 60px
}

.u-margin-big-bottom {
	margin-bottom: 0px;
}

.u-margin-huge-top {
	margin-top: clamp(calc(.0625rem * var(--spacing-huge-mobile)),calc(var(--spacing-huge) / 14.4 * 1vw),calc(.0625rem * var(--spacing-huge)))
}

.u-padding-large-top {
	padding-top: 0;
	padding-left: 0px;
	width: 46vw;
}

.c-wysiwyg.guige i {
    width: 10px;
    height: 10px;
    border-radius: 50px;
	background: #ddae28;
    display: block;
    margin-right: 10px;
}

.o-container.canshu {
	padding-top: 90px;
    padding-bottom: 50px;
}

.u-margin-huge-top {
	margin-top: 0px;
}

.c-product_text.biaoge {
	padding-right: 2%;
}
.c-product_text.biaoge table {
	width: 100%;
	border-top: solid 1px #d6d6d6;
	border-left: solid 1px #d6d6d6;
}

.NOZZLE-OPTIONS.is-open {
	border-radius: 15px;
	/* background: #fff; */
}

.metafield-rich_text_field a::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: #ddae28;
    opacity: 0;
    width: 100%;
    height: 100%;
}
.metafield-rich_text_field a:hover::after {
	opacity: 0.8;
}
.metafield-rich_text_field a .icon {
	position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
	opacity: 0;
}
.metafield-rich_text_field a:hover .icon {
	opacity: 1;
}

.c-accordion-image {
	padding-right: 2%;
}
.accordion-image_list {
	margin-bottom: 10px;
	border-radius: 15px;
	border: 1px solid #d6d6d6;
}
.c-accordion-image .c-accordion_toggler {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px calc(60px - 20px);
    padding: 20px;
    min-height: 66px;
    width: 100%;
    transition: background-color .3s cubic-bezier(.38, .005, .215, 1);
    border-radius: 30px;
}
.accordion-image_inner {
	padding: 10px 20px;
}

.c-accordion-image .swiper {
	width: 100%;
	height: 100%;
	padding-bottom: 50px;
	position: relative;
}
.c-accordion-image .mySwiper .swiper-slide a {
	position: relative;
}
.c-accordion-image .mySwiper .swiper-slide a::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: #ddae28;
    opacity: 0;
    width: 100%;
    height: 100%;
}
.c-accordion-image .swiper-slide a:hover::after {
    opacity: 0.8;
}


.c-accordion-image .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.c-accordion-image .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.c-accordion-image .icon {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    opacity: 0;
}
.c-accordion-image a:hover .icon {
	opacity: 1;
}

.accessories {
	padding: 70px 5% 50px;
	background: #fff;
}
.accessories h2.aa {
	font-weight: 500;
    font-size: 36px;
    margin-bottom: 40px;
    text-transform: capitalize;
    color: #333;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 30px;
}
.accessories ul {
	display: flex;
	flex-wrap: wrap;
}
.accessories ul li {
	background-color: #f7f7f7;
	padding: 35px;
	row-gap: 35px;
	display: flex;
	position: relative;
	align-items: center;
	width: 49%;
	margin-right: 2%;
	border-radius: 10px;
	margin-bottom: 2%;

}
.accessories ul li:nth-child(even) {
	margin-right: 0;
}
.accessories ul li .tu {
	position: relative;
	transition-duration: .5s;
	transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	width: 30%;
	max-width: 300px;
}
.accessories ul li .tu img {
	width: 100%;
	display: block;
    vertical-align: middle;
}
.accessories ul li .text {
	padding: 0px 0px 0px 30px;
}
.accessories ul li h3 {
	font-size: 20px;
	display: flex;
	align-items: center;
}
.accessories ul li .text h3 {
	font-size: 22px;
	text-transform: capitalize;
	line-height: 1.6;
}
.accessories ul li .text span {
    font-size: 16px;
    color: #ddae28;
    display: flex;
    text-transform: uppercase;
    padding-top: 10px;
    align-items: center;
}
.accessories .text span i {
    width: 10px;
    height: 10px;
    border-radius: 50px;
    background: #ddae28;
    display: block;
    margin-right: 10px;
}

.accessories ul li .text p {
	margin-top: 30px;
	font-size: 18px;
    letter-spacing: 0;
    line-height: 1.5;
    position: relative;
    color: #565656;
}


@media (max-width: 1500px) {
	.accessories ul li {
		align-items: normal;
	}
	.accessories ul li .tu {
		width: 60%;
	}
}