/*
Theme Name: Crystal Sky
Theme URI: https://wearcrystalsky.com/
Author: Crystal Sky
Description: A code-owned editorial block theme for the bilingual Crystal Sky WooCommerce store.
Requires at least: 6.7
Tested up to: 7.0
Requires PHP: 8.1
Version: 0.3.10
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: crystal-sky
Tags: block-patterns, block-styles, custom-logo, custom-menu, e-commerce, editor-style, full-site-editing, translation-ready, wide-blocks

File: style.css
Usage: Declares the theme and supplies the storefront, WooCommerce, WPML, MailPoet, and Complianz presentation layer.
*/

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

:root {
	--cs-muted-ink: rgb(23 19 13 / 67%);
}

html {
	scroll-behavior: smooth;
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--ink);
	text-rendering: optimizeLegibility;
}

body,
button,
input,
select,
textarea {
	font-family: var(--wp--preset--font-family--mona-sans);
}

body :where(a) {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.2em;
}

body :where(a, button, input, select, textarea):focus-visible {
	outline: 3px solid var(--wp--preset--color--gold);
	outline-offset: 3px;
}

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

::selection {
	background: var(--wp--preset--color--atmosphere);
	color: var(--wp--preset--color--ink);
}

.wp-site-blocks {
	overflow: clip;
}

.wp-site-blocks > * {
	margin-block-start: 0;
}

.cs-site-header {
	backdrop-filter: blur(17px);
	background: color-mix(in srgb, var(--wp--preset--color--base) 93%, transparent);
	border-bottom: 1px solid var(--wp--preset--color--parchment);
	position: relative;
	z-index: 17;
}

.cs-site-header__inner {
	align-items: center;
	display: grid;
	gap: var(--wp--preset--spacing--23);
	grid-template-columns: minmax(347px, 397px) 1fr auto;
	min-height: 163px;
}

.cs-site-header__inner > * {
	align-self: center;
	margin-block: 0;
}

.cs-site-header .custom-logo-link,
.cs-site-header .wp-block-site-logo {
	display: block;
	line-height: 0;
}

.cs-site-header .custom-logo-link {
	height: 97px;
	width: 97px;
}

.cs-site-header .cs-brand > p {
	margin: 0;
}

.cs-brand {
	align-items: center;
	display: flex;
	gap: 31px;
	min-width: 0;
}

.cs-brand .wp-block-site-title {
	font-family: var(--wp--preset--font-family--mona-wide);
	font-size: 1.91rem;
	font-stretch: 117%;
	font-weight: 650;
	letter-spacing: 0.07em;
	line-height: 1;
	margin: 0;
	text-transform: uppercase;
}

.cs-brand .wp-block-site-title a {
	color: var(--wp--preset--color--ink);
	text-decoration: none;
	white-space: nowrap;
}

.cs-site-header .custom-logo {
	display: block;
	height: 100%;
	max-height: 97px;
	object-fit: contain;
	width: 100%;
}

.cs-site-header__actions {
	align-items: center;
	display: flex;
	gap: 17px;
	justify-content: flex-end;
}

.cs-nav {
	font-size: var(--wp--preset--font-size--small);
	letter-spacing: 0.065em;
	text-transform: uppercase;
}

.cs-nav ul,
.cs-language-switcher {
	align-items: center;
	display: flex;
	gap: clamp(17px, 2.7vw, 37px);
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

.cs-nav a,
.cs-language-switcher a {
	color: inherit;
	text-decoration: none;
}

.cs-nav a:hover,
.cs-nav .current-menu-item > a,
.cs-language-switcher a:hover,
.cs-language-switcher .is-active a {
	color: var(--wp--preset--color--ink);
}

.cs-language-switcher {
	font-size: 0.73rem;
	gap: 7px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.cs-language-switcher li + li::before {
	color: var(--wp--preset--color--ink);
	content: "/";
	margin-right: 7px;
}

.cs-site-header .wc-block-mini-cart__button {
	min-height: 43px;
	min-width: 43px;
	padding: 7px;
}

.cs-hero {
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--base);
}

.cs-hero__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	min-height: min(83vh, 907px);
}

.cs-hero__copy {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(61px, 9vw, 139px) clamp(23px, 6vw, 97px);
}

