@charset "UTF-8";

html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	line-height: 1.15
}

body {
	margin: 0
}

article,
aside,
footer,
header,
nav,
section {
	display: block
}

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

figcaption,
figure,
main {
	display: block
}

figure {
	margin: 1em 40px
}

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

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

a {
	-webkit-text-decoration-skip: objects;
	background-color: transparent
}

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

b,
strong {
	font-weight: inherit;
	font-weight: bolder
}

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

dfn {
	font-style: italic
}

mark {
	background-color: #ff0;
	color: #000
}

small {
	font-size: 80%;
}

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

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

audio,
video {
	display: inline-block
}

audio:not([controls]) {
	display: none;
	height: 0
}

img {
	border-style: none
}

svg:not(:root) {
	overflow: hidden
}

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

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

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

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

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

fieldset {
	padding: .35em .75em .625em
}

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

progress {
	display: inline-block;
	vertical-align: baseline
}

textarea {
	overflow: auto
}

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

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

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

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

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

details,
menu {
	display: block
}

summary {
	display: list-item
}

canvas {
	display: inline-block
}

[hidden],
template {
	display: none
}

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

body,
button,
input,
textarea {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

*,
:after,
:before {
	word-wrap: break-word;
	-webkit-box-sizing: inherit;
	box-sizing: inherit
}

button,
input,
textarea {
	-webkit-appearance: none;
	border-radius: 0
}

details,
summary {
	outline: none
}

summary {
	display: block
}

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

@font-face {
	font-family: Halenoir;
	font-weight: 400;
	src: url(../fonts/Halenoir-Light-9708bda05a.woff2) format("woff2"), url(../fonts/Halenoir-Light-bf5ee786d5.woff) format("woff")
}

@font-face {
	font-family: Halenoir Expanded;
	font-weight: 300;
	src: url(../fonts/HalenoirExpanded-Light-7ea7b29240.woff2) format("woff2"), url(../fonts/HalenoirExpanded-Light-535118e637.woff) format("woff")
}

@font-face {
	font-family: Halenoir Expanded;
	font-weight: 200;
	src: url(../fonts/HalenoirExpanded-ExtraLight-c8cb427ca4.woff2) format("woff2"), url(../fonts/HalenoirExpanded-ExtraLight-386711fe9e.woff) format("woff")
}

@font-face {
	font-family: Halenoir Expanded;
	font-weight: 600;
	src: url(../fonts/HalenoirExpanded-DemiBold-49844e10a6.woff2) format("woff2"), url(../fonts/HalenoirExpanded-DemiBold-f3f6f5f5b8.woff) format("woff")
}

@font-face {
	font-family: Halenoir Expanded;
	font-weight: 700;
	src: url(../fonts/HalenoirExpanded-Bold-eec4d22d86.woff2) format("woff2"), url(../fonts/HalenoirExpanded-Bold-a256235d24.woff) format("woff")
}

:root {
	--base-size: clamp(14px, 1vw, 18px);
	--max-width: 1160px;
	--gutter: 1rem;
	--gutter--wide: 3rem;
	--gutter--huge: 6rem;
	--menu-icon-size: 24px;
	--menu-icon-thickness: 6px;
	--border-radius: 0.25rem;
	--border-width: 1px;
	--header-height: 9.625rem;
	--footer-height: 9.625rem;
	--ul-margin: 4rem;
	--span-margin: 0.875rem;
	--swatch-inner-size: 2.6rem;
	--swatch-outer-size: 3.4rem;
	--swatch-gap: 1.5rem;
	--window-inner-height: 100vh;
	--font-family--primary: "Halenoir", sans-serif;
	--font-family--secondary: "Halenoir Expanded", sans-serif;
	--font-size--small: 0.85rem;
	--line-height--small: 1.5em;
	--font-size--regular: 1rem;
	--line-height--regular: 1.5em;
	--font-size--medium: 1.125rem;
	--line-height--medium: 1.25em;
	--font-size--mediumLarge: 2.5rem;
	--line-height--mediumLarge: 1.2em;
	--font-size--large: 3rem;
	--line-height--large: 1.25em;
	--legend-size: 1.5rem;
	--color-base: #000;
	--color-contrast: #fff;
	--color-grey: #e3e3e1;
	--color-gold: #c4b17c;
	--color-silver: #86868b;
	--transition-duration: 0.4s;
	--transition-timing-function: ease-in-out
}

@media (max-width:1024px) {
	:root {
		--font-size--mediumLarge: 2rem;
		--font-size--large: 2.25rem;
		--gutter--wide: 2rem;
		--gutter--huge: 4rem
	}
}

.u-visually-hidden {
	clip: rect(0 0 0 0);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px
}

.u-hidden {
	display: none
}

.u-hide-scrollbar {
	-ms-overflow-style: none;
	scrollbar-width: none
}

.u-hide-scrollbar::-webkit-scrollbar {
	display: none
}

.u-h1 {
	font-family: var(--font-family--secondary);
	font-size: var(--font-size--large);
	font-weight: 600;
	letter-spacing: .01em;
	line-height: var(--line-height--large);
	text-transform: uppercase
}

.u-h1:not(:last-child) {
	margin-bottom: var(--gutter--wide)
}

.u-h2 {
	font-size: var(--font-size--large);
	font-weight: 400;
	line-height: var(--line-height--large)
}

.u-h2,
.u-h3 {
	font-family: var(--font-family--secondary)
}

.u-h3 {
	font-size: calc(var(--font-size--regular)*.9);
	font-weight: 300;
	letter-spacing: .066em;
	line-height: var(--line-height--regular);
	text-transform: uppercase
}

.u-h3+.u-h1 {
	margin-top: var(--gutter--huge)
}

@media (max-width:1024px) {
	.u-h3+.u-h1 {
		margin-top: var(--gutter)
	}
}

.u-h3.--alt {
	font-size: var(--legend-size);
	letter-spacing: 0;
	line-height: var(--line-height--regular);
	text-transform: none
}

.u-btn {
	border: 1px solid var(--color-gold);
	display: inline-block;
	font-family: var(--font-family--secondary);
	font-weight: 600;
	line-height: 1em;
	padding: 1em 2.5em;
	position: relative
}

.u-btn:hover {
	background-color: var(--color-gold);
	color: var(--color-base);
	text-decoration: none
}

.u-btn.u-btn--text {
	border: none;
	font-weight: 400;
	padding: 0 2rem
}

.u-btn.u-btn--text:hover {
	background-color: transparent;
	color: var(--color-gold)
}

.u-btn.u-btn--text:after {
	color: var(--color-gold);
	content: "⟶";
	font-size: 1.25rem;
	position: absolute;
	right: 0
}

.u-btn.u-btn--fill {
	background-color: var(--color-gold);
	color: var(--color-base)
}

.u-btn.u-btn--fill:hover {
	background-color: var(--color-contrast);
	color: var(--color-gold)
}

.u-btn:not(:first-child):not(.u-btn--text) {
	margin-top: var(--gutter--wide)
}

body.woocommerce-checkout:not(.woocommerce-order-received) {
	padding: calc(var(--gutter--wide)*2 + 3.5rem - var(--gutter)) 0 0
}

.woocommerce-form-coupon,
.woocommerce-form-coupon-toggle {
	padding: var(--gutter) var(--gutter--huge)
}

.checkout {
	-webkit-box-align: start;
	-ms-flex-align: start;
	-ms-grid-columns: (1fr)[4];
	/* align-items: flex-start; */
	display: -ms-grid;
	display: grid;
	gap: var(--gutter--wide);
	grid-template-columns: repeat(4, 1fr);
	padding: var(--gutter) var(--gutter--wide);
	position: relative;
	width: 100%
}

#kco-wrapper {

    grid-column: span 2 !important;
}

.checkout h3 {
	font-family: var(--font-family--secondary);
	font-size: var(--font-size--medium);
	font-weight: 300;
	line-height: var(--line-height--medium)
}

.checkout strong {
	font-weight: 400
}

@media (max-width:1024px) {
	.checkout {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: column;
		flex-flow: column
	}
}

.woocommerce-notices-wrapper {
	position: absolute
}

.woocommerce-form-coupon-toggle {
	display: none
}

.woocommerce .woocommerce-error {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	background: transparent;
	justify-content: center;
	margin-top: 4rem;
	min-height: 50vh;
	position: relative;
	text-align: center
}

.woocommerce .woocommerce-error,
.woocommerce .woocommerce-error li {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column;
	flex-flow: column
}