.cs-hero__copy h1 {
	font-family: var(--wp--preset--font-family--mona-wide);
	font-size: clamp(3.17rem, 4.7vw, 4.61rem);
	font-stretch: 123%;
	font-weight: 430;
	letter-spacing: -0.045em;
	line-height: 0.93;
	max-width: none;
}

.cs-hero__copy h1 span {
	display: block;
	white-space: nowrap;
}

.cs-hero__copy h1 span:last-child {
	color: var(--wp--preset--color--gold);
}

html[lang^="de"] .cs-hero__copy h1 {
	font-size: clamp(3.17rem, 4.7vw, 4.61rem) !important;
}

.cs-hero__copy p:not(.cs-eyebrow) {
	color: var(--wp--preset--color--parchment);
	max-width: 37rem;
}

.cs-hero .wp-block-button:not(.is-style-outline) .wp-block-button__link {
	background: var(--wp--preset--color--gold);
	color: var(--wp--preset--color--ink);
}

.cs-hero__media,
.cs-hero__media .wp-block-image {
	height: 100%;
	margin: 0;
}

.cs-hero__media img {
	height: 100%;
	min-height: 701px;
	object-fit: cover;
	object-position: 43% center;
	width: 100%;
}

.cs-eyebrow {
	align-items: center;
	color: var(--wp--preset--color--ink);
	display: flex;
	font-size: 1.25rem;
	font-weight: 650;
	gap: 13px;
	letter-spacing: 0.19em;
	margin-bottom: 23px;
	text-transform: uppercase;
}

.cs-eyebrow::before {
	background: var(--wp--preset--color--gold);
	content: "";
	flex: 0 0 23px;
	height: 3px;
}

.cs-hero .cs-eyebrow,
.cs-section--ink .cs-eyebrow {
	color: var(--wp--preset--color--gold);
}

.cs-section {
	padding-block: clamp(79px, 10vw, 149px);
}

.cs-section--compact {
	padding-block: clamp(61px, 7vw, 109px);
}

.cs-section--ink {
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--base);
}

.cs-section--cream {
	background: var(--wp--preset--color--base);
}

.cs-display {
	font-family: var(--wp--preset--font-family--mona-wide);
	font-stretch: 123%;
	font-weight: 430;
	letter-spacing: -0.045em;
	line-height: 0.97;
}

.cs-mechanism-grid,
.cs-story-grid {
	align-items: center;
	display: grid;
	gap: clamp(37px, 7vw, 113px);
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cs-mechanism-grid__media img {
	aspect-ratio: 3 / 2;
	display: block;
	object-fit: cover;
	width: 100%;
}

.cs-story-grid__media img {
	aspect-ratio: 4 / 5;
	display: block;
	object-fit: cover;
	width: 100%;
}

.cs-about-header {
	padding-block: clamp(79px, 11vw, 157px);
}

.cs-about-header .wp-block-post-title {
	font-size: clamp(3.1rem, 8vw, 7.3rem);
	margin-block: 0;
	max-width: 11ch;
}

.cs-about-body {
	padding-block: clamp(67px, 9vw, 127px);
}

.cs-about-body .wp-block-post-content {
	font-size: clamp(1.07rem, 1.5vw, 1.23rem);
	line-height: 1.73;
}

.cs-about-body .wp-block-post-content h3 {
	font-family: var(--wp--preset--font-family--mona-wide);
	font-size: clamp(1.67rem, 3vw, 2.53rem);
	font-stretch: 117%;
	font-weight: 500;
	letter-spacing: -0.027em;
	line-height: 1.07;
	margin-block: 67px 17px;
}

.cs-about-body .wp-block-post-content h3:first-child {
	margin-top: 0;
}

.cs-about-body .wp-block-post-content p {
	margin-block: 0 29px;
}

.cs-rule {
	border: 0;
	border-top: 1px solid currentColor;
	opacity: 0.23;
}

.cs-note-grid {
	align-items: start;
	display: grid;
	gap: 1px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cs-note {
	background: var(--wp--preset--color--base);
	border-top: 3px solid var(--wp--preset--color--gold);
	margin-block: 0;
	padding: clamp(29px, 4vw, 53px);
}

.cs-note:nth-child(1) {
	min-height: 277px;
}

.cs-note:nth-child(2) {
	min-height: 307px;
}

.cs-note:nth-child(3) {
	min-height: 337px;
}

html[lang^="de"] .cs-note:nth-child(1) {
	min-height: 347px;
}

html[lang^="de"] .cs-note:nth-child(2) {
	min-height: 379px;
}

html[lang^="de"] .cs-note:nth-child(3) {
	min-height: 409px;
}

.cs-note__number {
	color: var(--wp--preset--color--ink);
	font-size: var(--wp--preset--font-size--small);
	letter-spacing: 0.13em;
}

.wp-block-button .wp-block-button__link,
.wc-block-components-button,
.wp-element-button,
button,
input[type="submit"] {
	border-radius: 0;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 650;
	letter-spacing: 0.065em;
	min-height: 53px;
	text-transform: uppercase;
	transition: background-color 173ms ease, color 173ms ease, border-color 173ms ease, transform 173ms ease;
}

.wp-block-button .wp-block-button__link:hover,
.wc-block-components-button:hover,
.wp-element-button:hover,
button:hover,
input[type="submit"]:hover {
	transform: translateY(-2px);
}

.is-style-outline > .wp-block-button__link:not(.has-background):hover {
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--base);
}

.cs-measuring-band-trigger {
	margin-top: auto;
}

.cs-measuring-band-trigger .wp-block-button__link {
	font-size: 0.71rem;
	padding-inline: 17px;
}

.cs-collection-heading {
	align-items: end;
	display: flex;
	gap: 29px;
	justify-content: space-between;
	margin-bottom: clamp(37px, 5vw, 67px);
}

.cs-collection-heading > * {
	margin-block: 0;
}

.wc-block-product-template,
.products-block-post-template {
	gap: clamp(23px, 3vw, 43px) !important;
}

.wc-block-product-template .wc-block-product,
.products-block-post-template .product {
	position: relative;
}

.wc-block-product-template .wc-block-components-product-image,
.products-block-post-template .wc-block-components-product-image {
	background: var(--wp--preset--color--base);
	overflow: hidden;
}

.wc-block-product-template .wc-block-components-product-image img,
.products-block-post-template .wc-block-components-product-image img {
	aspect-ratio: 4 / 5;
	object-fit: contain;
	transition: transform 317ms ease;
}

.cs-atmosphere-video {
	background: var(--wp--preset--color--base);
	display: block;
	margin-bottom: clamp(37px, 5vw, 67px);
	overflow: hidden;
	position: relative;
	scroll-margin-top: 23px;
}

.cs-atmosphere-video video,
.cs-atmosphere-video__poster {
	aspect-ratio: 16 / 9;
	display: block;
	height: auto;
	object-fit: cover;
	width: 100%;
}

.cs-atmosphere-video__poster {
	display: none;
}

.cs-atmosphere-video > span {
	background: var(--wp--preset--color--gold);
	bottom: clamp(17px, 3vw, 37px);
	color: var(--wp--preset--color--ink);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	letter-spacing: 0.067em;
	padding: 17px 23px;
	position: absolute;
	right: clamp(17px, 3vw, 37px);
	text-transform: uppercase;
}

.cs-atmosphere-collection-intro {
	margin-bottom: clamp(29px, 4vw, 53px);
}

.cs-atmosphere-collection-intro h3 {
	font-size: clamp(1.73rem, 3.1vw, 2.77rem);
	margin: 0;
	max-width: 23ch;
}

.cs-atmosphere-grid {
	display: grid;
	gap: clamp(23px, 3vw, 43px);
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cs-atmosphere-card {
	min-width: 0;
}

.cs-atmosphere-card__image {
	aspect-ratio: 5 / 4;
	background: var(--wp--preset--color--base);
	display: grid;
	margin-bottom: 17px;
	overflow: hidden;
	place-items: center;
}

.cs-atmosphere-card__image img {
	height: 100%;
	object-fit: cover;
	transition: transform 317ms ease;
	width: 100%;
}

.cs-atmosphere-card:hover .cs-atmosphere-card__image img {
	transform: scale(1.023);
}

.cs-atmosphere-card h3 {
	font-size: var(--wp--preset--font-size--heading-4);
	margin: 7px 0;
}

.cs-atmosphere-card h3 a {
	color: inherit;
	text-decoration: none;
}

.cs-atmosphere-card > p {
	margin: 7px 0;
}

.cs-atmosphere-card__swatches {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin-top: 13px;
}

.cs-atmosphere-card__swatch {
	appearance: none;
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--ink);
	border-radius: 50%;
	display: grid;
	flex: 0 0 29px;
	grid-template-columns: repeat(2, 1fr);
	height: 29px;
	min-height: 29px;
	min-width: 29px;
	overflow: hidden;
	padding: 0;
	transition: box-shadow 157ms ease, transform 157ms ease;
	width: 29px;
}

.cs-atmosphere-card__swatch span {
	display: block;
	height: 100%;
	width: 100%;
}

.cs-atmosphere-card__swatch[aria-pressed="true"] {
	box-shadow: 0 0 0 2px var(--wp--preset--color--base), 0 0 0 3px var(--wp--preset--color--ink);
}

.cs-atmosphere-card__swatch:focus-visible {
	outline: 3px solid var(--wp--preset--color--gold);
	outline-offset: 3px;
}

.cs-atmosphere-card__photo-pending {
	align-items: center;
	color: var(--cs-muted-ink);
	display: flex;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 650;
	height: 100%;
	justify-content: center;
	letter-spacing: 0.067em;
	text-transform: uppercase;
	width: 100%;
}

.cs-atmospheres-archive .wp-block-woocommerce-product-results-count,
.cs-atmospheres-archive .wp-block-woocommerce-catalog-sorting {
	display: none;
}

.cs-spherealize-page,
.cs-spherealize-page .wp-block-post-content {
	margin: 0;
	padding: 0;
}

[data-spherealize-root] {
	display: block;
	min-height: max(617px, calc(100svh - 89px));
	background: var(--wp--preset--color--base);
}

.cs-spherealize-loading {
	display: flex;
	min-height: inherit;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 37px 23px;
	color: var(--wp--preset--color--ink);
	text-align: center;
}

.cs-spherealize-loading__graphic {
	width: 83px;
	height: 83px;
	margin-bottom: 17px;
	overflow: visible;
	animation: cs-spherealize-loading-turn 3.017s linear infinite;
}

.cs-spherealize-loading__sphere {
	fill: var(--wp--preset--color--atmosphere);
	stroke: rgba(23, 19, 13, 0.53);
	stroke-width: 1.7px;
}

.cs-spherealize-loading__sphere:first-child {
	fill: var(--wp--preset--color--gold);
	stroke: var(--wp--preset--color--ink);
}

.cs-spherealize-loading__label {
	font-size: clamp(1.17rem, 3vw, 1.53rem);
	letter-spacing: -0.017em;
}

.cs-spherealize-loading__detail {
	margin-top: 7px;
	color: rgba(23, 19, 13, 0.73);
	font-size: 0.83rem;
}

.cs-spherealize-loading__track {
	display: block;
	width: min(277px, 73vw);
	height: 5px;
	margin-top: 23px;
	overflow: hidden;
	border-radius: 5px;
	background: rgba(23, 19, 13, 0.13);
}

.cs-spherealize-loading__value {
	display: block;
	width: 37%;
	height: 100%;
	border-radius: inherit;
	background: var(--wp--preset--color--gold);
	animation: cs-spherealize-loading-progress 1.307s ease-in-out infinite;
}

@keyframes cs-spherealize-loading-turn {
	to {
		transform: rotate(1turn);
	}
}

@keyframes cs-spherealize-loading-progress {
	from {
		transform: translateX(-103%);
	}

	to {
		transform: translateX(273%);
	}
}

.cs-account-atmospheres__grid {
	display: grid;
	gap: 23px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-block: 31px;
}

.cs-account-atmosphere {
	border: 1px solid var(--wp--preset--color--parchment);
	min-width: 0;
	padding: 23px;
}

.cs-account-atmosphere img {
	background: var(--wp--preset--color--base);
	height: 137px;
	object-fit: contain;
	width: 137px;
}

.cs-account-atmosphere__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 11px;
}