.woocommerce .woocommerce-error li {
	gap: 1em
}

.woocommerce .woocommerce-error a {
	border: 1px solid var(--color-gold);
	display: inline-block;
	line-height: 1em;
	padding: .33em .66em;
	white-space: nowrap
}

.woocommerce .woocommerce-error a:hover {
	background-color: var(--color-gold);
	color: var(--color-base);
	text-decoration: none
}

.woocommerce .checkout .woocommerce-error {
	background: rgba(255, 0, 0, .5);
	border: 1px solid red;
	bottom: var(--gutter--wide);
	color: #fff;
	left: calc(25% - var(--gutter--wide)*3/4 + var(--gutter--wide)*1.5);
	min-height: auto;
	position: fixed;
	text-align: left;
	width: calc(50% - var(--gutter--wide)*3/4*2)
}

.woocommerce .checkout .woocommerce-error li {
	display: block
}

@media (max-width:1024px) {
	.woocommerce .checkout .woocommerce-error {
		left: var(--gutter--wide);
		width: calc(100% - var(--gutter--wide)*2)
	}
}

.woocommerce-checkout-review-order {
	-ms-grid-column-span: 1;
	grid-column: span 1;
	position: sticky
}

.woocommerce-checkout-review-order .woocommerce-checkout-review-order-edits {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 80%;
	gap: 1em;
	margin-top: 1em
}

.woocommerce-checkout-review-order .woocommerce-checkout-review-order-edits a {
	border: 1px solid var(--color-base);
	display: inline-block;
	line-height: 1em;
	padding: .33em .66em
}

.woocommerce-checkout-review-order .woocommerce-checkout-review-order-edits a:hover {
	background-color: var(--color-gold);
	border: 1px solid var(--color-gold);
	color: var(--color-base);
	text-decoration: none
}

.woocommerce-checkout-review-order .woocommerce-checkout-review-order-edits button {
	cursor: pointer
}

.woocommerce-checkout-review-order .woocommerce-checkout-review-order-edits button:hover {
	color: var(--color-gold)
}

@media (max-width:1024px) {
	.woocommerce-checkout-review-order {
		position: relative;
		top: 0;
		width: 100%
	}
}

.shop_table {
	border-spacing: 0;
	margin-bottom: var(--gutter);
	width: 100%
}

.shop_table td,
.shop_table th {
	padding: 0;
	text-align: left;
	vertical-align: bottom
}

.shop_table thead {
	display: none
}

.shop_table th {
	font-weight: 400;
	text-decoration: underline;
	text-underline-position: from-font
}

.shop_table .cart_item td,
.shop_table th {
	padding-top: var(--gutter)
}

.shop_table .product-total {
	vertical-align: top
}

.shop_table .cart-subtotal,
.shop_table .woocommerce-shipping-totals {
	display: none
}

.shop_table .cart-discount th,
.shop_table .order-total th {
	padding-top: calc(var(--gutter)*2)
}

.shop_table .cart-discount th {
	vertical-align: top;
	width: 100%
}

.shop_table .cart-discount td {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	padding-top: calc(var(--gutter)*2)
}

.shop_table .cart-discount td .woocommerce-remove-coupon,
.shop_table .variation {
	font-size: var(--font-size--small);
	line-height: var(--line-height--small);
	width: 100%
}

.shop_table .variation {
	-ms-grid-columns: auto auto;
	display: -ms-grid;
	display: grid;
	grid-template-columns: auto auto;
	margin: calc(var(--gutter)/2) 0
}

.shop_table .variation dd {
	margin: 0
}

.cart-item-sign {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 1rem;
	margin-bottom: calc(var(--gutter)*1)
}

.cart-item-sign img {
	background: #444;
	height: 2rem;
	width: auto
}

.payment_methods,
.woocommerce-shipping-methods {
	list-style-type: none;
	padding: 0
}

.col2-set {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-grid-column-span: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column;
	flex-flow: column;
	grid-column: span 2
}

@media (max-width:1024px) {
	.col2-set {
		position: relative;
		width: 100%
	}
}

.col-2 {
	margin-top: var(--gutter--wide)
}

.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper {
	-ms-grid-columns: 1fr 1fr 1fr 1fr;
	display: -ms-grid;
	display: grid;
	gap: var(--line-height--regular);
	grid-template-columns: 1fr 1fr 1fr 1fr;
	margin-top: var(--gutter)
}

.woocommerce-shipping-fields {
	margin-bottom: var(--gutter--wide)
}

.form-row {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-grid-column-span: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column;
	flex-flow: column;
	grid-column: span 2
}

.form-row label {
	font-family: var(--font-family--primary);
	font-size: var(--font-size--regular);
	line-height: var(--line-height--regular)
}

.form-row.form-row-wide {
	-ms-grid-column-span: 4;
	grid-column: span 4
}

.form-row#billing_postcode_field {
	-ms-grid-column-span: 1;
	grid-column: span 1
}

.form-row#billing_city_field {
	-ms-grid-column-span: 3;
	grid-column: span 3
}

abbr.required {
	text-decoration: none
}

.woocommerce-input-wrapper input,
.woocommerce-input-wrapper textarea {
	background-color: transparent;
	border: none;
	border-bottom: 1px solid var(--color-base);
	color: var(--color-base);
	font-family: var(--font-family--primary);
	font-size: var(--font-size--regular);
	line-height: var(--line-height--regular);
	outline: none;
	padding: .33rem 0;
	width: 100%
}

.woocommerce-input-wrapper input:focus {
	border-bottom: 1px solid var(--color-gold)
}

.woocommerce-invalid-required-field label {
	color: red
}

.woocommerce-invalid-required-field .woocommerce-input-wrapper input {
	border-bottom: 1px solid red
}

.woocommerce-checkout-payment {
	-ms-grid-column-span: 1;
	grid-column: span 1;
	position: sticky
}

@media (max-width:1024px) {
	.woocommerce-checkout-payment {
		position: relative;
		top: 0;
		width: 100%
	}
}

.select2-dropdown {
	background-color: var(--color-grey) !important;
	border: 1px solid var(--color-base);
	border-radius: 0 !important
}

.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[data-selected=true] {
	background-color: var(--color-grey) !important;
	border: 1px solid var(--color-base)
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
	background-color: var(--color-grey) !important;
	border: 1px solid var(--color-base);
	color: var(--color-gold) !important
}

.select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 0 !important
}

.select2-container--default .select2-selection--single {
	background-color: var(--color-grey) !important;
	border: 1px solid var(--color-base);
	border: none !important;
	border-bottom: 1px solid var(--color-base) !important;
	border-radius: 0 !important
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: var(--color-base) !important
}

.blockOverlay {
	background-color: var(--color-grey) !important
}

.woocommerce-terms-and-conditions-wrapper {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column;
	flex-flow: column;
	gap: var(--gutter)
}

wc-order-attribution-inputs {
	display: none
}

.form-row .woocommerce-form__label-for-checkbox {
	cursor: pointer;
	font-size: var(--font-size--small);
	line-height: var(--line-height--small);
	padding-left: 1.5rem;
	position: relative
}

.form-row .woocommerce-form__label-for-checkbox input {
	left: 0;
	position: absolute;
	top: .2em
}

.woocommerce-form__input-checkbox {
	-webkit-box-flex: 1;
	border: 1px solid var(--color-base);
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	height: 1rem;
	margin-right: .5rem;
	vertical-align: text-top;
	width: 1rem
}

.woocommerce-form__input-checkbox:checked {
	background-color: var(--color-gold);
	border-color: var(--color-gold)
}

.select2-container--open .select2-dropdown--below {
	border-color: var(--color-base);
	border-top: 1px solid var(--color-base) !important;
	padding-top: .5rem
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected],
.select2-container--default .select2-results__option[data-selected=true],
.select2-container--default .select2-search--dropdown .select2-search__field {
	border: none
}

.woocommerce-privacy-policy-text p {
	font-size: var(--font-size--small);
	line-height: var(--line-height--small)
}

.MyWallich {
	margin-bottom: calc(var(--gutter)*2)
}

.MyWallich p {
	font-size: var(--font-size--small);
	line-height: var(--line-height--small);
	margin-top: var(--gutter)
}

.MyWallich-access {
	border-collapse: collapse;
	margin-top: var(--gutter);
	width: 100%
}

.MyWallich-access td,
.MyWallich-access th,
.MyWallich-access tr {
	border: none;
	border-collapse: collapse
}

.MyWallich-access th {
	font-weight: 400;
	text-align: left
}

.MyWallich-access input,
.MyWallich-access th {
	font-size: var(--font-size--small);
	line-height: var(--line-height--small)
}

.MyWallich-access input {
	background-color: rgba(0, 0, 0, .1);
	border: none;
	color: var(--color-base);
	outline: none;
	padding: .25em;
	width: 100%
}

.wc_payment_method {
	cursor: pointer;
	font-family: var(--font-family--secondary);
	font-size: var(--font-size--medium);
	font-weight: 300;
	line-height: var(--line-height--medium);
	margin-bottom: var(--gutter)
}

.wc_payment_method label {
	cursor: pointer
}

.wc_payment_method:before {
	background-color: rgba(0, 0, 0, .1);
	border-radius: .5em;
	content: "";
	display: inline-block;
	height: 1em;
	margin-right: .33em;
	vertical-align: text-top;
	width: 1em
}

.wc_payment_method:hover:before {
	background-color: rgba(0, 0, 0, .2)
}

.wc_payment_method:has(input:checked):before {
	background-color: var(--color-gold)
}

.payment_box {
	font-family: var(--font-family--primary);
	font-size: var(--font-size--small);
	line-height: var(--line-height--small);
	padding-left: 2rem;
	padding-top: .5rem
}

.place-order {
	margin-top: calc(var(--gutter)*2)
}

.place-order .button {
	border: 1px solid var(--color-base);
	font-family: var(--font-family--secondary);
	font-size: var(--font-size--medium);
	font-weight: 300;
	line-height: var(--line-height--medium);
	padding: .75rem 1rem
}

.woocommerce-privacy-policy-text a {
	text-decoration: underline
}

.woocommerce-privacy-policy-text a:hover {
	color: var(--color-gold)
}

.woocommerce-terms-and-conditions-wrapper {
	margin-top: var(--line-height--medium)
}

.woocommerce-checkout-payment small {
	display: block;
	font-size: var(--font-size--small);
	line-height: var(--line-height--small);
	margin-top: var(--gutter)
}

.woocommerce-NoticeGroup {
	position: absolute
}

.woocommerce-message {
	background-color: var(--color-grey);
	border: 1px solid var(--color-base)
}

.woocommerce-error,
.woocommerce-message {
	bottom: var(--gutter--wide);
	left: calc(var(--gutter--wide)/2 + 25vw);
	list-style: none;
	margin: 0;
	padding: calc(var(--gutter--wide)/2);
	position: fixed;
	color: #000;
	width: calc(50vw - var(--gutter--wide));
	z-index: 10000
}

.woocommerce-error {
	background-color: #343738
}

.Header {
	-ms-grid-row-align: center;
	-ms-grid-columns: 1fr 1fr 1fr;
	align-self: center;
	display: -ms-grid;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	left: 0;
	padding: var(--gutter--wide) var(--gutter--wide) calc(var(--gutter--wide)/2);
	position: fixed;
	top: 0;
	-webkit-transition: -webkit-transform var(--transition-duration) var(--transition-timing-function);
	transition: -webkit-transform var(--transition-duration) var(--transition-timing-function);
	-o-transition: transform var(--transition-duration) var(--transition-timing-function);
	transition: transform var(--transition-duration) var(--transition-timing-function);
	transition: transform var(--transition-duration) var(--transition-timing-function), -webkit-transform var(--transition-duration) var(--transition-timing-function);
	-webkit-transition: color var(--transition-duration) var(--transition-timing-function), background-color var(--transition-duration) var(--transition-timing-function);
	-o-transition: color var(--transition-duration) var(--transition-timing-function), background-color var(--transition-duration) var(--transition-timing-function);
	transition: color var(--transition-duration) var(--transition-timing-function), background-color var(--transition-duration) var(--transition-timing-function);
	width: 100%;
	z-index: 1000
}

.Header.is-scrolled {
	-webkit-backdrop-filter: blur(1rem);
	backdrop-filter: blur(1rem);
	background-color: rgba(0, 0, 0, .75)
}

body:not(.is-state--menu) .Header.is-scrolled {
	-webkit-transform: translateY(calc(var(--gutter--wide)/2*-1));
	-ms-transform: translateY(calc(var(--gutter--wide)/2*-1));
	transform: translateY(calc(var(--gutter--wide)/2*-1))
}

body[data-section=story]:not(.is-state--menu) .Header {
	color: var(--color-base)
}

body[data-section=story]:not(.is-state--menu) .Header.is-scrolled {
	background-color: hsla(0, 0%, 100%, .75)
}

body.woocommerce-checkout .Header {
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	background-color: var(--color-grey);
	color: var(--color-base)
}

.Header a:hover {
	color: var(--color-gold);
	text-decoration: none
}

.Header-logo {
	-ms-grid-column-span: 1;
	display: block;
	-ms-grid-column: 2;
	grid-column: 2/3;
	margin: auto;
	overflow: hidden;
	position: relative;
	-webkit-transition: height var(--transition-duration) var(--transition-timing-function);
	-o-transition: height var(--transition-duration) var(--transition-timing-function);
	transition: height var(--transition-duration) var(--transition-timing-function);
	z-index: 300
}

.Header.is-scrolled .Header-logo,
body.woocommerce-checkout .Header-logo {
	height: 1em
}

.Header-logo svg {
	height: 5rem;
	width: auto
}

.Header.is-scrolled .Header-logo svg,
body.woocommerce-checkout .Header-logo svg {
	height: 7rem
}

.Header-logo path {
	fill: currentColor
}

.Header-menu {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	font-family: var(--font-family--secondary);
	font-size: var(--font-size--medium);
	font-weight: 300;
	gap: var(--gutter--wide);
	justify-content: flex-start;
	line-height: var(--line-height--medium);
	list-style: none;
	padding: 0
}

.Header-menu svg {
	height: var(--line-height--medium);
	width: var(--line-height--medium)
}

@media (max-width:1024px) {
	.Header-menu svg {
		height: 2.25rem;
		width: 2.25rem
	}
}

.Header-menu path {
	fill: currentColor
}