.cs-account-atmosphere__actions form {
	margin: 0;
}

.wc-block-product-template .wc-block-product:hover .wc-block-components-product-image img,
.products-block-post-template .product:hover .wc-block-components-product-image img {
	transform: scale(1.023);
}

.wc-block-components-product-name,
.wp-block-post-title a {
	color: inherit;
	text-decoration: none;
}

.wc-block-components-product-price {
	font-size: var(--wp--preset--font-size--small);
}

.cs-product-main,
.cs-page-main,
.cs-archive-main {
	padding-block: clamp(53px, 7vw, 97px);
}

.cs-archive-intro {
	border-left: 5px solid var(--wp--preset--color--gold);
	margin-block: 23px 43px;
	padding: 17px 23px;
	width: min(977px, 100%);
}

.cs-archive-intro p {
	font-size: var(--wp--preset--font-size--lead);
	margin: 0;
}

.cs-product-layout {
	align-items: start !important;
	gap: clamp(37px, 6vw, 97px) !important;
}

.cs-product-summary {
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--parchment);
	border-top: 3px solid var(--wp--preset--color--gold);
	padding: clamp(23px, 3vw, 43px);
	position: sticky;
	top: 37px;
}

.cs-product-summary .wp-block-post-title {
	font-family: var(--wp--preset--font-family--mona-wide);
	font-size: clamp(2.53rem, 4.3vw, 4.61rem);
	font-stretch: 117%;
	font-weight: 450;
	letter-spacing: -0.035em;
	line-height: 1;
}