.Header-menuLeft {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

@media (max-width:1024px) {
	.Header-menuLeft {
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		align-items: center;
		background-color: var(--color-base);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: column;
		flex-flow: column;
		height: var(--window-inner-height);
		justify-content: center;
		left: 0;
		opacity: 0;
		pointer-events: none;
		position: fixed;
		top: 0;
		-webkit-transition: opacity var(--transition-duration) var(--transition-timing-function);
		-o-transition: opacity var(--transition-duration) var(--transition-timing-function);
		transition: opacity var(--transition-duration) var(--transition-timing-function);
		visibility: hidden;
		width: 100%;
		z-index: 100
	}

	body.is-state--menu .Header-menuLeft {
		opacity: 1;
		pointer-events: all;
		visibility: visible
	}
}

.Header-menuRight {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

@media (max-width:1024px) {
	.Header-menuRight {
		z-index: 300
	}

	.Header-menuRight li:first-child {
		display: none
	}
}

.Header-menuToggler {
	-ms-grid-column-span: 1;
	background: transparent;
	border: none;
	cursor: pointer;
	display: none;
	-ms-grid-column: 1;
	grid-column: 1/2;
	-ms-grid-row: 1;
	grid-row: 1;
	height: 2rem;
	margin: auto 0;
	outline: none;
	position: relative;
	width: 2rem;
	z-index: 2000
}

@media (max-width:1024px) {
	.Header-menuToggler {
		display: block
	}
}

.Header-menuTogglerLine {
	background-color: var(--color-contrast);
	height: 4px;
	left: 0;
	position: absolute;
	-webkit-transition: top var(--transition-duration) var(--transition-timing-function), -webkit-transform var(--transition-duration) var(--transition-timing-function);
	transition: top var(--transition-duration) var(--transition-timing-function), -webkit-transform var(--transition-duration) var(--transition-timing-function);
	-o-transition: transform var(--transition-duration) var(--transition-timing-function), top var(--transition-duration) var(--transition-timing-function);
	transition: transform var(--transition-duration) var(--transition-timing-function), top var(--transition-duration) var(--transition-timing-function);
	transition: transform var(--transition-duration) var(--transition-timing-function), top var(--transition-duration) var(--transition-timing-function), -webkit-transform var(--transition-duration) var(--transition-timing-function);
	width: 100%
}

body[data-section=story]:not(.is-state--menu) .Header-menuTogglerLine {
	background-color: var(--color-base)
}

.Header-menuTogglerLine--top {
	top: 0
}

body.is-state--menu .Header-menuTogglerLine--top {
	top: calc(50% - 2px);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.Header-menuTogglerLine--middle {
	top: calc(50% - 2px)
}

body.is-state--menu .Header-menuTogglerLine--middle {
	opacity: 0
}

.Header-menuTogglerLine--bottom {
	top: calc(100% - 4px)
}

body.is-state--menu .Header-menuTogglerLine--bottom {
	top: calc(50% - 2px);
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.Home-hero {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	align-items: center;
	aspect-ratio: 3/2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column;
	flex-flow: column;
	justify-content: center;
	padding-bottom: var(--header-height);
	padding-top: calc(var(--header-height)*2);
	position: relative;
	scroll-snap-align: start;
	width: 100%;
	z-index: 2
}

@media (max-width:767px) {
	.Home-hero {
		aspect-ratio: auto;
		height: 125vh
	}
}

.Home-hero .u-h1 {
	line-height: 1.125em;
	margin-bottom: .5em;
	max-width: 12em;
	text-align: center
}

.Home-hero:after {
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(66.66%, rgba(0, 0, 0, 0)), color-stop(100%, #000), to(#000));
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 66.66%, #000 100%, #000 100%);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 66.66%, #000 100%, #000 0);
	content: "";
	display: block;
	inset: 0;
	position: absolute;
	z-index: -1
}

.Home-hero .Home-sectionBg {
	height: 100%;
	position: absolute
}

.Home-hero .Home-sectionBg:after {
	background-image: url(../img/hero_web_new_ball-31f188b161.jpg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	display: block;
	inset: 0;
	position: absolute;
	z-index: -2
}

.Home-hero[data-viewport=in] .Home-sectionBg {
	opacity: 1
}

.Home-section {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column;
	flex-flow: column;
	min-height: var(--window-inner-height);
	overflow: hidden;
	padding: calc(var(--gutter--huge)*1.5) 0;
	position: relative;
	width: 100%;
	z-index: 3
}

.Home-sectionBg {
	display: block;
	height: var(--window-inner-height);
	left: 0;
	margin: 0;
	opacity: 0;
	padding: 0;
	pointer-events: none;
	position: fixed;
	top: 0;
	-webkit-transition: opacity var(--transition-duration) var(--transition-timing-function);
	-o-transition: opacity var(--transition-duration) var(--transition-timing-function);
	transition: opacity var(--transition-duration) var(--transition-timing-function);
	width: 100%;
	z-index: -1
}

.Home-section--graphic {
	height: calc(var(--window-inner-height) - var(--font-size--small)*4 - var(--line-height--small)*3 - var(--gutter--wide)*2);
	min-height: calc(var(--window-inner-height) - var(--font-size--small)*4 - var(--line-height--small)*3 - var(--gutter--wide)*2);
	overflow: hidden;
	padding: 0;
	position: relative;
	scroll-snap-stop: normal
}

.Home-section--graphic img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%
}

.Home-section--spacer {
	height: 25vh
}

.Home-section--dark {
	background-color: #000;
	color: #fff;
	padding: calc(var(--gutter--huge)*1.5) 0 0;
	padding-top: calc(var(--gutter--huge)/8)
}

.Home-section--dark .Home-sectionBg:before {
	background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(25%, #000), color-stop(75%, rgba(0, 0, 0, .75)), to(rgba(0, 0, 0, 0)));
	background: -o-linear-gradient(top, #000 0, #000 25%, rgba(0, 0, 0, .75) 75%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(180deg, #000, #000 25%, rgba(0, 0, 0, .75) 75%, rgba(0, 0, 0, 0));
	content: "";
	display: block;
	inset: 0;
	position: absolute;
	z-index: -1
}

.Home-section--dark .Home-sectionBg:after {
	background-image: url(../img/raw-material-background-cee2f66158.jpg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	display: block;
	inset: 0;
	opacity: .5;
	position: absolute;
	z-index: -2
}

.Home-section--dark[data-viewport=in] .Home-sectionBg {
	opacity: 1;
	-webkit-transition-delay: calc(var(--transition-duration)*.5);
	-o-transition-delay: calc(var(--transition-duration)*.5);
	transition-delay: calc(var(--transition-duration)*.5)
}

.Home-section--light {
	color: #000;
	padding: calc(var(--gutter--huge)*1.5 + 50vh) 0 calc(var(--gutter--huge)*1.5);
	padding-top: calc(var(--gutter--huge)/4)
}

.Home-section--light .Home-sectionBg {
	background-color: #fff;
	z-index: -2
}

.Home-section--light[data-viewport=above] .Home-sectionBg,
.Home-section--light[data-viewport=in] .Home-sectionBg {
	opacity: 1;
	-webkit-transition-delay: calc(var(--transition-duration)*.5);
	-o-transition-delay: calc(var(--transition-duration)*.5);
	transition-delay: calc(var(--transition-duration)*.5)
}

.Home-article {
	-ms-grid-columns: 1fr (var(--gutter--huge))[6] 1fr;
	display: -ms-grid;
	display: grid;
	grid-template-columns: 1fr repeat(6, var(--gutter--huge)) 1fr;
	padding: calc(var(--gutter--huge)/2) var(--gutter--huge);
	position: relative;
	-webkit-transition: opacity calc(var(--transition-duration)/2) var(--transition-timing-function);
	-o-transition: opacity calc(var(--transition-duration)/2) var(--transition-timing-function);
	transition: opacity calc(var(--transition-duration)/2) var(--transition-timing-function)
}

.Home-article[data-viewport=below] {
	opacity: 0
}

@media (max-width:767px) {
	.Home-article {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: column;
		flex-flow: column;
		gap: var(--gutter--wide);
		padding: calc(var(--gutter--huge)/2) var(--gutter--wide)
	}
}

.Home-embed {
	-ms-grid-column-span: 8;
	aspect-ratio: 1.85/1;
	background-color: #fff;
	grid-column: span 8;
	position: relative;
	width: 100%
}

.Home-embed iframe {
	height: 100%;
	position: absolute;
	width: 100%
}

.Home-section--light .Home-article:first-child:before {
	background-color: var(--color-grey);
	-webkit-clip-path: inset(0 0 100% 0);
	clip-path: inset(0 0 100% 0);
	content: "";
	display: block;
	height: calc(100% - var(--gutter--huge) + 50vh);
	left: 0;
	opacity: 0;
	position: absolute;
	top: calc(var(--gutter--huge)*2*-1 + -50vh);
	-webkit-transition: opacity calc(var(--transition-duration)*2) var(--transition-timing-function) calc(var(--transition-duration)*1), -webkit-clip-path calc(var(--transition-duration)*2) var(--transition-timing-function) calc(var(--transition-duration)*1);
	transition: opacity calc(var(--transition-duration)*2) var(--transition-timing-function) calc(var(--transition-duration)*1), -webkit-clip-path calc(var(--transition-duration)*2) var(--transition-timing-function) calc(var(--transition-duration)*1);
	-o-transition: clip-path calc(var(--transition-duration)*2) var(--transition-timing-function) calc(var(--transition-duration)*1), opacity calc(var(--transition-duration)*2) var(--transition-timing-function) calc(var(--transition-duration)*1);
	transition: clip-path calc(var(--transition-duration)*2) var(--transition-timing-function) calc(var(--transition-duration)*1), opacity calc(var(--transition-duration)*2) var(--transition-timing-function) calc(var(--transition-duration)*1);
	transition: clip-path calc(var(--transition-duration)*2) var(--transition-timing-function) calc(var(--transition-duration)*1), opacity calc(var(--transition-duration)*2) var(--transition-timing-function) calc(var(--transition-duration)*1), -webkit-clip-path calc(var(--transition-duration)*2) var(--transition-timing-function) calc(var(--transition-duration)*1);
	width: 100%;
	z-index: -1
}

@media (max-width:767px) {
	.Home-section--light .Home-article:first-child:before {
		background-color: var(--color-contrast)
	}
}

.Home-article--up {
	margin-top: calc(var(--gutter--huge)*2.5*-1)
}

@media (max-width:767px) {
	.Home-article--up {
		margin-top: 0
	}
}

.Home-articleContent {
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-grid-column-span: 3;
	-ms-grid-row-span: 1;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	align-items: flex-start;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column;
	flex-flow: column;
	-ms-grid-column: 1;
	grid-column: 1/4;
	-ms-grid-row: 1;
	grid-row: 1/2;
	justify-content: flex-start;
	z-index: 2
}

.Home-articleContent.Home-articleContent--center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.Home-articleContent.Home-articleContent--bottom {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding-bottom: var(--gutter--huge)
}

.Home-articleContent.Home-articleContent--thin {
	-ms-grid-column-span: 2;
	-ms-grid-column: 1;
	grid-column: 1/3
}

.Home-articleContent.Home-articleContent--wide {
	-ms-grid-column-span: 4;
	-ms-grid-column: 1;
	grid-column: 1/5
}

.Home-article--caption .Home-articleContent {
	-ms-grid-column-span: 7;
	-ms-grid-column: 2;
	grid-column: 2/9
}

.Home-article--flip .Home-articleContent {
	-ms-grid-column-span: 3;
	-ms-grid-column: 6;
	grid-column: 6/9
}

.Home-articleContent .u-h1 {
	max-width: 13em
}

.Home-articleContent p:not(:last-child) {
	margin-bottom: var(--line-height--regular)
}

.Home-articleFigure {
	-ms-grid-column-span: 4;
	-ms-grid-row-span: 1;
	-webkit-backdrop-filter: blur(.5rem);
	backdrop-filter: blur(.5rem);
	background-color: rgba(6, 6, 6, .33);
	-ms-grid-column: 5;
	grid-column: 5/9;
	-ms-grid-row: 1;
	grid-row: 1/2;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative
}

.Home-articleFigure.Home-articleFigure--thin {
	-ms-grid-column-span: 3;
	-ms-grid-column: 6;
	grid-column: 6/9
}

.Home-articleFigure.Home-articleFigure--wide {
	-ms-grid-column-span: 5;
	-ms-grid-column: 4;
	grid-column: 4/9
}

.Home-articleFigure.Home-articleFigure--1x1 {
	aspect-ratio: 1/1;
	max-height: calc(var(--window-inner-height) - var(--gutter--huge))
}

.Home-articleFigure.Home-articleFigure--4x5 {
	aspect-ratio: 4/5
}

.Home-articleFigure img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%
}

.Home-article--caption .Home-articleFigure {
	-ms-grid-column-span: 5;
	-webkit-filter: brightness(.6);
	filter: brightness(.6);
	-ms-grid-column: 1;
	grid-column: 1/6
}

.Home-article--flip .Home-articleFigure {
	-ms-grid-column-span: 3;
	-ms-grid-column: 1;
	grid-column: 1/4
}

.Home-section--light .Home-articleFigure {
	background-color: hsla(0, 0%, 98%, .166)
}

@media (max-width:767px) {
	.Home-articleFigure {
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1
	}
}

.Configurator {
	min-height: var(--window-inner-height);
	width: 100%
}

[type=button],
[type=checkbox],
[type=file],
[type=image],
[type=radio],
[type=range],
[type=reset],
[type=submit],
button,
summary {
	cursor: pointer
}

.Configurator-wrapper {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: space-between;
	padding: var(--gutter--wide) var(--gutter--wide) 50vh var(--gutter--wide);
	position: relative;
	scroll-snap-align: start;
	scroll-snap-stop: always
}

@media (max-width:1024px) {
	.Configurator-wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column;
		flex-flow: column;
		margin-bottom: 25vh;
		padding-bottom: var(--gutter--wide)
	}
}

.Configurator-wrapper--intro {
	height: var(--window-inner-height);
	padding: var(--header-height) var(--gutter--wide);
	padding-top: var(--header-height)
}

@media (max-width:1024px) {
	.Configurator-wrapper--intro {
		margin-bottom: 0
	}
}

.Configurator-wrapper--intro:after {
	background-image: url(../img/raw-material-background-flip-4be98575fe.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: .5;
	z-index: -2
}

.Configurator-wrapper--intro:after,
.Configurator-wrapper--intro:before {
	content: "";
	height: var(--window-inner-height);
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%
}

.Configurator-wrapper--intro:before {
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(75%, #000), to(#000));
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 75%, #000 100%);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0), #000 75%, #000);
	z-index: -1
}

.Configurator-intro {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column;
	flex-flow: column;
	justify-content: center;
	margin: auto;
	min-height: calc(var(--window-inner-height) - var(--header-height));
	padding-bottom: var(--header-height);
	position: relative;
	width: 100%
}

.Configurator-intro a:not(.Configurator-introSkip) {
	color: var(--color-gold)
}

.Configurator-introSkip {
	bottom: var(--gutter--wide);
	color: var(--color-gold);
	font-size: 1.25rem;
	position: absolute;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	z-index: 2
}

.Configurator-introSkip:hover {
	text-decoration: none
}

.Configurator-intro .u-h1 {
	margin-bottom: var(--gutter);
	max-width: 9em;
	text-align: center
}

.Configurator-intro .u-h1.--wide {
	max-width: 12em
}

.Configurator-intro p {
	max-width: 42em;
	text-align: center
}

.Configurator-introOptions {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	gap: var(--gutter);
	justify-content: center;
	margin: var(--gutter) 0 var(--gutter--wide);
	text-align: center
}

.Configurator-introOptions .u-btn {
	color: var(--color-contrast) !important
}

.Configurator-introOptions .u-btn:hover {
	color: var(--color-base) !important
}

.Configurator-introOptions .u-btn:not(:first-child):not(.u-btn--text) {
	margin-top: 0
}

.Configurator-introOptions p {
	margin-top: var(--gutter);
	width: 100%
}

.Configurator-introOptions p a {
	color: var(--color-contrast) !important
}

.Configurator-page {
	margin: var(--header-height) auto 0;
	max-width: 42em;
	text-align: left;
	width: 100%
}

.Configurator-page .u-h1 {
	margin-bottom: var(--gutter--wide)
}

.Configurator-page .wp-block-heading,
.Configurator-page h3:not([class]) {
	font-family: var(--font-family--secondary);
	font-size: var(--font-size--medium);
	font-weight: 600;
	line-height: var(--line-height--medium);
	margin-bottom: .25em;
	margin-top: var(--line-height--regular)
}

.Configurator-page ol,
.Configurator-page p,
.Configurator-page ul {
	font-size: var(--font-size--regular);
	line-height: var(--line-height--regular);
	margin-bottom: 1em
}

.Configurator-page ul {
	list-style: square
}

.Configurator-page ol {
	list-style: lower-latin
}

.Configurator-page ol>li:not(:last-child) {
	margin-bottom: 1em
}

.Configurator-page ol ul {
	margin-top: 1em
}

.Configurator-graphicContainer {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	height: calc(var(--window-inner-height) - var(--gutter--wide)*2);
	left: 0;
	margin-top: 0;
	position: sticky;
	top: var(--gutter--wide);
	width: calc(66.66667% - var(--gutter--wide)*3/3*2);
	z-index: 100
}

@media (max-width:1024px) {
	.Configurator-graphicContainer {
		height: 100vw;
		margin-bottom: 10rem;
		width: 100%
	}
}

.Configurator-imageContainer {
	background-size: 100%;
	height: calc(var(--window-inner-height) - var(--gutter--wide)*2);
	margin: auto;
	position: relative;
	-webkit-transition: background-size .3s ease-in-out;
	-o-transition: background-size .3s ease-in-out;
	transition: background-size .3s ease-in-out;
	width: calc(var(--window-inner-height)*.75 - var(--gutter--wide)*2*.75)
}

.Configurator-graphicContainer[data-graphic=initials] .Configurator-imageContainer {
	background-position: 50% 50% !important;
	background-size: 200%
}

@media (max-width:1024px) {
	.Configurator-imageContainer {
		height: 100%;
		width: 100%
	}

	.Configurator-imageContainer:after {
		background-color: var(--color-base);
		content: "";
		display: block;
		height: calc(100% + var(--gutter--wide)*1);
		left: calc(var(--gutter--wide)*-1);
		position: absolute;
		top: calc(var(--gutter--wide)*-1);
		width: calc(100% + var(--gutter--wide)*2);
		z-index: -1
	}
}

.Configurator-imageContainer:hover {
	background-size: 200%;
	cursor: -webkit-zoom-in;
	cursor: zoom-in
}

.Configurator-imageContainer:hover.is-closeup {
	background-size: 400%;
	cursor: -webkit-zoom-out;
	cursor: zoom-out
}

.Configurator-imageContainer img {
	height: auto;
	opacity: 1;
	-webkit-transition: opacity .3s ease-in-out .3s;
	-o-transition: opacity .3s ease-in-out .3s;
	transition: opacity .3s ease-in-out .3s;
	width: 100%
}

.Configurator-graphicContainer[data-graphic=initials] .Configurator-imageContainer img {
	opacity: 0;
	-webkit-transition: none;
	-o-transition: none;
	transition: none
}

@media (max-width:1024px) {
	.Configurator-imageContainer img {
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		-o-object-position: 100% 25%;
		object-position: 100% 25%;
		width: 100%
	}
}

@media (min-width:1025px) {
	.Configurator-imageContainer img:hover {
		opacity: 0;
		-webkit-transition: none;
		-o-transition: none;
		transition: none
	}
}

.Configurator-initialsContainer {
	background-size: 100%;
	display: block;
	height: calc(var(--window-inner-height) - var(--gutter--wide)*2);
	left: 50%;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	-webkit-transform: scale(2) translateX(-25%);
	-ms-transform: scale(2) translateX(-25%);
	transform: scale(2) translateX(-25%);
	width: calc(var(--window-inner-height)*.75 - var(--gutter--wide)*2*.75);
	z-index: 1
}

.Configurator-graphicContainer[data-graphic=initials] .Configurator-initialsContainer {
	opacity: 1;
	pointer-events: all
}

.Configurator-initialsContainer span {
	color: #000;
	display: block;
	font-family: var(--font-family--secondary);
	font-size: calc(1.5vh + .25rem);
	font-weight: 600;
	left: 47.25%;
	line-height: 1.25em;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 46%;
	-webkit-transform: rotate(-39deg) skew(-4deg, 4deg);
	-ms-transform: rotate(-39deg) skew(-4deg, 4deg);
	transform: rotate(-39deg) skew(-4deg, 4deg);
	-webkit-transition: opacity .3s ease-in-out .3s;
	-o-transition: opacity .3s ease-in-out .3s;
	transition: opacity .3s ease-in-out .3s;
	width: 4em;
	z-index: 2
}

.Configurator-graphicContainer[data-graphic=initials] .Configurator-initialsContainer span {
	opacity: 1
}

@media (max-width:1024px) {
	.Configurator-initialsContainer {
		height: 100%;
		left: 0;
		-webkit-transform: scale(1) translateX(0);
		-ms-transform: scale(1) translateX(0);
		transform: scale(1) translateX(0);
		width: 100%
	}

	.Configurator-initialsContainer span {
		font-size: 6vw;
		left: 43%;
		top: 40%
	}
}

.Configurator-signatureContainer {
	background-image: url(../img/configurator/mark-signature-395a09a236.jpg);
	background-size: 100% 100%;
	height: calc(var(--window-inner-height) - var(--gutter--wide)*2);
	left: 50%;
	margin: auto;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: calc(var(--window-inner-height)*.75 - var(--gutter--wide)*2*.75);
	z-index: 100
}

.Configurator-graphicContainer[data-graphic=signature] .Configurator-signatureContainer {
	opacity: 1;
	pointer-events: all
}

@media (max-width:1024px) {
	.Configurator-signatureContainer {
		height: 100%;
		left: 0;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		width: 100%
	}
}

.Configurator-formContainer {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-top: 1.188rem;
	padding: 0;
	width: calc(33.33333% - var(--gutter--wide)*3/3*1)
}

@media (max-width:1024px) {
	.Configurator-formContainer {
		margin: -10rem 0 0;
		width: 100%
	}
}

.Configurator-legend {
	font-family: var(--font-family--secondary);
	font-size: var(--legend-size);
	font-weight: 300;
	padding: 2.5rem 0 1.25rem
}

.Configurator-smallLegend,
.Configurator-subheading {
	font-size: var(--font-size--regular);
	line-height: var(--line-height--regular);
	padding: 0 0 1.25rem
}

.Configurator-smallLegend a {
	color: var(--color-gold);
	display: inline-block;
	font-size: var(--font-size--small);
	line-height: var(--line-height--small)
}

.Configurator-smallLegend a:after {
	content: "→";
	display: inline-block;
	margin-left: .5rem
}

.Configurator-formContainer span {
	display: block;
	font-size: var(--font-size--regular);
	line-height: var(--line-height--regular)
}

#Configurator-priceLegend {
	font-family: var(--font-family--secondary);
	font-size: var(--legend-size);
	font-weight: 300;
	padding: 0 0 1.5rem
}

.Configurator-addToCartListItem,
.Configurator-markList {
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	align-items: flex-start;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	list-style-type: none;
	padding: 0
}

.Configurator-list,
.Configurator-markList {
	margin-bottom: var(--ul-margin)
}

.Configurator-list {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	gap: var(--swatch-gap);
	justify-content: flex-start;
	padding: 0
}

.Configurator-list.Configurator-list--lessMarginBottom {
	margin-bottom: 1rem
}

.Configurator-listItem {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-orient: vertical;
	align-items: center;
	-ms-flex-direction: column;
	flex-direction: column;
	list-style-type: none
}

.Configurator-finishList,
.Configurator-listItem {
	-webkit-box-direction: normal;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-start;
	padding: 0
}

.Configurator-finishList {
	-webkit-box-orient: horizontal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	gap: var(--swatch-gap);
	margin-bottom: var(--ul-margin)
}

.Configurator-markListItem {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	list-style-type: none;
	padding: 0;
	width: 18rem
}

@media (max-width:1024px) {
	.Configurator-markListItem {
		width: 100%
	}
}

.Configurator-addToCartList {
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	background: #000000cc;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column-reverse;
	flex-flow: column-reverse;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 1.5rem;
	left: 0;
	list-style-type: none;
	padding: 0;
	position: relative;
	width: 100%
}

.Configurator-fieldset {
	opacity: .3;
	pointer-events: none
}

.Configurator-fieldset,
.Configurator-multipleChoiceFieldset {
	border-style: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0
}

.Configurator-fieldset.active {
	opacity: 1;
	pointer-events: all
}

.Configurator-label {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	align-items: center;
	background: var(--color-base);
	border: 1px solid var(--color-contrast);
	color: var(--color-contrast);
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: var(--font-size--medium);
	justify-content: center;
	margin-bottom: 1rem;
	padding: .938rem;
	text-align: center;
	width: 100%
}

.Configurator-listItem:hover .Configurator-label,
.Configurator-listItem:hover .Configurator-shaftLabel,
.Configurator-markListItem:hover .Configurator-markLabel {
	background: var(--color-gold);
	border: 1px solid var(--color-gold);
	color: var(--color-base);
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s
}

.Configurator-balanceInput,
.Configurator-input {
	height: 1rem;
	position: absolute;
	width: 1rem
}

.Configurator-input:checked+.Configurator-label,
.Configurator-input:checked+.Configurator-markLabel,
.Configurator-input:checked+.Configurator-shaftLabel {
	background: var(--color-gold);
	border: 1px solid var(--color-gold);
	color: var(--color-base)
}

#Configurator-hardDensityBalanceInputContainer,
#Configurator-softDensityBalanceInputContainer {
	display: none
}

.Configurator-balanceListItem {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row wrap;
	flex-direction: row wrap;
	gap: .8rem;
	padding: 0
}

.Configurator-balanceLabel {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	align-items: center;
	border: 1px solid var(--color-contrast);
	border-radius: 50%;
	cursor: pointer;
	display: inline-block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 2rem;
	justify-content: center;
	margin-bottom: var(--span-margin);
	-webkit-transition: border-color .3s;
	-o-transition: border-color .3s;
	transition: border-color .3s;
	width: 2rem
}

.Configurator-balanceLabel:hover {
	border: 3px solid var(--color-contrast);
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s
}

.Configurator-balanceInput:checked+.Configurator-balanceLabel {
	background: var(--color-gold);
	border: 2px solid var(--color-base);
	outline: 2px solid var(--color-contrast)
}

.Configurator-shaftLabel {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	align-items: center;
	background: var(--color-base);
	border: 1px solid var(--color-contrast);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: var(--color-contrast);
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: var(--font-size--medium);
	height: 2.8rem;
	justify-content: center;
	margin-bottom: 1rem;
	padding: .938rem;
	text-align: center;
	width: 2.8rem
}

.Configurator-shaftInfo {
	margin-bottom: var(--ul-margin)
}

.Configurator-shaftInfoText {
	font-size: var(--font-size--small);
	line-height: var(--line-height--small)
}

.Configurator-colorInput,
.Configurator-finishInput {
	height: .1rem;
	opacity: 0;
	position: absolute;
	width: .1rem
}

.Configurator-colorInput:checked+.Configurator-colorLabel,
.Configurator-finishInput:checked+.Configurator-finishLabel {
	border: 3px solid var(--color-contrast)
}

.Configurator-colorLabel,
.Configurator-finishLabel {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	align-items: center;
	border: 1px solid var(--color-contrast);
	border-radius: 50%;
	cursor: pointer;
	display: inline-block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: var(--swatch-outer-size);
	justify-content: center;
	margin-bottom: var(--span-margin);
	-webkit-transition: border-color .3s;
	-o-transition: border-color .3s;
	transition: border-color .3s;
	width: var(--swatch-outer-size)
}

.Configurator-colorLabel:hover,
.Configurator-finishLabel:hover {
	border: 3px solid var(--color-contrast);
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s
}

.Configurator-colorLabel img,
.Configurator-finishLabel img {
	border-radius: 50%;
	position: absolute;
	width: var(--swatch-inner-size)
}

.Configurator-balanceAndWeightDisplay {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.Configurator-balanceAndWeightDisplay,
.Configurator-finishAndPriceDisplay {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

.Configurator-finishAndPriceDisplay {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	align-items: center;
	justify-content: center
}

.Configurator-markLabel {
	background: var(--color-base);
	border: 1px solid var(--color-contrast);
	color: var(--color-contrast);
	cursor: pointer;
	font-size: var(--font-size--medium);
	margin-bottom: 1rem;
	padding: .938rem
}

.Configurator-markAndPriceDisplay {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	justify-content: space-between
}

#Configurator-initialsInput {
	background: var(--color-base);
	border: 1px solid var(--color-contrast);
	color: var(--color-contrast);
	cursor: pointer;
	font-family: var(--font-family--primary);
	font-size: var(--font-size--regular);
	margin-bottom: 1rem;
	outline: none;
	padding: .92em;
	text-transform: uppercase;
	width: 100%
}

#Configurator-initialsInput::-webkit-input-placeholder {
	text-transform: none
}

#Configurator-initialsInput::-moz-placeholder {
	text-transform: none
}

#Configurator-initialsInput:-ms-input-placeholder {
	text-transform: none
}

#Configurator-initialsInput::-ms-input-placeholder {
	text-transform: none
}

#Configurator-initialsInput::placeholder {
	text-transform: none
}

@media (max-width:1024px) {
	#Configurator-initialsInput {
		font-size: 16px
	}
}

.Configurator-initialsDots {
	font-size: var(--font-size--small);
	gap: var(--gutter);
	line-height: var(--line-height--small)
}

.Configurator-initialsDots,
.Configurator-initialsDots label {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row;
	flex-flow: row
}

.Configurator-initialsDots label {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	align-items: center;
	cursor: pointer;
	gap: .5em;
	justify-content: center
}

.Configurator-initialsDotsInput {
	background-color: var(--color-contrast);
	border-radius: .4em;
	height: .8em;
	opacity: .25;
	width: .8em
}

label:hover .Configurator-initialsDotsInput {
	opacity: 1
}

.Configurator-initialsDotsInput:checked {
	background-color: var(--color-gold);
	opacity: 1
}

#Configurator-initialsInputContainer {
	display: none;
	margin-bottom: 1rem
}

#Configurator-personalSignatureUploadContainer:has(#Configurator-personalSignatureUploadFeedback:not(:empty)) span:last-child {
	display: none
}

#Configurator-personalSignatureUploadContainer {
	display: none;
	margin-bottom: 2rem;
	position: relative
}

#Configurator-personalSignatureUploadContainer label {
	border: 1px solid;
	cursor: pointer;
	display: inline-block;
	font-size: var(--font-size--small);
	line-height: var(--line-height--small);
	margin-bottom: .5em;
	padding: 0 .33em
}

#Configurator-personalSignatureUploadContainer label:after {
	content: "Add file"
}

#Configurator-personalSignatureUploadContainer #Configurator-personalSignatureUploadFeedback:not(:empty) {
	font-size: var(--font-size--small);
	line-height: var(--line-height--small);
	margin-bottom: .5em
}

#Configurator-personalSignatureUploadContainer #Configurator-personalSignatureUploadFeedback:not(:empty)+label:after {
	content: "Change file"
}

#Configurator-personalSignatureUploadContainer span {
	font-size: var(--font-size--small);
	line-height: var(--line-height--small)
}

#Configurator-personalSignatureUpload {
	cursor: pointer;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 100
}

.Configurator-horizontalLine {
	border-top: .5px solid var(--color-contrast);
	display: block;
	margin: 2.5rem 0 1.5rem;
	max-width: 18rem
}