.cs-product-summary .wc-block-components-product-price {
	font-size: var(--wp--preset--font-size--lead);
	margin-block: 17px 29px;
}

.cs-product-summary .variations {
	margin-block: 29px;
	width: 100%;
}

.cs-product-summary .variations th,
.cs-product-summary .variations td {
	display: block;
	padding: 0;
	text-align: left;
}

.cs-product-summary .variations th {
	font-size: 0.73rem;
	letter-spacing: 0.1em;
	margin-bottom: 7px;
	text-transform: uppercase;
}

.cs-product-summary select,
.cs-product-summary input,
.woocommerce form select,
.woocommerce form input:not([type="checkbox"]):not([type="radio"]),
.wc-block-components-text-input input,
.wc-block-components-combobox .wc-block-components-combobox-control input {
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--ink);
	border-radius: 0;
	min-height: 53px;
	padding: 11px 17px;
}

.cs-product-summary .single_add_to_cart_button {
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--base);
	min-width: min(100%, 277px);
	padding-inline: 29px;
}

.cs-product-assurances {
	border-block: 1px solid var(--wp--preset--color--parchment);
	margin-top: 37px;
	padding-block: 23px;
}

.cs-product-assurances p {
	font-size: var(--wp--preset--font-size--small);
	margin-block: 7px;
}

.cs-product-shipping {
	border-bottom: 1px solid var(--wp--preset--color--parchment);
	font-size: var(--wp--preset--font-size--small);
	padding-block: 17px 23px;
}

.cs-product-shipping__scope {
	display: grid;
	gap: 3px;
	margin: 0;
}