@media (max-width:1024px) {
	.Configurator-horizontalLine {
		max-width: 100%
	}
}

.Configurator-button {
	background-color: transparent;
	border: 1px solid var(--color-gold);
	color: var(--color-contrast);
	font-family: var(--font-family--secondary);
	font-weight: 600;
	line-height: 1em;
	padding: 1em
}

.Configurator-button:hover {
	background-color: var(--color-gold);
	border: 1px solid var(--color-gold);
	color: var(--color-base);
	text-decoration: none
}

.Configurator-button.Configurator-addToCartButton {
	min-width: 12rem;
	padding: 1em 2.5rem
}

.Configurator-fieldset:not(.active) .Configurator-addToCartButton {
	border: 1px solid var(--color-contrast)
}

.Configurator-fieldset:not(.active) .Configurator-addToCartButton span {
	display: none
}

.Configurator-fieldset:not(.active) .Configurator-addToCartButton:before {
	content: "Please fill all requried fields";
	font-weight: 400
}

.Configurator-summary :last-child:after {
	color: var(--color-gold);
	content: "( Details )";
	display: inline-block;
	font-family: var(--font-family--secondary);
	font-size: .6rem;
	font-weight: 600;
	letter-spacing: .1em;
	line-height: 1em;
	margin-bottom: .5rem;
	margin-left: .5rem;
	text-transform: uppercase;
	vertical-align: middle
}

.Configurator-details[open] {
	padding: 0 0 .6125rem
}

.Configurator-details[open] .Configurator-summary :last-child:after {
	content: "( Close )"
}

.Cart-coupon {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	margin-bottom: calc(var(--gutter)*2);
	width: 100%
}

.Cart-couponLabel {
	width: 100%
}

.Cart-couponInput {
	background-color: rgba(0, 0, 0, .1);
	border: none;
	color: var(--color-base);
	outline: none;
	width: 75%
}

.Cart-couponInput,
.Cart-couponSubmit {
	font-family: var(--font-family--primary);
	font-size: var(--font-size--small);
	line-height: var(--line-height--small);
	padding: .25em
}

.Cart-couponSubmit {
	text-align: left;
	width: 25%
}

.Footer {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	align-items: center;
	background-color: var(--color-base);
	color: var(--color-contrast);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	gap: var(--gutter);
	justify-content: space-between;
	padding: var(--gutter--wide) var(--gutter--huge);
	position: relative;
	scroll-snap-align: end;
	scroll-snap-stop: normal;
	z-index: 1000
}

.Footer a:hover {
	color: var(--color-gold);
	text-decoration: none
}

@media (max-width:1024px) {
	.Footer {
		padding: var(--gutter--wide) var(--gutter--wide) calc(var(--gutter--wide)*3)
	}
}

body.woocommerce-checkout .Footer {
	background-color: transparent;
	color: var(--color-base);
	margin-top: var(--gutter--wide)
}

.Footer-logo {
	height: auto;
	margin: 0 auto 0 0;
	padding: 0;
	width: auto
}

.Footer-logo svg {
	display: block;
	height: calc(var(--font-size--small)*4 + var(--line-height--small)*3);
	width: auto
}

@media (max-width:1024px) {
	.Footer-logo svg {
		height: 4rem;
		margin-bottom: 100%
	}
}

.Footer-logo path {
	fill: currentColor
}

.Footer-navigation {
	-ms-grid-columns: auto auto;
	-webkit-column-gap: var(--gutter--wide);
	-moz-column-gap: var(--gutter--wide);
	column-gap: var(--gutter--wide);
	display: -ms-grid;
	display: grid;
	grid-template-columns: auto auto;
	row-gap: var(--line-height--regular)
}

.Footer-list {
	-ms-flex-line-pack: start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	align-content: flex-start;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column;
	flex-flow: column;
	gap: var(--line-height--small);
	justify-content: flex-start;
	list-style: none;
	padding: 0;
	text-transform: uppercase
}