.cs-product-shipping__scope strong,
.cs-shipping-interest label > span:first-child {
	font-size: 0.67rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.cs-shipping-interest {
	border-top: 1px solid var(--wp--preset--color--parchment);
	margin-top: 17px;
	padding-top: 17px;
}

.cs-shipping-interest[hidden],
.cs-shipping-interest__trap {
	display: none;
}

.cs-shipping-interest summary {
	cursor: pointer;
	font-weight: 650;
	list-style-position: outside;
	margin-left: 17px;
}

.cs-shipping-interest__body {
	padding-top: 19px;
}

.cs-shipping-interest__body h2 {
	font-family: var(--wp--preset--font-family--mona-wide);
	font-size: var(--wp--preset--font-size--lead);
	font-stretch: 117%;
	font-weight: 450;
	letter-spacing: -0.025em;
	line-height: 1.07;
	margin: 0;
}

.cs-shipping-interest__body > p {
	margin-block: 11px 0;
}

.cs-shipping-interest form {
	display: grid;
	gap: 13px;
	margin-top: 19px;
}

.cs-shipping-interest form > label:not(.cs-shipping-interest__consent):not(.cs-shipping-interest__trap) {
	display: grid;
	gap: 7px;
}

.cs-shipping-interest input,
.cs-shipping-interest select {
	width: 100%;
}

.cs-shipping-interest__consent {
	display: grid;
	font-size: 0.73rem;
	gap: 9px;
	grid-template-columns: auto 1fr;
	line-height: 1.47;
}

.cs-shipping-interest__consent input {
	margin-top: 3px;
	min-height: auto;
	width: 17px;
}

.cs-shipping-interest button {
	background: var(--wp--preset--color--ink);
	border: 0;
	color: var(--wp--preset--color--base);
	cursor: pointer;
	font-size: 0.73rem;
	font-weight: 700;
	letter-spacing: 0.07em;
	min-height: 53px;
	padding-inline: 19px;
	text-transform: uppercase;
}

.cs-shipping-interest button:disabled {
	cursor: wait;
	opacity: 0.61;
}

.cs-shipping-interest__status {
	color: var(--cs-muted-ink);
	margin: 0;
}

.cs-shipping-interest__status.is-error {
	color: #8a2f27;
}

.cs-shipping-interest__noscript {
	margin: 13px 0 0;
}

.cs-measuring-band {
	background: transparent;
	border: 0;
	color: var(--wp--preset--color--ink);
	max-height: calc(100svh - 37px);
	max-width: calc(100vw - 37px);
	padding: 0;
	width: min(617px, calc(100vw - 37px));
}

.cs-measuring-band::backdrop {
	background: rgb(23 19 13 / 73%);
	backdrop-filter: blur(3px);
}

.cs-measuring-band__panel {
	background: var(--wp--preset--color--base);
	border-top: 5px solid var(--wp--preset--color--gold);
	padding: clamp(29px, 5vw, 53px);
	position: relative;
}

.cs-measuring-band__panel h2 {
	font-size: clamp(2.17rem, 5vw, 3.71rem);
	margin-block: 7px 17px;
}

.cs-measuring-band__panel > p:not(.cs-eyebrow) {
	margin-block: 0;
}

.cs-measuring-band__scope {
	background: var(--wp--preset--color--atmosphere);
	border-left: 5px solid var(--wp--preset--color--gold);
	font-size: 0.89rem;
	line-height: 1.53;
	margin-top: 17px !important;
	padding: 13px 17px;
}

.cs-measuring-band__scope strong {
	display: block;
	font-size: 0.73rem;
	letter-spacing: 0.07em;
	margin-bottom: 3px;
	text-transform: uppercase;
}

.cs-measuring-band__close {
	align-items: center;
	background: transparent;
	border: 1px solid var(--wp--preset--color--ink);
	border-radius: 50%;
	display: flex;
	font-size: 1.73rem;
	height: 43px;
	justify-content: center;
	min-height: 43px;
	padding: 0;
	position: absolute;
	right: 23px;
	top: 23px;
	width: 43px;
}

.cs-measuring-band form {
	display: grid;
	gap: 13px;
	margin-top: 23px;
}

.cs-measuring-band form > label:not(.cs-measuring-band__trap),
.cs-measuring-band__field-row > label {
	display: grid;
	gap: 7px;
}

.cs-measuring-band form label > span {
	font-size: 0.73rem;
	font-weight: 700;
	letter-spacing: 0.07em;
	text-transform: uppercase;
}

.cs-measuring-band form label > span small {
	font-size: inherit;
	font-weight: 430;
}

.cs-measuring-band__field-row {
	display: grid;
	gap: 13px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cs-measuring-band__field-row--street {
	grid-template-columns: minmax(0, 2.33fr) minmax(97px, 0.67fr);
}

.cs-measuring-band__field-row--locality {
	grid-template-columns: minmax(109px, 0.83fr) minmax(0, 1.67fr);
}

.cs-measuring-band input,
.cs-measuring-band select,
.cs-measuring-band textarea {
	background: var(--wp--preset--color--atmosphere);
	border: 1px solid var(--wp--preset--color--ink);
	border-radius: 0;
	color: var(--wp--preset--color--ink);
	font: inherit;
	padding: 11px 13px;
	width: 100%;
}

.cs-measuring-band textarea {
	resize: vertical;
}

.cs-measuring-band__trap {
	display: none;
}

.cs-measuring-band form > button {
	background: var(--wp--preset--color--ink);
	border: 0;
	color: var(--wp--preset--color--base);
	cursor: pointer;
	margin-top: 7px;
}

.cs-measuring-band form > button:disabled {
	cursor: wait;
	opacity: 0.61;
}

.cs-measuring-band__help,
.cs-measuring-band__privacy,
.cs-measuring-band__status {
	font-size: 0.79rem;
	line-height: 1.53;
}

.cs-measuring-band__help {
	color: var(--cs-muted-ink);
	margin: -5px 0 3px;
}

.cs-measuring-band__privacy {
	color: var(--cs-muted-ink);
	margin-top: 17px !important;
}

.cs-measuring-band__status {
	color: var(--wp--preset--color--ink);
	margin: 0;
}

.cs-measuring-band__status.is-error {
	color: #8a2f27;
}

.cs-measuring-band__noscript {
	margin: 17px auto;
	max-width: var(--wp--style--global--content-size);
}

.cs-sizing {
	background: var(--wp--preset--color--base);
	border-top: 3px solid var(--wp--preset--color--gold);
	margin-block: clamp(61px, 8vw, 113px);
	padding: clamp(37px, 6vw, 79px);
}

.cs-sizing__grid {
	display: grid;
	gap: 37px;
	grid-template-columns: 0.73fr 1.27fr;
}

.cs-sizing ol {
	margin: 0;
	padding-left: 23px;
}

.cs-sizing li + li {
	margin-top: 11px;
}

.woocommerce-breadcrumb,
.wp-block-woocommerce-breadcrumbs {
	color: var(--wp--preset--color--ink);
	font-size: 0.73rem;
	letter-spacing: 0.07em;
	text-transform: uppercase;
}

.woocommerce-tabs,
.wp-block-woocommerce-product-details {
	border-top: 1px solid var(--wp--preset--color--parchment);
	padding-top: clamp(37px, 6vw, 79px);
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.wc-block-components-notice-banner {
	background: var(--wp--preset--color--base);
	border: 0;
	border-left: 5px solid var(--wp--preset--color--gold);
	border-radius: 0;
}

.wp-block-woocommerce-cart .wc-block-components-sidebar,
.wp-block-woocommerce-checkout .wc-block-components-sidebar {
	background: var(--wp--preset--color--base);
	border-top: 3px solid var(--wp--preset--color--gold);
	padding: clamp(23px, 3vw, 43px);
}

.cs-newsletter {
	align-items: center;
	display: grid;
	gap: clamp(37px, 7vw, 97px);
	grid-template-columns: 0.91fr 1.09fr;
}

.cs-newsletter .mailpoet_form {
	margin-top: 29px;
}

.cs-newsletter input[type="email"] {
	background: transparent;
	border: 0;
	border-bottom: 1px solid currentColor;
	border-radius: 0;
	color: inherit;
	min-height: 53px;
	width: 100%;
}

.cs-site-footer {
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--base);
	padding-block: clamp(61px, 8vw, 113px) 37px;
}

.cs-site-footer__grid {
	display: grid;
	gap: clamp(37px, 7vw, 97px);
	grid-template-columns: minmax(197px, 0.67fr) 2.33fr;
}

.cs-footer-logo {
	display: inline-flex;
	max-width: 100%;
}

.cs-footer-logo img {
	display: block;
	height: auto;
	width: min(197px, 100%);
}

.cs-site-footer .cs-brand .wp-block-site-title a {
	color: var(--wp--preset--color--base);
}

.cs-footer-brand-statement {
	color: var(--wp--preset--color--parchment);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.73;
	margin-top: 23px;
}

.cs-footer-sections {
	display: grid;
	gap: clamp(29px, 5vw, 67px);
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cs-footer-section h2 {
	font-family: var(--wp--preset--font-family--mona-wide);
	font-size: 1.23rem;
	font-stretch: 117%;
	font-weight: 550;
	margin-block: 0 23px;
}

.cs-footer-section ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.cs-footer-section li + li {
	margin-top: 11px;
}

.cs-footer-section a {
	color: var(--wp--preset--color--base);
	font-size: var(--wp--preset--font-size--small);
}

.cs-footer-section a:hover,
.cs-site-footer .cs-language-switcher a:hover,
.cs-site-footer .cs-language-switcher .is-active a {
	color: var(--wp--preset--color--gold);
}

.cs-footer-socials {
	margin-block: clamp(43px, 6vw, 73px) 0;
}

.cs-site-footer__legal {
	border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--base) 23%, transparent);
	font-size: 0.73rem;
	line-height: 1.73;
	margin-top: 43px;
	padding-top: 23px;
	text-align: center;
}

.cs-site-footer__legal .cs-language-switcher {
	margin-top: 29px;
}

.cs-mobile-menu-toggle {
	background: transparent;
	border: 1px solid var(--wp--preset--color--ink);
	color: var(--wp--preset--color--ink);
	display: none;
	min-height: 43px;
	padding: 7px 11px;
}

.cmplz-cookiebanner {
	border-radius: 0 !important;
	box-shadow: 0 17px 53px rgb(23 19 13 / 17%) !important;
	font-family: var(--wp--preset--font-family--mona-sans) !important;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
	border-radius: 0 !important;
	font-size: 0.73rem !important;
	letter-spacing: 0.05em !important;
	min-height: 47px !important;
	text-transform: uppercase !important;
}

@media (max-width: 977px) {
	.cs-site-header__inner {
		grid-template-columns: minmax(347px, 1fr) auto;
	}

	.cs-site-header__navigation {
		display: none;
		grid-column: 1 / -1;
		padding-bottom: 23px;
	}

	.cs-site-header.is-menu-open .cs-site-header__navigation {
		display: block;
	}

	.cs-site-header.is-menu-open .cs-nav ul {
		align-items: flex-start;
		flex-direction: column;
		gap: 17px;
	}

	.cs-mobile-menu-toggle {
		display: inline-flex;
	}

	.cs-hero__grid {
		grid-template-columns: 1fr;
	}

	.cs-hero__copy {
		min-height: 557px;
	}

	.cs-hero__media img {
		aspect-ratio: 3 / 2;
		min-height: 0;
	}
}

@media (max-width: 781px) {
	.cs-site-header__inner {
		gap: 11px;
		grid-template-columns: minmax(0, 1fr) auto;
		min-height: 97px;
	}

	.cs-site-header .cs-brand {
		gap: 13px;
	}

	.cs-site-header .custom-logo {
		max-height: 61px;
	}

	.cs-site-header .custom-logo-link {
		height: 61px;
		width: 61px;
	}

	.cs-site-header .wp-block-site-title {
		font-size: 0.97rem;
	}

	.cs-site-header__actions .cs-language-switcher {
		display: none;
	}

	.cs-hero__copy {
		min-height: 499px;
		padding-inline: var(--wp--style--root--padding-left);
	}

	.cs-mechanism-grid,
	.cs-story-grid,
	.cs-sizing__grid,
	.cs-newsletter,
	.cs-site-footer__grid {
		grid-template-columns: 1fr;
	}

	.cs-mechanism-grid__copy {
		order: 1;
	}

	.cs-mechanism-grid__media {
		order: 2;
	}

	.cs-note-grid {
		grid-template-columns: 1fr;
	}

	.cs-note {
		min-height: 0;
	}

	html[lang^="de"] .cs-note {
		min-height: 0;
	}

	.cs-story-grid__media {
		order: -1;
	}

	.cs-collection-heading {
		align-items: flex-start;
		flex-direction: column;
	}

	.cs-atmosphere-grid,
	.cs-account-atmospheres__grid {
		grid-template-columns: 1fr;
	}

	.cs-atmosphere-card {
		display: flex;
		flex-direction: column;
	}

	.cs-atmosphere-card__image {
		margin: 17px 0 0;
		order: 2;
	}

	.cs-product-summary {
		position: static;
	}
}

@media (max-width: 557px) {
	html[lang^="de"] .cs-hero__copy h1 {
		font-size: clamp(2.47rem, 9.7vw, 3.17rem) !important;
	}

	.cs-footer-sections {
		grid-template-columns: 1fr;
	}

	.cs-archive-main .wp-block-query-title {
		font-size: clamp(2.53rem, 11vw, 3.17rem);
		max-width: 100%;
		overflow-wrap: anywhere;
	}

	.cs-measuring-band__field-row,
	.cs-measuring-band__field-row--street,
	.cs-measuring-band__field-row--locality {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 359px) {
	.cs-site-header .wp-block-site-title {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}

	.cs-atmosphere-video video {
		display: none;
	}

	.cs-atmosphere-video__poster {
		display: block;
	}

	.cs-spherealize-loading__graphic,
	.cs-spherealize-loading__value {
		animation: none;
	}
}