.Footer-list.--links {
	border-right: 1px solid;
	padding-right: var(--gutter--wide)
}

.Footer-list.--social {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column;
	flex-flow: column;
	gap: 0;
	justify-content: space-between
}

.Footer-listItem {
	font-family: var(--font-family--secondary);
	font-size: var(--font-size--small);
	font-weight: 300;
	letter-spacing: .1em;
	line-height: 1em;
	text-transform: uppercase
}

.Footer-listItem.--icon {
	height: auto;
	width: auto
}

.Footer-listItem.--icon svg {
	height: 1.5rem;
	width: 1.5rem
}

.Footer-listItem.--icon path {
	fill: currentColor
}

.Footer-copyright,
.Footer-listItem.--contact {
	-ms-grid-column-span: 2;
	grid-column: span 2
}

.Footer-copyright {
	font-family: var(--font-family--secondary);
	font-weight: 300;
	line-height: 1em
}

.Footer-form {
	margin-left: auto
}

.Form fieldset {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	border: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column;
	flex-flow: column;
	margin: 0;
	padding: 0
}

.Form legend {
	margin-bottom: calc(var(--gutter)/2)
}

.Form.is-submitting {
	cursor: not-allowed;
	opacity: .7;
	pointer-events: 0
}

.Form-fieldWrap {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column;
	flex-flow: column
}

.Form-fieldWrap:not(:last-of-type) {
	margin-bottom: calc(var(--gutter)/2)
}

.Form-field {
	background-color: #f1f1f1;
	border: none;
	border-radius: var(--border-radius);
	min-width: 24rem;
	padding: .5rem;
	text-align: left
}

@media (hover:hover) {
	.Form-field:hover:not(:focus):not(:disabled):not([type=submit]) {
		outline: var(--border-width) solid var(--color-contrast)
	}
}

.Form-field:not(:-moz-placeholder-shown):not([type=submit]) {
	text-transform: none
}

.Form-field:not(:-ms-input-placeholder):not([type=submit]) {
	text-transform: none
}

.Form-field:not(:placeholder-shown):not([type=submit]) {
	text-transform: none
}

.Form-field:focus-visible {
	outline: 2px solid var(--color-contrast)
}

.Form-field--submit {
	background-color: var(--color-contrast);
	color: var(--color-base);
	cursor: pointer;
	margin-top: calc(var(--gutter)/2)
}

@media (hover:hover) {
	.Form-field--submit:hover:not(:disabled) {
		opacity: .8
	}
}

.Form-field--submit:disabled {
	background-color: gray;
	cursor: default
}

html {
	-webkit-overflow-scrolling: touch;
	font-size: var(--base-size);
	overflow-x: hidden
}

html:not(:has(div.woocommerce)) {
	height: var(--window-inner-height);
	overflow: hidden
}

body {
	-webkit-overflow-scrolling: touch;
	background-color: var(--color-base);
	color: var(--color-contrast);
	font-family: var(--font-family--primary);
	font-size: var(--font-size--regular);
	letter-spacing: .01em;
	line-height: var(--line-height--regular);
	overflow-x: hidden;
	overflow-y: scroll;
	scroll-behavior: smooth
}

body:not(:has(div.woocommerce)) {
	height: var(--window-inner-height)
}

body:not(:has(div.woocommerce)).single-product {
	height: var(--window-inner-height)
}

body.woocommerce-checkout {
	background-color: var(--color-grey);
	color: var(--color-base)
}

a {
	color: inherit;
	text-decoration: none
}

a:hover {
	text-decoration: underline
}

button {
	-moz-appearance: none;
	-webkit-appearance: none;
	background: none;
	border: 0;
	color: inherit;
	cursor: pointer;
	font: inherit
}

p {
	margin-bottom: var(--line-height-regular)
}

p:last-child {
	margin-bottom: 0
}

img {
	display: block;
	height: auto;
	width: 100%
}

.iub__us-widget {
	display: none !important
}



.shop-wrapper {
	padding-top: calc(var(--header-height) + 40px);
	padding-bottom: 40px;
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
}

.shop-wrapper::after {
	background-image: url('https://wallichpadel.com/wp-content/themes/wallichpadel/assets/img/raw-material-background-flip-4be98575fe.jpg');
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.5;
	z-index: -2;
	content: "";
	height: var(--window-inner-height);
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%;
}

.shop-wrapper::before {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0), #000 75%, #000);
	z-index: -1;
	content: "";
	height: var(--window-inner-height);
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%;
}

.woocommerce-products-header {
	text-align: center;
	margin-bottom: 40px;
}

.woocommerce-products-header__title {
	font-size: 2.5rem;
	color: #c4b17c;
}

.products {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	list-style-type: none;
	padding: 0;
}

.product {
	text-align: center;
}

.product-image-wrapper {
	position: relative;
	border: 1px solid #c4b17c;
	background-color: rgba(0, 0, 0, 0.75);
	margin-bottom: 10px;
	aspect-ratio: 1 / 1;
	overflow: hidden;
}

.product .onsale {
	display: none;
}

.product-image-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.product-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 30%, rgba(0, 0, 0, 0.7) 100%);
	padding: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100px;
}

.product-overlay .woocommerce-loop-product__title {
	margin-bottom: 5px;
}

.product-overlay .product-price {
	color: #c4b17c;
	font-size: 1.1rem;
}

.product-overlay .product-price ins {
	text-decoration: none;
}

.product .button {
	background-color: #000;
	color: #fff;
	border: 1px solid #c4b17c;
	padding: 10px 20px;
	text-decoration: none;
	display: block;
	transition: all 0.3s ease;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 10px;
}

.product .button:hover {
	background-color: #c4b17c;
	color: #000;
}

.product-info {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.woocommerce-loop-product__title {
	font-size: 1.2rem;
	margin: 0 0 5px 0;
	color: #fff;
	text-align: center;
}

.product-info .price {
	color: #c4b17c;
	font-size: 1.1rem;
	margin-top: 5px;
}

.single-product-wrapper {
	padding-top: calc(var(--header-height) + 40px);
	padding-bottom: 40px;
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 1200px;
	margin: 0 auto;
}

.single-product-description {
	width: 80%;
	text-align: center;
	margin-bottom: 80px;
	max-width: 42em;
}

.single-product-container {
	display: flex;
	width: 100%;
}

.single-product-image-container {
	flex: 1;
	padding-right: 20px;
}

.single-product-details {
	flex: 1;
	padding-left: 20px;
}

.single-product-title {
	font-size: 2rem;
	margin-bottom: 20px;
}

.single-product-short-description {
	margin-bottom: 20px;
}

.single-product-main-image {
	display: block;
	background-color: rgba(0, 0, 0, 0.8);
	border: #c4b17c solid 1px;
	width: 100%;
	height: auto;
}

.single-product-thumbnails {
	display: flex;
	justify-content: center;
	margin-top: 10px;
}

.single-product-thumbnail {
	margin: 0 5px;
}

.single-product-price {
	font-size: 1.6rem;
}

.single-product-divider {
	border: none;
	border-top: 1px solid #c4b17c;
	margin: 20px 0;
}

.single-product-add-to-cart {
	outline: solid #c4b17c .09rem;
	padding: 1.6rem 0;
	font-size: 1.2rem;
	cursor: pointer;
	width: 100%;
	background: #000;
	color: #fff;
	outline-offset: -.09rem;
}

.single-product-add-to-cart:hover {
	background: #c4b17c;
	color: #000;
}

.single-product-wrapper::after {
	background-image: url('https://wallichpadel.com/wp-content/themes/wallichpadel/assets/img/raw-material-background-flip-4be98575fe.jpg');
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.5;
	z-index: -2;
	content: "";
	height: var(--window-inner-height);
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%;
}

.single-product-wrapper::before {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0), #000 75%, #000);
	z-index: -1;
	content: "";
	height: var(--window-inner-height);
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%;
}

.single-product-price ins,
.product-price ins {
	text-decoration: none !important;
}

@media (max-width: 768px) {
	.products {
		display: flex;
		flex-wrap: wrap;
		padding: 0 20px;
	}

	.product {
		width: 100%;
	}

	.product:nth-child(n+2) {
		width: calc(50% - 15px);
	}

	.woocommerce-loop-product__title {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}

	.single-product-container {
		flex-direction: column;
		padding: 0 20px;
	}

	.single-product-image-container,
	.single-product-details {
		width: 100%;
		padding: 10px 0;
	}

	.single-product-description {
		width: 80%;
		margin-bottom: 40px;
	}
}