@import url(https://fonts.googleapis.com/css2?family=Zalando+Sans:wght@400;500;700&display=swap);
@charset "UTF-8";
/*
 * === How do i modify and extend on these styles? ===
 *
 * All extension and modification should be done in the respective module file.
 *
 * EXAMPLE BELOW
 * If you want to change the primary color of the theme, it is done in the colors module and the theme.json like so:

     File: ./theme.json

     Add to a colour palette, e.g.

     "settings": {
		"color": {
			"palette": [
				{
					"name": "Hot Pink",
					"slug": "hot-pink",
					"color": "#FF69B4"
				},
                    ...

     WordPress will then generate a new CSS variable you can reference in _colors.scss:

     File: /Settings/_colors.scss

     $new_primary_color: var(--wp--preset--color--hot-pink);

     @forward "@qala/Settings/_colors.scss" with (
          $primary: $new_primary_color,
     );

 */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
/*
 * === Typography variables ===
 */
/*
 * === General variables for section spacing and the grid ===
 * -- Breakpoint values
 * -- Breakpoints for media queries * -- Grid settings
 */
:root {
  --product-grid-column-gap: 0.5rem;
  --product-grid-column-gap--medium: 1rem;
  --product-grid-column-gap--large: 1.5rem;
  --product-grid-column-gap--x-large: 2rem;
  --product-grid-row-gap: 0.5rem;
  --product-grid-row-gap--medium: 1rem;
  --product-grid-row-gap--large: 1.5rem;
  --product-grid-row-gap--x-large: 2rem;
  --product-grid-column-count-mobile: 2;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
/*
 * === Tools ===
 *
 * This layer should contain functions and mixins.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
/**
 * This can be used to automatically output a hover and focus CSS rule in your CSS. For example:

@include tool.hocus {
	color: $sub-menu__menu-item_color--hover;
}

 * It is usually most useful within an `a {}` selector, but it can also be used for buttons too.
 * Copy/paste away :)
 */
/**
 * Since sass v1.77 there are deprecation warnings unless code which follows an @include is wrapped in & {}
 * this is a mixin to make that task easier, and to make the code more readbale.
 *
 * More info - https://sass-lang.com/documentation/breaking-changes/mixed-decls/
 */
:root {
  --image-hover-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
  --image-hover-transition-duration: .35s;
  --image-hover-transition-property: transform;
  --image-hover-transition-transform-scale-hover: scale(1.05);
}

/**
 * This is used for an image hover effect for tiles etc.
 */
/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
/* stylelint-disable declaration-no-important */
/**
 * [1]. I set an !important on &:focus:not(:focus-visible) here because the transition: all was causing
 * a flicker in some environments when a user clicks on a button. I think (hope) it's accessible...
 * my thinking is it *should* be, because of the focus-visible rule, but I am not sure yet.
 * If we do not use !important here, the CSS file size has to dramatically increase due to the use
 * of buttons elsewhere in our codebase.
 *
 */
/*
 * === Generic ===
 *
 * This layer should only contain the most generic and basic of styles, like * { box-sizing: border-box }
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
/*
 * === How do i modify and extend on these styles? ===
 *
 * All extension and modification should be done in the respective module file.
 *
 * EXAMPLE BELOW
 * If you want to change the primary color of the theme, it is done in the colors module and the theme.json like so:

     File: ./theme.json

     Add to a colour palette, e.g.

     "settings": {
		"color": {
			"palette": [
				{
					"name": "Hot Pink",
					"slug": "hot-pink",
					"color": "#FF69B4"
				},
                    ...

     WordPress will then generate a new CSS variable you can reference in _colors.scss:

     File: /Settings/_colors.scss

     $new_primary_color: var(--wp--preset--color--hot-pink);

     @forward "@qala/Settings/_colors.scss" with (
          $primary: $new_primary_color,
     );

 */
/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
*,
*:before,
*:after {
  box-sizing: border-box;
}

html {
  font-size: 100%;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

*[role=button] {
  cursor: pointer;
}

/*
 * === Element ===
 *
 * This layer should contain styling for html elements.
 * NO CLASS DECLARATIONS PERMITTED IN THIS LAYER
 * DISCLAIMER: There are currently some classes extending on element styling present, but this is the only exeption.
 *
 */
body {
  font-family: var(--wp--preset--font-family--zalando-sans);
  color: var(--wp--preset--color--base-900);
  line-height: 1.5;
  display: flex;
  flex-direction: column;
  height: 100vh; /* Avoid the IE 10-11 `min-height` bug. */
  position: static;
  overflow-x: hidden; /* needed for ACF Modules margin-left: calc(50% - 50vw); code see https://cloudfour.com/thinks/breaking-out-with-viewport-units-and-calc/ */
  font-size: var(--wp--preset--font-size--step-0);
}
body.admin-bar {
  height: calc(100vh - 32px);
}
body.mobile-menu-open {
  overflow: hidden;
}

.site,
.site-footer {
  flex-shrink: 0;
}

.site {
  flex: 1 0 auto;
}

.site-main {
  overflow: clip;
}
.site-main:has(.archive-stay-informed-right) {
  overflow: unset;
}
.site-main > .woocommerce-notices-wrapper {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

p, .guide-heading, body .wc-block-grid .wc-block-grid__product-title {
  margin: 0 0 1.5em 0;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.57;
  letter-spacing: 0;
  font-size: var(--wp--preset--font-size--step-0);
}

small,
.has-step-minus-1-font-size {
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.66;
  letter-spacing: 0;
  font-size: var(--wp--preset--font-size--step-minus-1);
}

dfn,
cite,
em,
i {
  font-style: italic;
}

strong,
b {
  font-weight: 700;
}

h1,
h2,
.faq-wrapper h1.module-heading,
h3,
.text-module-wrapper .module-heading,
.text-and-image .text-column .module-heading,
.guide-number,
.woocommerce-account .woocommerce .u-columns.col2-set h2,
.woocommerce-account .woocommerce .woocommerce-form-login h2,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.cli-modal.cli-blowup .cli-modal-dialog .cli-modal-content h4,
.woocommerce.single-product .product .product_title,
.qala-quickview .product .product_title,
.error-404 .page-title {
  font-family: var(--wp--preset--font-family--zalando-sans);
}

h1,
.h1 {
  color: var(--wp--preset--color--base-900);
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  font-size: var(--wp--preset--font-size--step-6);
}

h2, .faq-wrapper h1.module-heading,
.h2 {
  color: var(--wp--preset--color--base-900);
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  font-size: var(--wp--preset--font-size--step-5);
}

h3, .text-module-wrapper .module-heading, .text-and-image .text-column .module-heading, .guide-number, .woocommerce-account .woocommerce .u-columns.col2-set h2,
.woocommerce-account .woocommerce .woocommerce-form-login h2,
.h3,
.cli-modal.cli-blowup .cli-modal-dialog .cli-modal-content h4,
.woocommerce.single-product .product .product_title,
.qala-quickview .product .product_title,
.error-404 .page-title {
  color: var(--wp--preset--color--base-900);
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  font-size: var(--wp--preset--font-size--step-4);
}

h4 {
  color: var(--wp--preset--color--base-900);
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  font-size: var(--wp--preset--font-size--step-3);
}

h5 {
  color: var(--wp--preset--color--base-900);
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  font-size: var(--wp--preset--font-size--step-2);
}

h6 {
  color: var(--wp--preset--color--base-900);
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  font-size: var(--wp--preset--font-size--step-1);
}

/**
 * Theme.json does not allow you to specify line-heights (yet? https://github.com/WordPress/gutenberg/issues/56227)
 * or letter-spacing to settings -> typography -> fontSizes, so we need to define them here and apply them to the
 * .has-step-X-font-size classes here, so that line-heights and letter-spacing are correct when text has been set
 * to that step in Gutenberg.
 *
 */
h1,
.h1,
.has-step-6-font-size {
  line-height: 1.2;
  letter-spacing: 0;
}

h2, .faq-wrapper h1.module-heading,
.h2,
.has-step-5-font-size {
  line-height: 1.25;
  letter-spacing: 0;
}

h3, .text-module-wrapper .module-heading, .text-and-image .text-column .module-heading, .guide-number, .woocommerce-account .woocommerce .u-columns.col2-set h2,
.woocommerce-account .woocommerce .woocommerce-form-login h2,
.h3,
.cli-modal.cli-blowup .cli-modal-dialog .cli-modal-content h4,
.woocommerce.single-product .product .product_title,
.qala-quickview .product .product_title,
.error-404 .page-title,
.has-step-4-font-size {
  line-height: 1.128;
  letter-spacing: 0;
}

h4,
.has-step-3-font-size {
  line-height: 1.3;
  letter-spacing: initial;
}

h5,
.has-step-2-font-size {
  line-height: 1.4;
  letter-spacing: initial;
}

h6,
.has-step-1-font-size {
  line-height: 1.5;
  letter-spacing: initial;
}

h1,
h2,
.faq-wrapper h1.module-heading {
  font-family: var(--wp--preset--font-family--zalando-sans);
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
a {
  color: var(--wp--preset--color--primary-500);
  transition: 0.2s ease-in-out color, 0.2s ease-in-out text-decoration-color;
  text-decoration: none;
  text-decoration-color: transparent;
  letter-spacing: 0;
  font-weight: 300;
  background-color: transparent;
  padding: 0;
  margin: 0;
  border: 0;
  text-transform: none;
}
a:hover, a:focus, a:active {
  color: var(--wp--preset--color--primary-variant-chambray);
  text-decoration: none;
  text-decoration-color: var(--wp--preset--color--primary-variant-chambray);
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}
a[href="#"] {
  cursor: pointer;
}

p a {
  color: var(--wp--preset--color--primary-500);
  text-decoration: underline;
  text-decoration-color: inherit;
}
p a:hover, p a:focus {
  color: var(--wp--preset--color--primary-variant-chambray);
  text-decoration: none;
  text-decoration-color: transparent;
}

ul {
  font-size: inherit;
  font-weight: 400;
  list-style: initial;
}

ol {
  font-size: inherit;
  font-weight: 400;
  list-style: decimal;
}

.entry-content > ul,
.entry-content > ol {
  padding-left: calc(1.5rem + 15px);
  padding-right: calc(1.5rem + 15px);
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
blockquote {
  margin: 1em 0;
  position: relative;
  padding-left: 1em;
}
blockquote * + * {
  margin-top: 0.75em;
}
blockquote:after {
  content: "";
  border-left: 4px solid var(--wp--preset--color--primary-500);
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
}
blockquote p {
  font-family: var(--wp--preset--font-family--zalando-sans);
  font-style: italic;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0;
  margin: unset;
  font-size: 0.9375rem;
}
blockquote cite {
  font-family: var(--wp--preset--font-family--zalando-sans);
  font-style: italic;
  font-weight: 300;
  line-height: 1.4;
  font-size: 0.875rem;
}
.entry-content > blockquote:after {
  left: 1.5rem;
}
.entry-content > blockquote p, .entry-content > blockquote cite {
  padding-left: calc(1.5rem + 1em);
}

@keyframes slide-right {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0%);
  }
}
.col-xxs-1 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-xxs-2 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-xxs-3 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-xxs-4 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-xxs-5 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-xxs-6 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-xxs-7 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-xxs-8 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-xxs-9 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-xxs-10 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-xxs-11 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-xxs-12 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-xs-1 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-xs-2 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-xs-3 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-xs-4 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-xs-5 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-xs-6 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-xs-7 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-xs-8 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-xs-9 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-xs-10 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-xs-11 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-xs-12 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-s-1 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-s-2 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-s-3 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-s-4 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-s-5 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-s-6 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-s-7 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-s-8 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-s-9 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-s-10 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-s-11 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-s-12 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-m-1 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-m-2 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-m-3 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-m-4 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-m-5 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-m-6 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-m-7 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-m-8 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-m-9 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-m-10 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-m-11 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-m-12 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-l-1 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-l-2 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-l-3 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-l-4 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-l-5 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-l-6 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-l-7 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-l-8 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-l-9 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-l-10 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-l-11 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-l-12 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-xl-1 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-xl-2 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-xl-3 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-xl-4 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-xl-5 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-xl-6 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-xl-7 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-xl-8 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-xl-9 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-xl-10 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-xl-11 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-xl-12 {
  width: 100%;
  padding: 0 1.5rem 50px;
}

.col-xxs-1 {
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-xxs-2 {
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-xxs-3 {
  flex-basis: 25%;
  max-width: 25%;
}

.col-xxs-4 {
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-xxs-5 {
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-xxs-6 {
  flex-basis: 50%;
  max-width: 50%;
}

.col-xxs-7 {
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-xxs-8 {
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-xxs-9 {
  flex-basis: 75%;
  max-width: 75%;
}

.col-xxs-10 {
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-xxs-11 {
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-xxs-12 {
  flex-basis: 100%;
  max-width: 100%;
}

.grid__reverse-order-xxs {
  flex-direction: row-reverse;
}
.container, #cookie-law-info-bar .cli-bar-container {
  max-width: var(--wp--custom--wide-size);
  width: 100%;
  margin: 0 auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.container--fluid {
  width: 100%;
  max-width: var(--wp--custom--fluid-size);
  margin: 0 auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.container--alignwide {
  width: 100%;
  max-width: var(--wp--custom--wide-size);
  margin: 0 auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.container--alignfull {
  max-width: none;
}

.grid {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1.5rem;
  align-items: center;
}

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

.grid__no-bottom-gutters > [class*=col-] {
  padding-bottom: 0;
}

.grid__center {
  justify-content: center;
}

/**
 * This is a CSS hack which makes iframes responsive.
 * The padding-top is calculated based on the ratio of the iframe.
 * For example videos: 9 / 16.
 *
 * The perfmatters logic is in place because if using Perfmatters lazyloading this same hack is applied twice (by us and again by perfmatters) which causes an actual padding applied.
 */
.responsive-oembed:not(:has([class^=perfmatters-lazy-])) {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
}
.responsive-oembed:not(:has([class^=perfmatters-lazy-])).embed-responsive-16by9 {
  padding-top: 56.25%;
}
.responsive-oembed:not(:has([class^=perfmatters-lazy-])) iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
/**
 * Our implementation of sliders is based on the swiper library.
 * Component specific slider designs should live in the respective component
 * The default styles for swiper are loaded in their own page specific style sheet,
 * which is referenced by Qala Blocks that use swiper too. The JS is loaded up with
 * the swiper library through src/javascript/components/sliders.js
 * Documentation:
 * @link https://swiperjs.com/
 * @group Vendors
 *
 */
.slider-container {
  margin-top: 26px;
  overflow: hidden;
  position: relative;
}
.slider-container .btn {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  margin: 46px auto 20px;
}
.slider-container .swiper-buttons {
  position: absolute;
  z-index: 2;
  bottom: 88px;
}
.slider-container:not(:has(.btn)) {
  padding-bottom: 60px;
}
.slider-container:not(:has(.btn)) .swiper-buttons {
  bottom: 0;
}
.slider-container.archive-popular-products .swiper-buttons {
  bottom: 0;
}

.slider-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 0;
  width: 100%;
}
.slider-header__title {
  margin: 0;
}

.slider-arrow {
  width: 50px;
  height: 50px;
  background: var(--wp--preset--color--primary-100, #ebf4fe);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  transition: ease-in-out 0.2s all;
  cursor: pointer;
}
.slider-arrow svg {
  fill: var(--wp--preset--color--primary-500, #0070f0);
}
.slider-arrow--prev {
  transform: scale(-1, -1);
}
.slider-arrow:hover, .slider-arrow:focus {
  background: var(--wp--preset--color--primary-500, #0070f0);
}
.slider-arrow:hover svg, .slider-arrow:focus svg {
  fill: var(--wp--preset--color--primary-100, #ebf4fe);
}
.slider-arrow.swiper-button-disabled {
  opacity: 0.3;
  cursor: auto;
  pointer-events: none;
}

.swiper-initialized {
  position: relative;
  overflow: hidden;
}
.swiper-initialized .swiper-wrapper {
  display: flex !important;
  flex-wrap: nowrap;
}

/* stylelint-disable max-nesting-depth */
.popular-products-slider.swiper-initialized .swiper-slide,
.products-slider.swiper-initialized .swiper-slide {
  transition: opacity 0.2s ease-in-out;
  opacity: 0;
  pointer-events: none;
}
.popular-products-slider.swiper-initialized .swiper-slide.swiper-slide-visible:not(.swiper-slide-prev), .popular-products-slider.swiper-initialized .swiper-slide.swiper-slide-active,
.products-slider.swiper-initialized .swiper-slide.swiper-slide-visible:not(.swiper-slide-prev),
.products-slider.swiper-initialized .swiper-slide.swiper-slide-active {
  opacity: 1;
  pointer-events: all;
}
.popular-products-slider .product:nth-child(n+3),
.products-slider .product:nth-child(n+3) {
  display: none;
}

/* stylelint-disable no-duplicate-selectors */
.popular-products-slider.swiper-initialized .products,
.products-slider.swiper-initialized .products {
  --cols: 2;
  --gap: 0.5rem;
  display: flex !important; /* stylelint-disable-line declaration-no-important */
  -moz-column-gap: 0;
       column-gap: 0;
}
.popular-products-slider.swiper-initialized .products .product,
.products-slider.swiper-initialized .products .product {
  display: block !important; /* stylelint-disable-line declaration-no-important */
  height: 100%;
  margin: 0 0.5rem 0 0;
  flex-basis: calc(100% / var(--cols) - var(--gap) / var(--cols) * (var(--cols) - 1));
}
.popular-products-slider.swiper-initialized .products .product:last-of-type,
.products-slider.swiper-initialized .products .product:last-of-type {
  margin-right: 0 !important; /* stylelint-disable-line declaration-no-important */
}
.popular-products-slider.swiper-initialized .products.columns-1 .product,
.products-slider.swiper-initialized .products.columns-1 .product {
  --cols: 1;
}
.popular-products-slider.swiper-initialized .products.columns-2 .product,
.products-slider.swiper-initialized .products.columns-2 .product {
  --cols: 2;
}
.popular-products-slider.swiper-initialized .products.columns-3 .product,
.products-slider.swiper-initialized .products.columns-3 .product {
  --cols: 2;
}
.popular-products-slider.swiper-initialized .products.columns-4 .product,
.products-slider.swiper-initialized .products.columns-4 .product {
  --cols: 2;
}
.popular-products-slider.swiper-initialized .products.columns-5 .product,
.products-slider.swiper-initialized .products.columns-5 .product {
  --cols: 2;
}
.popular-products-slider.swiper-initialized .products.columns-6 .product,
.products-slider.swiper-initialized .products.columns-6 .product {
  --cols: 2;
}

/**
 * Override swiper v11 navigation scss, which sets svgs to 100% with no scss variables to override.
 * we need to use div. for specificity, because the swiper css file is loaded at the very bottom
 * of the page if it is loaded via a Qala Block that requires it.
 */
div.swiper-button-prev svg,
div.swiper-button-next svg {
  height: auto;
  width: auto;
}

/**
 * This allows you to have a link which makes the entire block it sits in clickable:
 * e.g.
 * <li class="product-card block-link">
 * 	<a class="block-link__overlay-link" href="..." tabindex="-1" aria-hidden="true"></a>
 *
 * any other inner links are still clickable with the z-index code below.
 * `tabindex` and `aria-hidden` are important so it works well with keyboard and screen readers.
 */
.block-link {
  position: relative;
}
.block-link__overlay-link {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  position: absolute;
  z-index: 1;
  opacity: 0;
}
.block-link a:not(.block-link__overlay-link) {
  position: relative;
  z-index: 1;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.site-branding {
  vertical-align: middle;
  line-height: 55px;
}
.site-branding a {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
}
.site-branding img {
  height: 40px;
  max-height: 100%;
  width: auto;
  max-width: initial;
}

.site-header {
  position: relative;
  z-index: 2000;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  width: 100%;
  background-color: var(--wp--preset--color--white);
}

.site-header.js-is-stuck {
  top: 0;
}

.admin-bar .site-header.js-is-stuck {
  top: 46px;
}

.site-title {
  margin: 0;
}

.site-content [class*=navigation]:not([class*=wp-block-navigation]) {
  margin: 0 0 1.5em;
  overflow: hidden;
}

[class*=navigation] .nav-previous {
  float: left;
  width: 50%;
}

[class*=navigation] .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

.toggle-sub-menu {
  display: none;
}

.main-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.main-navigation .site-header-right-column:not(:has(*)) {
  display: none;
}
.main-navigation .site-header-right-column .site-search-form {
  display: none;
}
.main-navigation .site-header-right-column .site-title a {
  color: var(--wp--preset--color--base-900);
}
.main-navigation .site-header-right-column .site-title a:hover, .main-navigation .site-header-right-column .site-title a:focus {
  text-decoration: none;
}

.mobile-nav-toggle {
  margin-right: 0;
  padding: 5px 0 0;
  background-color: transparent;
  background-image: none;
  border: 0;
  cursor: pointer;
}
.mobile-nav-toggle:focus {
  outline: 0;
}

.site-header__user-button a {
  display: flex;
}

.site-header__desktop-column__button {
  display: none !important; /* stylelint-disable-line */
}

/* stylelint-disable max-nesting-depth */
.site-header--layout-logo-centered .main-navigation {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.site-header--layout-logo-centered .site-branding {
  grid-area: 1/1/1/2;
  margin: 10px 0;
}
.site-header--layout-logo-centered .site-header-right-column {
  grid-area: 1/2/1/3;
}
.site-header--layout-logo-centered .site-search-form {
  grid-area: 2/1/2/3;
  margin-bottom: 10px;
  transition: margin 0.3s;
}
.site-header--layout-logo-centered .main-navigation--hamburger-left {
  grid-template-columns: 1fr 1fr 1fr;
  position: static;
  transition: grid-template-columns 0.3s;
}
.site-header--layout-logo-centered .main-navigation--hamburger-left .mobile-toggle {
  grid-area: 1/1/1/2;
}
.mobile-menu-open .site-header--layout-logo-centered .main-navigation--hamburger-left .mobile-toggle {
  margin: 0;
  top: 28px;
  right: 30px;
}
.site-header--layout-logo-centered .main-navigation--hamburger-left .site-branding {
  grid-area: 1/2/1/2;
}
.site-header--layout-logo-centered .main-navigation--hamburger-left .site-header-right-column {
  grid-area: 1/3/1/3;
}
.site-header--layout-logo-centered .main-navigation--hamburger-left .site-search-form {
  grid-area: 2/1/2/4;
}
.site-header--layout-logo-centered.js-is-sticky .main-navigation--hamburger-left, .site-header--layout-logo-centered.js-is-stuck .main-navigation--hamburger-left {
  grid-template-columns: 1fr 2.5fr 1fr;
}
.site-header--layout-logo-centered.js-is-sticky .main-navigation--hamburger-left .site-search-form, .site-header--layout-logo-centered.js-is-stuck .main-navigation--hamburger-left .site-search-form {
  grid-area: 1/2/1/2;
  margin-top: 10px;
}
.site-header--layout-logo-centered.js-is-sticky .main-navigation--hamburger-left .site-branding, .site-header--layout-logo-centered.js-is-stuck .main-navigation--hamburger-left .site-branding {
  visibility: hidden;
}

.site-search-form.site-search-form--hide-mob {
  display: none;
}
.site-search-form .form-group {
  display: flex;
  position: relative;
}
.site-search-form .form-control {
  border-radius: 32px;
  height: 54px;
  background-color: #f2f2f2;
  border-color: transparent;
  padding: 0.75rem 4rem 0.75rem 1.5rem;
}
.site-search-form .form-control::-moz-placeholder {
  color: #9b9b9b;
}
.site-search-form .form-control::placeholder {
  color: #9b9b9b;
}
.site-search-form .form-control:focus-visible {
  outline-color: #91cba8;
}
.site-search-form .form-control:focus {
  outline-color: transparent;
  background-color: #e5e5ea;
}
.site-search-form .form-control:hover, .site-search-form .form-control:focus {
  border-color: transparent;
  background-color: #e5e5ea;
}
.site-search-form .form-control:not(:-moz-placeholder) {
  border-color: var(--wp--preset--color--base-500);
}
.site-search-form .form-control:not(:placeholder-shown) {
  border-color: var(--wp--preset--color--base-500);
}
.site-search-form .form-control:not(:-moz-placeholder) ~ .btn {
  background-color: var(--wp--preset--color--primary-500);
}
.site-search-form .form-control:not(:placeholder-shown) ~ .btn {
  background-color: var(--wp--preset--color--primary-500);
}
.site-search-form .form-control:not(:-moz-placeholder) ~ .btn path {
  fill: var(--wp--preset--color--white);
}
.site-search-form .form-control:not(:placeholder-shown) ~ .btn path {
  fill: var(--wp--preset--color--white);
}
.site-search-form .btn {
  position: absolute;
  right: 0;
  top: 0;
  height: 54px;
  width: 54px;
  border-radius: 100%;
  background-color: transparent;
  border-color: transparent;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.site-search-form .btn:hover, .site-search-form .btn:focus {
  background-color: var(--wp--preset--color--primary-600) !important;
}
.site-search-form .btn:hover path, .site-search-form .btn:focus path {
  fill: var(--wp--preset--color--white);
}
.site-search-form .btn svg {
  width: 21px;
  height: 21px;
}
.site-search-form .btn svg path {
  fill: var(--wp--preset--color--black);
}

.main-navigation--hamburger-left {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  position: relative;
}
.main-navigation--hamburger-left > .mobile-toggle {
  display: flex;
}
.main-navigation--hamburger-left > .mobile-toggle button {
  margin: 0;
  padding: 0;
}
.main-navigation--hamburger-left > .mobile-toggle button:hover, .main-navigation--hamburger-left > .mobile-toggle button:focus {
  border: 0;
  background-color: transparent;
}
.main-navigation--hamburger-left > .mobile-toggle svg {
  height: 24px;
  width: auto;
}
.mobile-menu-open .main-navigation--hamburger-left > .mobile-toggle {
  z-index: 1000;
  top: 0;
  position: absolute;
  bottom: 0;
  margin: auto;
  height: 24px;
  right: 0;
}
.mobile-menu-open .main-navigation--hamburger-left > .mobile-toggle path {
  fill: white;
}
.main-navigation--hamburger-left .site-branding {
  display: flex;
  justify-content: center;
}

/* stylelint-enable */
.site-header-buttons {
  display: grid;
  gap: 15px;
  margin: unset;
  list-style: none;
}
.site-header-buttons.desktop {
  display: none;
  padding: unset;
  margin-left: 20px;
}
.site-header-buttons .btn {
  text-align: center;
  padding: 0;
}
.site-header-buttons .btn a {
  color: inherit;
  font-weight: 500;
  padding: 0.75rem 1.5rem;
  display: inline-block;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
/**
 * Modern Header Styles
 *
 * Clean, minimal header with responsive navigation.
 * Uses CSS variables for design system consistency.
 */
:root {
  --header-bg: #fff;
  --header-text: #1c1c1e;
  --header-border: #e5e5e7;
  --header-link-hover: var(--wp--preset--color--primary-600);
  --header-height-mobile: 60px;
  --header-height-desktop: 80px;
  --header-transition: all 0.2s ease;
}

.site-header--modern {
  background-color: var(--header-bg);
  border-bottom: 1px solid var(--header-border);
  position: relative;
  z-index: 100;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

.site-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.25rem;
  min-height: var(--header-height-mobile);
  padding: 0;
  position: relative;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.site-header__branding {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  z-index: 1001;
  margin-right: auto;
  flex: 1;
  min-width: 0;
  justify-content: center;
  position: relative;
}
.site-header__branding .site-branding {
  margin: 0;
  display: flex;
  align-items: center;
  max-width: 100%;
}
.site-header__branding .site-logo,
.site-header__branding .site-branding img,
.site-header__branding .site-branding a img {
  max-height: 28px;
  max-width: 140px;
  width: 100%;
  height: auto;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  -o-object-fit: contain;
     object-fit: contain;
}
.site-header__branding .site-branding a {
  display: block;
  line-height: 0;
  max-width: 100%;
}
.site-header__branding .site-title {
  margin: 0;
  font-size: 1.25rem;
}
.site-header__branding .site-title a {
  color: var(--header-text);
  text-decoration: none;
  transition: var(--header-transition);
}
.site-header__branding .site-title a:hover, .site-header__branding .site-title a:focus {
  color: var(--header-link-hover);
}

.site-header__menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.site-header__menu li {
  margin: 0;
}
.site-header__menu a {
  padding: 0.25rem 0.5rem;
  color: var(--header-text);
  text-decoration: none;
  font-weight: 400;
  font-size: 0.875rem;
  transition: var(--header-transition);
  border-radius: 4px;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
}
.site-header__menu .sub-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.site-header__menu .sub-menu li {
  margin: 0;
}
.site-header__menu .sub-menu a {
  display: block;
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--header-text);
  text-decoration: none;
  border-radius: 8px;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  line-height: 1.5;
}
.site-header__menu .menu-item-has-children {
  position: relative;
}
.site-header__menu .menu-item-has-children > a {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.375rem;
  position: relative;
}
.site-header__menu .menu-item-has-children > a:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.6;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
  transform-origin: center;
}
.site-header__menu .menu-item-has-children:hover > a:after, .site-header__menu .menu-item-has-children:focus-within > a:after {
  opacity: 1;
}

.site-header__actions {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex-shrink: 0;
  z-index: 2;
  margin-left: 0.25rem;
  overflow: visible;
}
.site-header__actions button,
.site-header__actions a {
  position: relative;
  z-index: 2;
}
.site-header__actions button,
.site-header__actions a {
  min-width: 40px;
  min-height: 40px;
}

.site-header__cta-button {
  display: none;
}

.site-header__search-toggle,
.site-header__multimarket-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--header-text);
  transition: var(--header-transition);
  flex-shrink: 0;
}
.site-header__search-toggle:hover, .site-header__search-toggle:focus,
.site-header__multimarket-toggle:hover,
.site-header__multimarket-toggle:focus {
  color: var(--header-link-hover);
  outline: 2px solid var(--header-link-hover);
  outline-offset: 2px;
}
.site-header__search-toggle svg,
.site-header__multimarket-toggle svg {
  width: 18px;
  height: 18px;
}

.site-header__user {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.site-header__search {
  display: none;
  padding: 1rem 0;
  border-top: 1px solid var(--header-border);
  background-color: var(--header-bg);
}
.site-header__search[aria-hidden=false] {
  display: block;
}

.site-header__drawer-toggle {
  display: none;
}
.site-header__drawer-toggle:hover, .site-header__drawer-toggle:focus {
  color: var(--header-link-hover);
  outline: 2px solid var(--header-link-hover);
  outline-offset: 2px;
}
.site-header__drawer-toggle svg {
  width: 20px;
  height: 20px;
}

.site-header__drawer {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 400px;
  height: 100vh;
  z-index: 1000;
  transform: translateX(100%);
  transition: transform 0.3s ease;
  pointer-events: none;
}
.site-header__drawer[aria-hidden=false] {
  transform: translateX(0);
  pointer-events: auto;
}

.site-header__drawer-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 999;
}

.site-header__drawer[aria-hidden=false] .site-header__drawer-overlay {
  opacity: 1;
  pointer-events: auto;
}

.site-header__drawer-content {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: var(--header-bg);
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  z-index: 1001;
}

.site-header__drawer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid var(--header-border);
}

.site-header__drawer-title {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--header-text);
}

.site-header__drawer-close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--header-text);
  transition: var(--header-transition);
}
.site-header__drawer-close:hover, .site-header__drawer-close:focus {
  color: var(--header-link-hover);
  outline: 2px solid var(--header-link-hover);
  outline-offset: 2px;
}
.site-header__drawer-close svg {
  width: 20px;
  height: 20px;
}

.site-header__drawer-nav {
  flex: 1;
  overflow-y: auto;
  padding: 1rem;
  -webkit-overflow-scrolling: touch;
}

.site-header__drawer-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.site-header__drawer-menu li {
  margin: 0;
}
.site-header__drawer-menu a {
  display: block;
  padding: 0.5rem 1rem;
  color: var(--header-text);
  text-decoration: none;
  font-weight: 400;
  transition: var(--header-transition);
  border-radius: 4px;
}
.site-header__drawer-menu a:hover, .site-header__drawer-menu a:focus {
  color: var(--header-link-hover);
  background-color: rgba(0, 0, 0, 0.05);
}
.site-header__drawer-menu .sub-menu {
  list-style: none;
  margin: 0.25rem 0 0 1rem;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.site-header__drawer-menu .sub-menu a {
  font-size: 0.9375rem;
  padding: 0.5rem 1rem;
  min-height: 44px;
  display: flex;
  align-items: center;
}
.site-header__drawer-menu .menu-item-has-children > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

body.drawer-open {
  overflow: hidden;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
/**
 * This is our main navigation styling. It's rather complex because it creates the whole menu with all the variations on submenus etc.
 * Most parts is commented inline to explain what it targets and the purpose of it is to make it easier to understand the files content.
 *
 * @todo - We should ensure this is completely encapsulated. I have a feeling there is likely styles in other files that affects the styling here.
 * @todo - We should add relevant SCSS variables with the !default flag here (if this is ported to modern Qala). Presently we are using a lot of variables from the styleguide file.
 * @todo - I'd also say we should standardize the margins, paddings and font sizes in here if we reuse this for Qala.. because its a bit arbitrary now just based on Addsecures specific design.
 *
 */
/* Old menu - needed for other sass includes */
body:has(.megamenu.open) {
  overflow-y: hidden;
}
.main-navigation {
  background-color: var(--wp--preset--color--white);
  box-shadow: 50vw 0 0 0 var(--wp--preset--color--white), -50vw 0 0 0 var(--wp--preset--color--white);
}

.admin-bar .main-menu-wrapper .main-menu__mobile-top {
  margin-top: var(--wp-admin--admin-bar--height, 32px);
}

.mobile-nav-toggle svg {
  display: block;
}
.mobile-nav-toggle svg path {
  fill: var(--wp--preset--color--base-900);
  transition: fill 0.25s;
}
.mobile-nav-toggle svg:last-child {
  display: none;
}
.mobile-nav-toggle:focus svg path {
  fill: var(--wp--preset--color--base-900);
}
.mobile-nav-toggle.open svg {
  display: none;
}
.mobile-nav-toggle.open svg:last-child {
  display: block;
  /* stylelint-disable-next-line */
}
.mobile-nav-toggle.open svg:last-child path {
  fill: var(--wp--preset--color--white);
}
.mobile-nav-toggle.open:focus svg path {
  fill: var(--wp--preset--color--white) !important; /* stylelint-disable-line declaration-no-important */
}

.mobile-toggle {
  z-index: 999;
}

.main-menu-wrapper {
  z-index: 999;
  max-width: 100vw;
  position: fixed;
  left: -100vw;
  bottom: 0;
  top: 0;
  width: 85vw;
  transition: left 0.25s ease-in-out;
  overflow-y: auto;
}
.main-menu-wrapper.open {
  left: 0;
}
.main-menu-wrapper.open:before {
  content: "";
  background-color: color-mix(in srgb, var(--wp--preset--color--base-900) 70%, transparent);
  backdrop-filter: blur(2px);
  position: fixed;
  z-index: 0;
  height: 100vh;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 150ms cubic-bezier(0.4, 0, 0.6, 1);
}
.main-menu-wrapper.open {
  /* stylelint-disable max-nesting-depth */
}
.main-menu-wrapper.open .menu-login-link {
  margin: 0;
  text-align: right;
  display: flex;
  font-size: 0.75rem;
}
.main-menu-wrapper.open .menu-login-link a {
  color: var(--wp--preset--color--base-900);
  display: flex;
  align-items: center;
  margin-left: auto;
}
.main-menu-wrapper.open .menu-login-link a:hover, .main-menu-wrapper.open .menu-login-link a:focus {
  color: var(--wp--preset--color--secondary-600);
}
.main-menu-wrapper.open .menu-login-link svg {
  margin-right: 6px;
}
.main-menu-wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.main-menu-wrapper .inner-menu-wrapper {
  min-height: 100vh;
  padding: 0 0 1.25em;
  background-color: var(--wp--preset--color--white);
  display: flex;
  flex-direction: column;
}
.main-menu-wrapper .main-menu__mobile-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 clamp(10px, 9%, 38px);
}
.main-menu-wrapper .main-menu__mobile-top .site-branding {
  max-width: 70%;
  justify-content: flex-start;
}
.main-menu-wrapper .main-menu__mobile-top .site-branding img {
  width: auto;
}
.main-menu-wrapper .mobile-menu-buttons {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 25px clamp(10px, 9%, 38px) 0;
}
.main-menu-wrapper .mobile-menu-buttons > a {
  margin-bottom: 1.125rem;
  padding: 16px 22px;
  font-size: 1.0625rem;
}
.main-menu-wrapper .main-menu:has(.menu-item.open) ~ .mobile-menu-buttons {
  display: none;
}
.main-menu-wrapper .top-header-mobile li:not(.btn) a,
.main-menu-wrapper .top-header-mobile li > span,
.main-menu-wrapper .top-header-mobile .qala-multimarket-open-selector-button,
.main-menu-wrapper .top-header-mobile .cart-button,
.main-menu-wrapper .site-header-buttons li:not(.btn) a,
.main-menu-wrapper .site-header-buttons li > span,
.main-menu-wrapper .site-header-buttons .qala-multimarket-open-selector-button,
.main-menu-wrapper .site-header-buttons .cart-button {
  padding: 1.25rem clamp(10px, 9%, 38px);
}
.main-menu-wrapper .top-header-mobile li:not(.btn) a:hover, .main-menu-wrapper .top-header-mobile li:not(.btn) a:focus,
.main-menu-wrapper .top-header-mobile li > span:hover,
.main-menu-wrapper .top-header-mobile li > span:focus,
.main-menu-wrapper .top-header-mobile .qala-multimarket-open-selector-button:hover,
.main-menu-wrapper .top-header-mobile .qala-multimarket-open-selector-button:focus,
.main-menu-wrapper .top-header-mobile .cart-button:hover,
.main-menu-wrapper .top-header-mobile .cart-button:focus,
.main-menu-wrapper .site-header-buttons li:not(.btn) a:hover,
.main-menu-wrapper .site-header-buttons li:not(.btn) a:focus,
.main-menu-wrapper .site-header-buttons li > span:hover,
.main-menu-wrapper .site-header-buttons li > span:focus,
.main-menu-wrapper .site-header-buttons .qala-multimarket-open-selector-button:hover,
.main-menu-wrapper .site-header-buttons .qala-multimarket-open-selector-button:focus,
.main-menu-wrapper .site-header-buttons .cart-button:hover,
.main-menu-wrapper .site-header-buttons .cart-button:focus {
  padding: 1.25rem clamp(10px, 9%, 38px);
}
.main-menu-wrapper .site-header-buttons {
  padding: 1.25rem clamp(10px, 9%, 38px);
}
.main-menu-wrapper .site-header-buttons a {
  display: block;
}
.main-menu-wrapper .secondary-menu {
  display: flex;
  height: auto;
  padding: 0;
  flex-flow: column;
  list-style: none;
  margin-top: 10px;
}
.main-menu-wrapper .secondary-menu .menu-item {
  display: block !important;
  margin-bottom: 0;
}
.main-menu-wrapper .secondary-menu .menu-item > a {
  display: inline-block;
  color: var(--wp--preset--color--base-900);
  padding: 0.3rem clamp(10px, 9%, 38px);
  font-size: 0.875rem;
}
.main-menu-wrapper .secondary-menu .menu-item > a:hover, .main-menu-wrapper .secondary-menu .menu-item > a:focus {
  color: var(--wp--preset--color--primary-500);
}

.main-menu-navigation {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
}

.main-menu {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
}
.main-menu .menu-item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  border: 0;
  border-top: 1px solid var(--wp--preset--color--base-300);
}
.main-menu .menu-item .menu-item__link {
  font-family: var(--wp--preset--font-family--zalando-sans);
  font-weight: 400;
  line-height: 1.56;
  letter-spacing: 0;
  text-transform: none;
  color: var(--wp--preset--color--base-900);
  font-size: clamp(1.25rem, 1.25rem + (1vw - 0.225rem) * 0, 1.25rem); /* stylelint-disable-line max-line-length */
}
.main-menu .menu-item .menu-item__link:active, .main-menu .menu-item .menu-item__link:hover, .main-menu .menu-item .menu-item__link:focus {
  color: var(--wp--preset--color--secondary-600);
}
.main-menu .menu-item .menu-item__link:active ~ .toggle-sub-menu:before, .main-menu .menu-item .menu-item__link:active ~ .toggle-sub-menu:after, .main-menu .menu-item .menu-item__link:hover ~ .toggle-sub-menu:before, .main-menu .menu-item .menu-item__link:hover ~ .toggle-sub-menu:after, .main-menu .menu-item .menu-item__link:focus ~ .toggle-sub-menu:before, .main-menu .menu-item .menu-item__link:focus ~ .toggle-sub-menu:after {
  background-color: var(--wp--preset--color--secondary-600);
}
.main-menu .menu-item .menu-item__link:active, .main-menu .menu-item .menu-item__link:hover, .main-menu .menu-item .menu-item__link:focus, .main-menu .menu-item .menu-item__link:target {
  outline: none;
}
.main-menu .menu-item:not(.menu-item--button):has(.toggle-sub-menu:hover) > .menu-item__link,
.main-menu .menu-item:not(.menu-item--button):has(.toggle-sub-menu:focus) > .menu-item__link {
  color: var(--wp--preset--color--secondary-600);
}
.main-menu .menu-item.open > .menu-item__link {
  color: var(--wp--preset--color--secondary-600);
}
.main-menu > .menu-item.open:has(.sub-menu-depth-0 > .menu-item.open) {
  border-top: 0;
}
.main-menu > .menu-item.open:has(.sub-menu-depth-0 > .menu-item.open) > .menu-item__link, .main-menu > .menu-item.open:has(.sub-menu-depth-0 > .menu-item.open) > .toggle-sub-menu {
  display: none;
}
.main-menu > .menu-item > .menu-item__link {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  white-space: normal;
  transition: height 0.25s ease-in-out;
}
.main-menu > .menu-item:hover > a, .main-menu > .menu-item:focus > a, .main-menu > .menu-item:focus-within > a {
  color: var(--wp--preset--color--secondary-600);
}
.main-menu > .menu-item:hover > .toggle-sub-menu:before, .main-menu > .menu-item:hover > .toggle-sub-menu:after, .main-menu > .menu-item:focus > .toggle-sub-menu:before, .main-menu > .menu-item:focus > .toggle-sub-menu:after, .main-menu > .menu-item:focus-within > .toggle-sub-menu:before, .main-menu > .menu-item:focus-within > .toggle-sub-menu:after {
  background-color: var(--wp--preset--color--secondary-600);
}
.main-menu > .menu-item.current-menu-item > a {
  color: var(--wp--preset--color--primary-500);
}
.main-menu > .menu-item.current-menu-item > .toggle-sub-menu:after, .main-menu > .menu-item.current-menu-item > .toggle-sub-menu:before {
  background-color: var(--wp--preset--color--primary-500);
}
.main-menu .toggle-sub-menu {
  all: unset;
  display: block;
  position: relative;
  background: none;
  border: 0;
  margin: 0;
  cursor: pointer;
  width: 20px;
  align-self: stretch;
  padding: 1rem clamp(10px, 9%, 38px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='17.653' data-name='Group 46'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='none' d='M0 0h25v17.653H0z' data-name='Rectangle 18'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' data-name='Group 45'%3E%3Cpath fill='%23040506' d='M16.828.319a.889.889 0 1 0-1.252 1.252l6.39 6.4H.844a.892.892 0 0 0 0 1.781h21.122l-6.4 6.389a.907.907 0 0 0 0 1.252.884.884 0 0 0 1.252 0l7.916-7.916a.868.868 0 0 0 0-1.252Z' data-name='Path 33'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 25px 18px;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 100ms ease-in-out;
  -webkit-tap-highlight-color: transparent;
}
.main-menu .toggle-sub-menu:focus, .main-menu .toggle-sub-menu:active, .main-menu .toggle-sub-menu:visited, .main-menu .toggle-sub-menu:hover {
  border: 0;
  outline: none;
  background-color: transparent;
}
.main-menu .toggle-sub-menu:active, .main-menu .toggle-sub-menu:hover, .main-menu .toggle-sub-menu:focus {
  color: var(--wp--preset--color--secondary-600);
  background-color: transparent;
}
.main-menu .toggle-sub-menu * {
  pointer-events: none;
}
.main-menu .menu-item.open > .toggle-sub-menu {
  transform: rotate(180deg);
}
.main-menu .menu-item > .menu-item__link {
  position: relative;
  transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out;
}
.main-menu .menu-item > .sub-menu-container {
  display: flex;
  flex-basis: 100%;
  width: 100%;
  height: 0;
  flex-grow: 2;
  opacity: 0;
  transition: opacity 0.25s, height 0.25s;
  interpolate-size: allow-keywords; /* stylelint-disable-line */
}
.main-menu .menu-item > .sub-menu-container > .sub-menu > .menu-item {
  transform: translateX(-100%);
  opacity: 0;
  transition: opacity 0.1666666667s;
}
.main-menu .menu-item.open > .sub-menu-container {
  display: flex;
  height: auto;
  opacity: 1;
  transition: opacity 0.25s, height 0.25s;
  interpolate-size: allow-keywords; /* stylelint-disable-line */
}
.main-menu .menu-item.open > .sub-menu-container > .sub-menu > .menu-item {
  transform: translateX(0);
  opacity: 1;
  transition: opacity 0.1666666667s, transform 0.1666666667s;
}
.main-menu .menu-item.open > .sub-menu-container > .sub-menu > .menu-item:nth-of-type(1) {
  transition-delay: 0.1s;
}
.main-menu .menu-item.open > .sub-menu-container > .sub-menu > .menu-item:nth-of-type(2) {
  transition-delay: 0.15s;
}
.main-menu .menu-item.open > .sub-menu-container > .sub-menu > .menu-item:nth-of-type(3) {
  transition-delay: 0.2s;
}
.main-menu .menu-item.open > .sub-menu-container > .sub-menu > .menu-item:nth-of-type(4) {
  transition-delay: 0.25s;
}
.main-menu .menu-item.open > .sub-menu-container > .sub-menu > .menu-item:nth-of-type(5) {
  transition-delay: 0.3s;
}
.main-menu .menu-item.open > .sub-menu-container > .sub-menu > .menu-item:nth-of-type(6) {
  transition-delay: 0.35s;
}
.main-menu .menu-item.open > .sub-menu-container > .sub-menu > .menu-item:nth-of-type(7) {
  transition-delay: 0.4s;
}
.main-menu .menu-item.open > .sub-menu-container > .sub-menu > .menu-item:nth-of-type(8) {
  transition-delay: 0.45s;
}
.main-menu .menu-item.open > .sub-menu-container > .sub-menu > .menu-item:nth-of-type(9) {
  transition-delay: 0.5s;
}
.main-menu .menu-item.open > .sub-menu-container > .sub-menu > .menu-item:nth-of-type(10) {
  transition-delay: 0.55s;
}
.main-menu .menu-item.open > .sub-menu-container > .sub-menu > .menu-item:nth-of-type(11) {
  transition-delay: 0.6s;
}
.main-menu .menu-item.open > .sub-menu-container > .sub-menu > .menu-item:nth-of-type(12) {
  transition-delay: 0.65s;
}
.main-menu .menu-item.open > .sub-menu-container > .sub-menu > .menu-item:nth-of-type(13) {
  transition-delay: 0.7s;
}
.main-menu .menu-item.open > .sub-menu-container > .sub-menu > .menu-item:nth-of-type(14) {
  transition-delay: 0.75s;
}
.main-menu .menu-item.open > .sub-menu-container > .sub-menu > .menu-item:nth-of-type(15) {
  transition-delay: 0.8s;
}
.main-menu .menu-item.open > .sub-menu-container > .sub-menu > .menu-item:has(~ .toggle-sub-menu) {
  padding-right: 0;
}
.main-menu .sub-menu {
  width: 100%;
}
.main-menu > .menu-item.open ~ .menu-item,
.main-menu > .menu-item:has(~ .menu-item.open),
.main-menu .sub-menu-depth-0 > .menu-item.open ~ .menu-item,
.main-menu .sub-menu-depth-0 > .menu-item:has(~ .menu-item.open) {
  display: none;
}
.main-menu .sub-menu-container .menu-item {
  padding: 0;
}
.main-menu .sub-menu-container .menu-item .menu-item__link {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 1rem clamp(10px, 9%, 38px);
  font-size: clamp(1rem, 1rem + (1vw - 0.225rem) * 0, 1rem); /* stylelint-disable-line max-line-length */
}
.main-menu > .menu-item:not(.megamenu, .menu--with-sidebar) .sub-menu-depth-1 .toggle-sub-menu,
.main-menu > .menu-item:not(.megamenu, .menu--with-sidebar) .sub-menu-depth-2 .toggle-sub-menu {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.975' height='13'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='none' stroke='%23707070' stroke-width='2' d='M0 0h13v23.975H0z' data-name='Rectangle 22'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='Group 58'%3E%3Cg clip-path='url(%23a)' data-name='Group 57' transform='matrix(0 1 -1 0 23.975 0)'%3E%3Cpath fill='none' stroke='%23040506' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1.161 1.161 10.678 10.826L1.224 22.814' data-name='Path 36'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 24px 13px;
}
.main-menu > .megamenu .sub-menu-depth-0 .menu-item > a {
  font-weight: 400;
}
.main-menu .sub-menu-depth-2 {
  max-height: 0;
  pointer-events: none;
  transition: max-height 0.25s cubic-bezier(0.4, 0, 0.6, 1);
}
.main-menu .menu-item.open > .sub-menu-container > .sub-menu-depth-2 {
  max-height: 2500px;
  pointer-events: auto;
}
.main-menu .sub-menu-container .menu-item.menu-item--button {
  width: auto;
  margin: 0 clamp(10px, 9%, 38px);
}
.main-menu .sub-menu-container .menu-item.menu-item--button:has(.toggle-sub-menu) {
  margin: 0;
}
.main-menu .sub-menu-container .menu-item.menu-item--button:has(.toggle-sub-menu) > .menu-item__link {
  margin-left: clamp(10px, 9%, 38px);
}
.main-menu .sub-menu-container .menu-item.menu-item--button > .menu-item__link {
  background-color: var(--wp--preset--color--primary-500);
  border: 2px solid var(--wp--preset--color--primary-500);
  border-radius: 0.25rem;
  display: inline-block;
  color: var(--wp--preset--color--white);
  transition: all 0.4s ease;
  padding: 0.75rem 1.5rem;
  text-transform: none;
  font-weight: 500;
  cursor: pointer;
  letter-spacing: 0;
  text-decoration: none;
  text-decoration-color: transparent;
  outline-color: transparent;
  line-height: 1.1;
  -webkit-font-smoothing: initial;
  outline-offset: 0;
  font-size: clamp(0.875rem, 0.875rem + (1vw - 0.225rem) * 0.2419354839, 1.0625rem); /* stylelint-disable-line max-line-length */
}
.main-menu .sub-menu-container .menu-item.menu-item--button > .menu-item__link:hover, .main-menu .sub-menu-container .menu-item.menu-item--button > .menu-item__link:focus {
  box-shadow: none;
  border: 2px solid var(--wp--preset--color--primary-400);
  background-color: var(--wp--preset--color--primary-400);
  color: var(--wp--preset--color--white);
  text-decoration: none;
  text-decoration-color: transparent;
}
.main-menu .sub-menu-container .menu-item.menu-item--button > .menu-item__link:focus-visible {
  outline: 2px solid #91cba8;
  border: 2px solid var(--wp--preset--color--primary-400);
  background-color: var(--wp--preset--color--primary-400);
  color: var(--wp--preset--color--white);
}
.main-menu .sub-menu-container .menu-item.menu-item--button > .menu-item__link:active, .main-menu .sub-menu-container .menu-item.menu-item--button > .menu-item__link:active:focus, .main-menu .sub-menu-container .menu-item.menu-item--button > .menu-item__link.is-active {
  border: 2px solid var(--wp--preset--color--primary-600);
  background-color: var(--wp--preset--color--primary-600);
  color: var(--wp--preset--color--white);
}
.main-menu .sub-menu-container .menu-item.menu-item--button > .menu-item__link:disabled, .main-menu .sub-menu-container .menu-item.menu-item--button > .menu-item__link:disabled:hover {
  box-shadow: none;
  color: var(--wp--preset--color--primary-400) !important;
  background-color: var(--wp--preset--color--primary-500) !important;
  border-color: var(--wp--preset--color--primary-500) !important;
  cursor: not-allowed;
}
.main-menu .sub-menu-container .menu-item.menu-item--button > .menu-item__link:focus:not(:focus-visible) {
  outline: none !important; /* [1] */
}
.main-menu .sub-menu-container .menu-item.menu-item--button > .menu-item__link {
  padding: 16px 22px;
  width: auto;
  justify-content: center;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.main-menu .sub-menu-container .menu-item.menu-item--button > .menu-item__link > .menu-item__label {
  text-align: center;
}
.main-menu .sub-menu-container .menu-item__image {
  display: none;
}
.main-menu .sub-menu-container .menu-item__icon {
  width: 2.25rem;
  max-height: 2.25rem;
  margin-right: 0.75rem;
  display: inline-block;
}
.main-menu .sub-menu-container .menu-item__icon img {
  -o-object-fit: contain;
     object-fit: contain;
}
.main-menu .sub-menu-container .menu-item__icon picture {
  display: flex;
}
.main-menu .sub-menu-container .menu-item__icon svg {
  max-width: 2.25rem;
  height: auto;
}
.main-menu .sub-menu-container .menu-item__description {
  width: 100%;
  font-weight: 400;
  line-height: 23px;
  font-size: 0.9375rem;
}
.main-menu .menu-item__icon + .menu-item__label {
  width: calc(100% - 3rem);
}
.main-menu .menu-item__icon ~ .menu-item__description {
  padding-left: 3rem;
  margin-top: -4px;
}
.main-menu .menu-item__icon ~ .menu-item__image {
  width: auto;
  max-width: calc(100% - 3rem);
}
.main-menu .menu-item__icon ~ .menu-item__image ~ .menu-item__label {
  width: 100%;
  padding-left: 3rem;
}
.main-menu .menu-item__icon ~ .menu-item__image ~ .menu-item__description {
  margin-top: 4px;
}
.main-menu .sub-menu-container .menu-item .menu-item__link:has(.menu-item__icon) {
  text-wrap: wrap;
}
.main-menu .sub-menu-container .menu-item .menu-item__link:has(.menu-item__icon):has(.menu-item__image) {
  align-items: flex-start;
}

/**
 * Regular submenu
 *
 * A regular submenu without being mega or with sidebar.
 */
.main-menu > .menu-item:not(.menu--with-sidebar, .megamenu) {
  position: relative;
}

/**
 * Megamenu
 *
 * Regular megamenu. Applies to both megamenu with and without sidebar.
 */

/**
 * Megamenu without sidebar
 *
 */

/**
 * Sidebar megamenu
 *
 * Megamenu which uses sidebar.
 */

.main-menu > .menu-item:not(.menu--with-sidebar) .sub-menu-depth-0 > .emphasized-menu-item {
  display: none;
}

.ac-nav-collapse .main-menu .menu-item-image,
.ac-nav-collapse .main-menu .megamenu .menu-item-with-image .menu-item-image {
  display: none;
}
.ac-nav-collapse .main-menu .megamenu .sub-menu-depth-0 > .menu-item-with-mobile-image > a {
  font-weight: 700;
  font-style: normal;
  line-height: 1.53;
  text-transform: none;
  text-decoration: underline;
  width: 100%;
  font-size: 0.9375rem;
}
.ac-nav-collapse .main-menu .megamenu .sub-menu-depth-0 > .menu-item-with-mobile-image .toggle-sub-menu {
  align-self: flex-end;
}
.ac-nav-collapse .main-menu .megamenu .sub-menu-depth-0 > .menu-item-with-mobile-image .menu-item-image-wrap {
  width: 100%;
  background-position: 50%;
  background-size: cover;
  height: 95px;
  margin-bottom: 15px;
}

@keyframes dropdownFadeIn {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.site-header-right-column {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.site-header-right-column button, .site-header-right-column__button, .site-header-right-column__button button, .site-header-right-column__button .cart-button {
  padding: 0;
  border: 0;
  background-color: transparent;
  max-width: 100%;
  align-items: center;
}
.site-header-right-column button:not(.mobile-nav-toggle), .site-header-right-column__button:not(.mobile-nav-toggle), .site-header-right-column__button button:not(.mobile-nav-toggle), .site-header-right-column__button .cart-button:not(.mobile-nav-toggle) {
  display: flex;
}
.site-header-right-column button:hover:not(.qesf-search-bar__icon-button), .site-header-right-column button:active, .site-header-right-column button:active:focus, .site-header-right-column button:active:focus:hover, .site-header-right-column button:focus, .site-header-right-column button:focus-within, .site-header-right-column__button:hover:not(.qesf-search-bar__icon-button), .site-header-right-column__button:active, .site-header-right-column__button:active:focus, .site-header-right-column__button:active:focus:hover, .site-header-right-column__button:focus, .site-header-right-column__button:focus-within, .site-header-right-column__button button:hover:not(.qesf-search-bar__icon-button), .site-header-right-column__button button:active, .site-header-right-column__button button:active:focus, .site-header-right-column__button button:active:focus:hover, .site-header-right-column__button button:focus, .site-header-right-column__button button:focus-within, .site-header-right-column__button .cart-button:hover:not(.qesf-search-bar__icon-button), .site-header-right-column__button .cart-button:active, .site-header-right-column__button .cart-button:active:focus, .site-header-right-column__button .cart-button:active:focus:hover, .site-header-right-column__button .cart-button:focus, .site-header-right-column__button .cart-button:focus-within {
  border: 0;
  background-color: transparent;
}
.site-header-right-column button:focus, .site-header-right-column__button:focus, .site-header-right-column__button button:focus, .site-header-right-column__button .cart-button:focus {
  outline: none;
}
.site-header-right-column button svg, .site-header-right-column__button svg, .site-header-right-column__button button svg, .site-header-right-column__button .cart-button svg {
  height: 24px;
  width: auto;
}
.site-header-right-column button:hover svg:not(.mobile-nav-toggle) path,
.site-header-right-column button:hover svg:not(.qesf-search-bar__icon) path, .site-header-right-column button:focus svg:not(.mobile-nav-toggle) path,
.site-header-right-column button:focus svg:not(.qesf-search-bar__icon) path, .site-header-right-column__button:hover svg:not(.mobile-nav-toggle) path,
.site-header-right-column__button:hover svg:not(.qesf-search-bar__icon) path, .site-header-right-column__button:focus svg:not(.mobile-nav-toggle) path,
.site-header-right-column__button:focus svg:not(.qesf-search-bar__icon) path, .site-header-right-column__button button:hover svg:not(.mobile-nav-toggle) path,
.site-header-right-column__button button:hover svg:not(.qesf-search-bar__icon) path, .site-header-right-column__button button:focus svg:not(.mobile-nav-toggle) path,
.site-header-right-column__button button:focus svg:not(.qesf-search-bar__icon) path, .site-header-right-column__button .cart-button:hover svg:not(.mobile-nav-toggle) path,
.site-header-right-column__button .cart-button:hover svg:not(.qesf-search-bar__icon) path, .site-header-right-column__button .cart-button:focus svg:not(.mobile-nav-toggle) path,
.site-header-right-column__button .cart-button:focus svg:not(.qesf-search-bar__icon) path {
  transition: transform 0.2s ease-in-out;
  fill: var(--wp--preset--color--base-900);
}
.site-header-right-column button .cart-button, .site-header-right-column__button .cart-button, .site-header-right-column__button button .cart-button, .site-header-right-column__button .cart-button .cart-button {
  min-width: 100%;
}
.site-header-right-column button .count, .site-header-right-column__button .count, .site-header-right-column__button button .count, .site-header-right-column__button .cart-button .count {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  background-color: var(--wp--preset--color--primary-500);
  color: var(--wp--preset--color--white);
  font-weight: 700;
  top: calc(50% - 6px);
  transform: translateY(-50%);
  right: -0.375rem;
  font-size: 0.625rem;
}
.site-header-right-column .qala-multimarket-open-selector-button {
  color: var(--wp--preset--color--base-900);
}
.site-header-right-column button,
.site-header-right-column a.cart-button,
.site-header-right-column a {
  padding: 0.6875rem 0.5rem;
}
.site-header-right-column button:hover svg, .site-header-right-column button:focus svg,
.site-header-right-column a.cart-button:hover svg,
.site-header-right-column a.cart-button:focus svg,
.site-header-right-column a:hover svg,
.site-header-right-column a:focus svg {
  transform: scale(1.05);
}
.site-header-right-column button svg,
.site-header-right-column a.cart-button svg,
.site-header-right-column a svg {
  transition: transform 0.2s ease-in-out;
}
.site-header-right-column > div {
  display: flex;
}
.site-header-right-column > div:first-child .site-header-right-column__button {
  margin-left: unset;
}
.site-header-right-column .qala-wishlist-header .qala-wishlist-button svg {
  height: 24px;
  width: auto;
}
.site-header-right-column .search-icon-hide {
  display: none;
}
.site-header-right-column .search-icon-hide.search-icon-show-mob {
  display: flex;
}
.site-header-right-column .qesf-search-bar__icon {
  height: initial !important;
}
.site-header-right-column .qesf-search-bar__icon-button {
  border: initial !important;
}

.site-header-right-column__button,
.site-header-right-column button {
  color: #fff !important;
}
.site-header-right-column__button svg[stroke] path,
.site-header-right-column__button svg[stroke] line,
.site-header-right-column button svg[stroke] path,
.site-header-right-column button svg[stroke] line {
  fill: none !important;
  stroke: #fff !important;
}
.site-header-right-column__button button svg[stroke] path,
.site-header-right-column__button svg[stroke]:not(.qesf-search-bar__icon) path,
.site-header-right-column button button svg[stroke] path,
.site-header-right-column button svg[stroke]:not(.qesf-search-bar__icon) path {
  fill: none !important;
  stroke: #fff !important;
}
.site-header-right-column__button svg:not([stroke]) path,
.site-header-right-column button svg:not([stroke]) path {
  fill: #fff !important;
}
.site-header-right-column__button:hover, .site-header-right-column__button:focus,
.site-header-right-column button:hover,
.site-header-right-column button:focus {
  color: #fff !important;
}
.site-header-right-column__button:hover svg[stroke] path,
.site-header-right-column__button:hover svg[stroke] line,
.site-header-right-column__button:hover button svg[stroke] path,
.site-header-right-column__button:hover svg[stroke]:not(.qesf-search-bar__icon) path, .site-header-right-column__button:focus svg[stroke] path,
.site-header-right-column__button:focus svg[stroke] line,
.site-header-right-column__button:focus button svg[stroke] path,
.site-header-right-column__button:focus svg[stroke]:not(.qesf-search-bar__icon) path,
.site-header-right-column button:hover svg[stroke] path,
.site-header-right-column button:hover svg[stroke] line,
.site-header-right-column button:hover button svg[stroke] path,
.site-header-right-column button:hover svg[stroke]:not(.qesf-search-bar__icon) path,
.site-header-right-column button:focus svg[stroke] path,
.site-header-right-column button:focus svg[stroke] line,
.site-header-right-column button:focus button svg[stroke] path,
.site-header-right-column button:focus svg[stroke]:not(.qesf-search-bar__icon) path {
  fill: none !important;
  stroke: #fff !important;
}
.site-header-right-column__button:hover svg:not([stroke]) path, .site-header-right-column__button:focus svg:not([stroke]) path,
.site-header-right-column button:hover svg:not([stroke]) path,
.site-header-right-column button:focus svg:not([stroke]) path {
  fill: #fff !important;
}
.site-header-right-column__button.cart-button,
.site-header-right-column__button a.cart-button,
.site-header-right-column__button .cart-button,
.site-header-right-column button.cart-button,
.site-header-right-column button a.cart-button,
.site-header-right-column button .cart-button {
  color: #000 !important;
}
.site-header-right-column__button.cart-button svg[stroke] path,
.site-header-right-column__button.cart-button svg[stroke] line,
.site-header-right-column__button.cart-button button svg[stroke] path,
.site-header-right-column__button.cart-button svg[stroke]:not(.qesf-search-bar__icon) path,
.site-header-right-column__button a.cart-button svg[stroke] path,
.site-header-right-column__button a.cart-button svg[stroke] line,
.site-header-right-column__button a.cart-button button svg[stroke] path,
.site-header-right-column__button a.cart-button svg[stroke]:not(.qesf-search-bar__icon) path,
.site-header-right-column__button .cart-button svg[stroke] path,
.site-header-right-column__button .cart-button svg[stroke] line,
.site-header-right-column__button .cart-button button svg[stroke] path,
.site-header-right-column__button .cart-button svg[stroke]:not(.qesf-search-bar__icon) path,
.site-header-right-column button.cart-button svg[stroke] path,
.site-header-right-column button.cart-button svg[stroke] line,
.site-header-right-column button.cart-button button svg[stroke] path,
.site-header-right-column button.cart-button svg[stroke]:not(.qesf-search-bar__icon) path,
.site-header-right-column button a.cart-button svg[stroke] path,
.site-header-right-column button a.cart-button svg[stroke] line,
.site-header-right-column button a.cart-button button svg[stroke] path,
.site-header-right-column button a.cart-button svg[stroke]:not(.qesf-search-bar__icon) path,
.site-header-right-column button .cart-button svg[stroke] path,
.site-header-right-column button .cart-button svg[stroke] line,
.site-header-right-column button .cart-button button svg[stroke] path,
.site-header-right-column button .cart-button svg[stroke]:not(.qesf-search-bar__icon) path {
  fill: none !important;
  stroke: #000 !important;
}
.site-header-right-column__button.cart-button svg:not([stroke]) path,
.site-header-right-column__button a.cart-button svg:not([stroke]) path,
.site-header-right-column__button .cart-button svg:not([stroke]) path,
.site-header-right-column button.cart-button svg:not([stroke]) path,
.site-header-right-column button a.cart-button svg:not([stroke]) path,
.site-header-right-column button .cart-button svg:not([stroke]) path {
  fill: #000 !important;
}
.site-header-right-column__button.cart-button:hover, .site-header-right-column__button.cart-button:focus,
.site-header-right-column__button a.cart-button:hover,
.site-header-right-column__button a.cart-button:focus,
.site-header-right-column__button .cart-button:hover,
.site-header-right-column__button .cart-button:focus,
.site-header-right-column button.cart-button:hover,
.site-header-right-column button.cart-button:focus,
.site-header-right-column button a.cart-button:hover,
.site-header-right-column button a.cart-button:focus,
.site-header-right-column button .cart-button:hover,
.site-header-right-column button .cart-button:focus {
  color: #000 !important;
}
.site-header-right-column__button.cart-button:hover svg[stroke] path,
.site-header-right-column__button.cart-button:hover svg[stroke] line,
.site-header-right-column__button.cart-button:hover button svg[stroke] path,
.site-header-right-column__button.cart-button:hover svg[stroke]:not(.qesf-search-bar__icon) path, .site-header-right-column__button.cart-button:focus svg[stroke] path,
.site-header-right-column__button.cart-button:focus svg[stroke] line,
.site-header-right-column__button.cart-button:focus button svg[stroke] path,
.site-header-right-column__button.cart-button:focus svg[stroke]:not(.qesf-search-bar__icon) path,
.site-header-right-column__button a.cart-button:hover svg[stroke] path,
.site-header-right-column__button a.cart-button:hover svg[stroke] line,
.site-header-right-column__button a.cart-button:hover button svg[stroke] path,
.site-header-right-column__button a.cart-button:hover svg[stroke]:not(.qesf-search-bar__icon) path,
.site-header-right-column__button a.cart-button:focus svg[stroke] path,
.site-header-right-column__button a.cart-button:focus svg[stroke] line,
.site-header-right-column__button a.cart-button:focus button svg[stroke] path,
.site-header-right-column__button a.cart-button:focus svg[stroke]:not(.qesf-search-bar__icon) path,
.site-header-right-column__button .cart-button:hover svg[stroke] path,
.site-header-right-column__button .cart-button:hover svg[stroke] line,
.site-header-right-column__button .cart-button:hover button svg[stroke] path,
.site-header-right-column__button .cart-button:hover svg[stroke]:not(.qesf-search-bar__icon) path,
.site-header-right-column__button .cart-button:focus svg[stroke] path,
.site-header-right-column__button .cart-button:focus svg[stroke] line,
.site-header-right-column__button .cart-button:focus button svg[stroke] path,
.site-header-right-column__button .cart-button:focus svg[stroke]:not(.qesf-search-bar__icon) path,
.site-header-right-column button.cart-button:hover svg[stroke] path,
.site-header-right-column button.cart-button:hover svg[stroke] line,
.site-header-right-column button.cart-button:hover button svg[stroke] path,
.site-header-right-column button.cart-button:hover svg[stroke]:not(.qesf-search-bar__icon) path,
.site-header-right-column button.cart-button:focus svg[stroke] path,
.site-header-right-column button.cart-button:focus svg[stroke] line,
.site-header-right-column button.cart-button:focus button svg[stroke] path,
.site-header-right-column button.cart-button:focus svg[stroke]:not(.qesf-search-bar__icon) path,
.site-header-right-column button a.cart-button:hover svg[stroke] path,
.site-header-right-column button a.cart-button:hover svg[stroke] line,
.site-header-right-column button a.cart-button:hover button svg[stroke] path,
.site-header-right-column button a.cart-button:hover svg[stroke]:not(.qesf-search-bar__icon) path,
.site-header-right-column button a.cart-button:focus svg[stroke] path,
.site-header-right-column button a.cart-button:focus svg[stroke] line,
.site-header-right-column button a.cart-button:focus button svg[stroke] path,
.site-header-right-column button a.cart-button:focus svg[stroke]:not(.qesf-search-bar__icon) path,
.site-header-right-column button .cart-button:hover svg[stroke] path,
.site-header-right-column button .cart-button:hover svg[stroke] line,
.site-header-right-column button .cart-button:hover button svg[stroke] path,
.site-header-right-column button .cart-button:hover svg[stroke]:not(.qesf-search-bar__icon) path,
.site-header-right-column button .cart-button:focus svg[stroke] path,
.site-header-right-column button .cart-button:focus svg[stroke] line,
.site-header-right-column button .cart-button:focus button svg[stroke] path,
.site-header-right-column button .cart-button:focus svg[stroke]:not(.qesf-search-bar__icon) path {
  fill: none !important;
  stroke: #000 !important;
}
.site-header-right-column__button.cart-button:hover svg:not([stroke]) path, .site-header-right-column__button.cart-button:focus svg:not([stroke]) path,
.site-header-right-column__button a.cart-button:hover svg:not([stroke]) path,
.site-header-right-column__button a.cart-button:focus svg:not([stroke]) path,
.site-header-right-column__button .cart-button:hover svg:not([stroke]) path,
.site-header-right-column__button .cart-button:focus svg:not([stroke]) path,
.site-header-right-column button.cart-button:hover svg:not([stroke]) path,
.site-header-right-column button.cart-button:focus svg:not([stroke]) path,
.site-header-right-column button a.cart-button:hover svg:not([stroke]) path,
.site-header-right-column button a.cart-button:focus svg:not([stroke]) path,
.site-header-right-column button .cart-button:hover svg:not([stroke]) path,
.site-header-right-column button .cart-button:focus svg:not([stroke]) path {
  fill: #000 !important;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.search-open .search-toggle svg {
  fill: var(--wp--preset--color--primary-500);
}

.nav-search-container {
  position: relative;
  display: none;
  color: var(--wp--preset--color--white);
  background-color: var(--wp--preset--color--primary-500);
  z-index: -1;
  height: 51px;
  width: 100%;
}
.nav-search-container .form-group {
  margin-bottom: 0;
}
.nav-search-container .form-control {
  border: 0;
  line-height: 1.56;
  letter-spacing: 0;
  font-size: 1.125rem;
}
.nav-search-container .form-control:focus {
  outline: none;
  box-shadow: none;
}
.nav-search-container .form-control,
.nav-search-container button {
  font-family: var(--wp--preset--font-family--zalando-sans);
  height: 51px;
  color: var(--wp--preset--color--white);
  background-color: var(--wp--preset--color--primary-500);
  padding: 20px 0;
}
.nav-search-container .form-control::-moz-placeholder, .nav-search-container button::-moz-placeholder {
  color: var(--wp--preset--color--white);
}
.nav-search-container .form-control::placeholder,
.nav-search-container button::placeholder {
  color: var(--wp--preset--color--white);
}
.nav-search-container button {
  position: absolute;
  display: none;
  right: 0;
  top: 0;
  border: 0;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.top-header {
  display: none;
  background: var(--wp--preset--color--base-100);
}
.top-header .top-header-inner {
  display: flex;
  width: 100%;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

.top-header-information {
  margin: 0;
  padding: 0;
  line-height: 1.46;
  letter-spacing: 0;
  color: var(--wp--preset--color--base-900);
  font-size: 0.8125rem;
}

.top-header-actions {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
}
.top-header-actions li {
  display: flex;
  align-items: center;
}
.top-header-actions li:before {
  content: "";
  width: 1px;
  height: 100%;
  background: var(--wp--preset--color--base-300);
  margin-right: 22px;
  margin-left: 22px;
}
.top-header-actions li:first-child:before {
  display: none;
}
.top-header-actions a,
.top-header-actions .qala-multimarket-open-selector-button {
  line-height: 1.46;
  letter-spacing: 0;
  color: var(--wp--preset--color--base-900);
  padding: 2px 0;
  font-size: 0.8125rem;
}

.top-header-mobile {
  list-style: none;
  padding: 0;
  margin: 0;
  background-color: #f5f5f5;
}
.top-header-mobile li {
  display: block;
  border-top: 1px solid var(--wp--preset--color--base-300);
  padding: 0;
}
.top-header-mobile li:last-child {
  border-bottom: 1px solid var(--wp--preset--color--base-300);
}
.top-header-mobile a,
.top-header-mobile li > span,
.top-header-mobile .qala-multimarket-open-selector-button,
.top-header-mobile .cart-button {
  display: block;
  line-height: 1.46;
  letter-spacing: 0;
  color: var(--wp--preset--color--base-900);
  padding: 1rem 2rem;
  font-size: 1rem;
}
.top-header-mobile a:hover, .top-header-mobile a:focus,
.top-header-mobile li > span:hover,
.top-header-mobile li > span:focus,
.top-header-mobile .qala-multimarket-open-selector-button:hover,
.top-header-mobile .qala-multimarket-open-selector-button:focus,
.top-header-mobile .cart-button:hover,
.top-header-mobile .cart-button:focus {
  color: var(--wp--preset--color--primary-500);
}
.top-header-mobile .qala-multimarket-open-selector-button {
  border: 0;
  background-color: transparent;
  display: flex;
  align-items: center;
  font-weight: 300;
  cursor: pointer;
}
.top-header-mobile .qala-multimarket-open-selector-button:hover svg, .top-header-mobile .qala-multimarket-open-selector-button:focus svg {
  transform: scale(1.1);
}
.top-header-mobile .qala-multimarket-open-selector-button svg {
  margin-right: 12px;
  width: 24px;
  height: 24px;
  transition: transform 0.2s ease-in-out;
  /* stylelint-disable max-nesting-depth */
}
.top-header-mobile .qala-multimarket-open-selector-button svg path {
  fill: var(--wp--preset--color--base-900);
}
.top-header-mobile .qala-multimarket-open-selector-button svg {
  /* stylelint-enable */
}
.top-header-mobile .qala-multimarket-open-selector-button span {
  padding: 0;
  font-weight: normal;
  font-weight: 300;
}
.top-header-mobile .site-header-right-column__button {
  margin: 0;
  display: block;
}
.top-header-mobile .site-header-right-column__button:hover svg, .top-header-mobile .site-header-right-column__button:focus svg {
  transform: scale(1.1);
}
.top-header-mobile .site-header-right-column__button button {
  color: var(--wp--preset--color--base-900);
  font-weight: 400;
}
.top-header-mobile .site-header-right-column__button button:hover, .top-header-mobile .site-header-right-column__button button:focus {
  color: var(--wp--preset--color--primary-500);
}
.top-header-mobile .site-header-right-column__button .qala-wishlist-button,
.top-header-mobile .site-header-right-column__button .cart-button {
  position: relative;
}
.top-header-mobile .site-header-right-column__button {
  /* stylelint-disable max-nesting-depth */
}
.top-header-mobile .site-header-right-column__button .cart-button .count {
  left: 44px;
  top: 20px;
}
.top-header-mobile .site-header-right-column__button .qala-wishlist-button .count {
  top: 14px;
  left: 46px;
}
.top-header-mobile .site-header-right-column__button {
  /* stylelint-enable */
}
.top-header-mobile .site-header-right-column__button svg {
  margin-right: 12px;
  transition: transform 0.2s ease-in-out;
}
.top-header-mobile .site-header-right-column__button:hover, .top-header-mobile .site-header-right-column__button:active, .top-header-mobile .site-header-right-column__button:active:focus, .top-header-mobile .site-header-right-column__button:active:focus:hover, .top-header-mobile .site-header-right-column__button:focus, .top-header-mobile .site-header-right-column__button:focus-within {
  border-top: 1px solid var(--wp--preset--color--base-300);
}
.top-header-mobile .qala-wishlist-button:hover, .top-header-mobile .qala-wishlist-button:active, .top-header-mobile .qala-wishlist-button:active:focus, .top-header-mobile .qala-wishlist-button:focus {
  padding: 1rem 2rem;
}

.ac-nav-collapse.sub-menu-opened .top-header-mobile {
  display: none;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.info-bar {
  position: relative;
  z-index: 1750;
  left: 0;
  top: 0;
  background-color: var(--wp--preset--color--primary-500);
  max-height: 68px;
  width: 100%;
  height: auto;
  overflow: hidden;
  transition: max-height 250ms cubic-bezier(0, 1, 0, 1);
}
.info-bar a,
.info-bar p {
  color: var(--wp--preset--color--white);
}
.info-bar p {
  margin: 0;
  font-size: 0.8125rem;
}
.info-bar .info-bar-content {
  max-width: 720px;
  font-weight: 600;
  line-height: 1.75;
  padding: 12px 15px;
  text-align: center;
  margin: 0 auto;
}
.info-bar .info-bar-content--short-text:after {
  content: "… ";
  display: inline-block;
  padding-right: 0.5ch;
}
.info-bar .info-bar-content--show-more, .info-bar .info-bar-content--show-less {
  all: inherit;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font-weight: 300;
}
.info-bar .info-bar-content--show-more:hover, .info-bar .info-bar-content--show-more:focus, .info-bar .info-bar-content--show-more:active, .info-bar .info-bar-content--show-less:hover, .info-bar .info-bar-content--show-less:focus, .info-bar .info-bar-content--show-less:active {
  all: inherit;
  padding: 0;
  margin: 0;
  display: inline;
  font-weight: 300;
  text-decoration: underline;
}
.info-bar .info-bar-content--dots, .info-bar .info-bar-content--show-more {
  display: inline;
}
.info-bar .info-bar-content--additional-text, .info-bar .info-bar-content--show-less {
  display: none;
}
.info-bar .info-bar-content--additional-text:hover, .info-bar .info-bar-content--additional-text:focus, .info-bar .info-bar-content--additional-text:active, .info-bar .info-bar-content--show-less:hover, .info-bar .info-bar-content--show-less:focus, .info-bar .info-bar-content--show-less:active {
  display: none;
}
.info-bar.expanded {
  max-height: 600px;
}
.info-bar.expanded .info-bar-content--dots,
.info-bar.expanded .info-bar-content--show-more {
  display: none;
}
.info-bar.expanded .info-bar-content--additional-text {
  display: inline;
}
.info-bar.expanded .info-bar-content--short-text:after {
  display: none;
}
.info-bar.expanded .info-bar-content--show-less {
  display: block;
  margin: 0 auto;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.site-footer {
  background-color: var(--wp--preset--color--primary-600);
  color: var(--wp--preset--color--white);
}
.site-footer .grid {
  align-items: flex-start;
}
.site-footer p,
.site-footer a {
  font-size: clamp(0.875rem, 0.875rem + (1vw - 0.225rem) * 0.1612903226, 1rem); /* stylelint-disable-line max-line-length */
}
.site-footer a {
  color: var(--wp--preset--color--white);
  text-decoration: none;
  text-decoration-color: transparent;
}
.site-footer a:hover, .site-footer a:focus {
  color: var(--wp--preset--color--white);
  text-decoration: underline;
  text-decoration-color: var(--wp--preset--color--white);
}

.footer-content {
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem;
}
.footer-content .footer-logo {
  margin-bottom: 2rem;
  text-align: left;
}
.footer-content .social-media-button a,
.footer-content .wp-block-social-links .wp-block-social-link-anchor {
  background-color: var(--wp--preset--color--white);
  border-radius: 50%;
  color: var(--wp--preset--color--white);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  transition: background-color 0.2s ease-in-out;
}
.footer-content .social-media-button a svg,
.footer-content .wp-block-social-links .wp-block-social-link-anchor svg {
  height: 18px;
  width: 18px;
}
.footer-content .social-media-button a svg path,
.footer-content .wp-block-social-links .wp-block-social-link-anchor svg path {
  fill: var(--wp--preset--color--primary-600);
  transition: fill 0.2s ease-in-out;
}
.footer-content .social-media-button a:hover, .footer-content .social-media-button a:focus,
.footer-content .wp-block-social-links .wp-block-social-link-anchor:hover,
.footer-content .wp-block-social-links .wp-block-social-link-anchor:focus {
  background-color: transparent;
}
.footer-content .social-media-button a:hover svg path, .footer-content .social-media-button a:focus svg path,
.footer-content .wp-block-social-links .wp-block-social-link-anchor:hover svg path,
.footer-content .wp-block-social-links .wp-block-social-link-anchor:focus svg path {
  fill: var(--wp--preset--color--white);
}

.footer-heading {
  color: var(--wp--preset--color--white);
  line-height: 1.45;
  letter-spacing: 0;
  font-weight: 600;
  font-family: var(--wp--preset--font-family--zalando-sans);
  text-transform: uppercase;
  margin-top: 0;
  font-size: clamp(0.6875rem, 0.6875rem + (1vw - 0.225rem) * 0.2419354839, 0.875rem); /* stylelint-disable-line max-line-length */
}

.footer-logo {
  margin-bottom: 10px;
  display: block;
}
.footer-logo img {
  max-width: 160px;
  width: 100%;
}

.footer-about-text {
  text-align: left;
  margin-bottom: 2.5em;
}
.footer-about-text a {
  color: var(--wp--preset--color--white);
  text-decoration: none;
  text-decoration-color: transparent;
}
.footer-about-text a:hover, .footer-about-text a:focus {
  color: var(--wp--preset--color--white);
  text-decoration: underline;
  text-decoration-color: var(--wp--preset--color--white);
}

.footer-contact .footer-heading {
  margin-top: 30px;
}
.footer-contact span {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 0.46em;
}
.footer-contact span:last-child {
  margin-bottom: 0;
}
.footer-contact span svg {
  margin-right: 12px;
  max-width: 22px;
}
.footer-contact span.inline-svg svg {
  margin-right: 0;
  max-width: initial;
}
.footer-contact span svg path,
.footer-contact div svg path {
  fill: var(--wp--preset--color--white);
}
.footer-contact a {
  color: var(--wp--preset--color--white);
  text-decoration: none;
  text-decoration-color: transparent;
}
.footer-contact a:hover, .footer-contact a:focus {
  color: var(--wp--preset--color--white);
  text-decoration: underline;
  text-decoration-color: var(--wp--preset--color--white);
}
.footer-contact span a {
  color: var(--wp--preset--color--white);
  display: flex;
  align-items: center;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
  text-decoration-color: transparent;
}
.footer-contact span a:hover, .footer-contact span a:focus {
  color: var(--wp--preset--color--white);
  text-decoration: underline;
  text-decoration-color: var(--wp--preset--color--white);
}
.footer-contact.hide-icons span {
  margin-bottom: 1em;
}
.footer-contact.hide-icons span svg {
  display: none;
}

.footer-menu-wrapper {
  padding: 0;
}
.footer-menu-wrapper ul {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-flow: column nowrap;
  margin-bottom: 0;
}
.footer-menu-wrapper ul ul {
  flex-direction: column;
}
.footer-menu-wrapper ul ul li {
  width: 100%;
  flex-basis: 100%;
}
.footer-menu-wrapper ul li {
  margin-bottom: 7px;
  width: auto;
  flex-basis: 100%;
}
.footer-menu-wrapper ul li a {
  color: var(--wp--preset--color--white);
  transition: all 0.2s ease-in-out;
  font-size: clamp(0.875rem, 0.875rem + (1vw - 0.225rem) * 0.1612903226, 1rem); /* stylelint-disable-line max-line-length */
}
.footer-menu-wrapper ul li a:hover, .footer-menu-wrapper ul li a:focus {
  color: var(--wp--preset--color--white);
  text-decoration: underline;
}

.footer-newsletter .footer-heading {
  color: var(--wp--preset--color--white);
  font-weight: lighter;
  text-transform: none;
  letter-spacing: 0;
  font-size: clamp(1.25rem, 1.25rem + (1vw - 0.225rem) * 0.3225806452, 1.5rem); /* stylelint-disable-line max-line-length */
}

.footer-newsletter form a {
  text-decoration: underline;
}
.footer-newsletter form input[type=submit] {
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--black);
}
.footer-newsletter form input[type=submit]:hover, .footer-newsletter form input[type=submit]:focus {
  color: var(--wp--preset--color--white);
}
.footer-newsletter form input[type=text],
.footer-newsletter form input[type=email],
.footer-newsletter form input[type=url],
.footer-newsletter form input[type=tel],
.footer-newsletter form textarea {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.2);
  margin-block-end: 1rem;
  color: var(--wp--preset--color--white);
  font-size: 0.875rem;
}
.footer-newsletter form input[type=text]::-moz-placeholder, .footer-newsletter form input[type=email]::-moz-placeholder, .footer-newsletter form input[type=url]::-moz-placeholder, .footer-newsletter form input[type=tel]::-moz-placeholder, .footer-newsletter form textarea::-moz-placeholder {
  color: var(--wp--preset--color--base-300);
}
.footer-newsletter form input[type=text]::placeholder,
.footer-newsletter form input[type=email]::placeholder,
.footer-newsletter form input[type=url]::placeholder,
.footer-newsletter form input[type=tel]::placeholder,
.footer-newsletter form textarea::placeholder {
  color: var(--wp--preset--color--base-300);
}
.footer-newsletter form input[type=text]:focus,
.footer-newsletter form input[type=email]:focus,
.footer-newsletter form input[type=url]:focus,
.footer-newsletter form input[type=tel]:focus,
.footer-newsletter form textarea:focus {
  background-color: transparent;
  outline: none;
}
.footer-newsletter form input[type=text]:focus,
.footer-newsletter form input[type=email]:focus,
.footer-newsletter form input[type=url]:focus,
.footer-newsletter form input[type=tel]:focus,
.footer-newsletter form textarea:focus,
.footer-newsletter form input[type=text]:active,
.footer-newsletter form input[type=email]:active,
.footer-newsletter form input[type=url]:active,
.footer-newsletter form input[type=tel]:active,
.footer-newsletter form textarea:active {
  background-color: rgba(201, 201, 201, 0.2);
  border-color: var(--wp--preset--color--white);
}
.footer-newsletter form input[type=text]:not(:-moz-placeholder), .footer-newsletter form input[type=email]:not(:-moz-placeholder), .footer-newsletter form input[type=url]:not(:-moz-placeholder), .footer-newsletter form input[type=tel]:not(:-moz-placeholder), .footer-newsletter form textarea:not(:-moz-placeholder) {
  border-color: var(--wp--preset--color--white);
}
.footer-newsletter form input[type=text]:not(:placeholder-shown),
.footer-newsletter form input[type=email]:not(:placeholder-shown),
.footer-newsletter form input[type=url]:not(:placeholder-shown),
.footer-newsletter form input[type=tel]:not(:placeholder-shown),
.footer-newsletter form textarea:not(:placeholder-shown) {
  border-color: var(--wp--preset--color--white);
}
.footer-newsletter form label {
  color: var(--wp--preset--color--base-300);
  display: inline-block;
  margin-bottom: 6px;
  font-size: 0.875rem;
}

/**
 * Add this class if you want to have labels which float upwards when the input
 * is active/focused. The input and labels need to be inside their own .field-group
 * parent with input then label e.g. <div class="field-group"><input><label></div>.
 * The footer background-color should match the input background-color too,
 * so $input_background_color--active is not used here
 */
.footer-newsletter--fancy-labels form input[type=text],
.footer-newsletter--fancy-labels form input[type=email],
.footer-newsletter--fancy-labels form input[type=url],
.footer-newsletter--fancy-labels form input[type=tel],
.footer-newsletter--fancy-labels form textarea {
  padding: 0.625rem 2.6675rem 0.625rem 1.1675rem;
  position: relative;
  z-index: 1;
  margin-block-end: 0;
}
.footer-newsletter--fancy-labels form input[type=text]::-moz-placeholder, .footer-newsletter--fancy-labels form input[type=email]::-moz-placeholder, .footer-newsletter--fancy-labels form input[type=url]::-moz-placeholder, .footer-newsletter--fancy-labels form input[type=tel]::-moz-placeholder, .footer-newsletter--fancy-labels form textarea::-moz-placeholder {
  opacity: 0;
}
.footer-newsletter--fancy-labels form input[type=text]::placeholder,
.footer-newsletter--fancy-labels form input[type=email]::placeholder,
.footer-newsletter--fancy-labels form input[type=url]::placeholder,
.footer-newsletter--fancy-labels form input[type=tel]::placeholder,
.footer-newsletter--fancy-labels form textarea::placeholder {
  opacity: 0;
}
.footer-newsletter--fancy-labels form input[type=text]:focus,
.footer-newsletter--fancy-labels form input[type=email]:focus,
.footer-newsletter--fancy-labels form input[type=url]:focus,
.footer-newsletter--fancy-labels form input[type=tel]:focus,
.footer-newsletter--fancy-labels form textarea:focus input[type=text]:active,
.footer-newsletter--fancy-labels form input[type=email]:active,
.footer-newsletter--fancy-labels form input[type=url]:active,
.footer-newsletter--fancy-labels form input[type=tel]:active,
.footer-newsletter--fancy-labels form textarea:active {
  background-color: transparent;
}
.footer-newsletter--fancy-labels form input[type=text]:focus::-moz-placeholder, .footer-newsletter--fancy-labels form input[type=email]:focus::-moz-placeholder, .footer-newsletter--fancy-labels form input[type=url]:focus::-moz-placeholder, .footer-newsletter--fancy-labels form input[type=tel]:focus::-moz-placeholder, .footer-newsletter--fancy-labels form textarea:focus input[type=text]:active::-moz-placeholder, .footer-newsletter--fancy-labels form input[type=email]:active::-moz-placeholder, .footer-newsletter--fancy-labels form input[type=url]:active::-moz-placeholder, .footer-newsletter--fancy-labels form input[type=tel]:active::-moz-placeholder, .footer-newsletter--fancy-labels form textarea:active::-moz-placeholder {
  opacity: 1;
}
.footer-newsletter--fancy-labels form input[type=text]:focus::placeholder,
.footer-newsletter--fancy-labels form input[type=email]:focus::placeholder,
.footer-newsletter--fancy-labels form input[type=url]:focus::placeholder,
.footer-newsletter--fancy-labels form input[type=tel]:focus::placeholder,
.footer-newsletter--fancy-labels form textarea:focus input[type=text]:active::placeholder,
.footer-newsletter--fancy-labels form input[type=email]:active::placeholder,
.footer-newsletter--fancy-labels form input[type=url]:active::placeholder,
.footer-newsletter--fancy-labels form input[type=tel]:active::placeholder,
.footer-newsletter--fancy-labels form textarea:active::placeholder {
  opacity: 1;
}
.footer-newsletter--fancy-labels form label {
  transform: translate(0.75rem, -2.25rem);
  padding: 0 0.5rem;
  margin: 0;
  transition: transform 0.2s ease-in-out;
  background-color: var(--wp--preset--color--primary-600);
}
.footer-newsletter--fancy-labels form .field-group input:not(:-moz-placeholder) ~ label {
  color: var(--wp--preset--color--white);
  position: relative;
  z-index: 2;
  transform: translate(0.75rem, -3.75rem);
}
.footer-newsletter--fancy-labels form .field-group input:active ~ label,
.footer-newsletter--fancy-labels form .field-group input:focus ~ label,
.footer-newsletter--fancy-labels form .field-group input:not(:placeholder-shown) ~ label {
  color: var(--wp--preset--color--white);
  position: relative;
  z-index: 2;
  transform: translate(0.75rem, -3.75rem);
}
.footer-newsletter--fancy-labels form .tc-label {
  transform: none;
  padding-bottom: 8px;
  color: var(--wp--preset--color--white);
  display: flex;
  align-items: center;
  -moz-column-gap: 5px;
       column-gap: 5px;
  margin-top: -6px;
}
.footer-newsletter--fancy-labels form .tc-label input {
  margin-right: 5px;
}
.footer-newsletter--fancy-labels form .form-submit-right {
  position: relative;
}
.footer-newsletter--fancy-labels form .form-submit-right input[type=email] {
  padding-right: 7.5rem;
}
.footer-newsletter--fancy-labels form .form-submit-right input[type=submit],
.footer-newsletter--fancy-labels form .form-submit-right button[type=submit] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 24.5px;
  z-index: 3;
  padding: 0.625rem 1.125rem;
  border-color: transparent;
  border-radius: 0;
}
.footer-newsletter--fancy-labels form .form-submit-right input[type=submit]:hover, .footer-newsletter--fancy-labels form .form-submit-right input[type=submit]:focus, .footer-newsletter--fancy-labels form .form-submit-right input[type=submit]:active,
.footer-newsletter--fancy-labels form .form-submit-right button[type=submit]:hover,
.footer-newsletter--fancy-labels form .form-submit-right button[type=submit]:focus,
.footer-newsletter--fancy-labels form .form-submit-right button[type=submit]:active {
  border-color: var(--wp--preset--color--white);
  background-color: var(--wp--preset--color--primary-500);
}
.footer-newsletter--fancy-labels form .form-submit-right input[type=checkbox] {
  transform: none;
}

.social-media-buttons,
.payment-gateway-icons {
  list-style: none;
  padding-left: 0;
  display: flex;
  margin: 0;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
  line-height: 0;
}
.social-media-buttons li + li,
.payment-gateway-icons li + li {
  margin-left: 1rem;
}
.social-media-buttons a svg path,
.payment-gateway-icons a svg path {
  fill: var(--wp--preset--color--primary-600);
}
.social-media-buttons a:hover svg path,
.payment-gateway-icons a:hover svg path {
  fill: var(--wp--preset--color--white);
}

.payment-gateway-icons {
  justify-content: center;
}
.payment-gateway-icons a {
  display: inline-block;
  padding: 12px;
}
.payment-gateway-icons img {
  max-width: 100px;
  width: 32px;
  height: 32px;
}
.payment-gateway-icons li {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.payment-gateway-icons .payment-gateway-item > span > svg {
  width: 32px;
  height: 32px;
}

.footer-payment-social {
  display: flex;
  flex-direction: column;
  padding: 1.25rem 0;
}
.footer-payment-social div + div {
  margin-top: 1.5rem;
}

.footer-copyright {
  color: var(--wp--preset--color--white);
  letter-spacing: 0;
}
.footer-copyright .container {
  display: flex;
  justify-content: space-between;
  padding-bottom: 1.5rem;
}
.footer-copyright .footer-logo {
  margin-left: auto;
}
.footer-copyright .footer-logo img {
  max-width: 70px;
  opacity: 0.2;
}
.footer-copyright .aclp-toggle {
  margin: 0;
  padding: 0;
  border: 0;
  text-transform: none;
  font-weight: 300;
}

.footer-column--menus {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.footer-column--menus > .col-m-6 {
  flex-basis: 100%;
  max-width: 100%;
  padding-bottom: 0;
}
.footer-column--menus .col-m-6, .footer-column--newsletter .col-m-6 {
  padding-left: 0;
}
.footer-column--menus-2 > .col-m-6 {
  flex-basis: 50%;
  max-width: 50%;
}

.footer-bottom-wrapper {
  width: 100%;
  border-top: 1px solid var(--wp--preset--color--white);
  padding-top: 1.5rem;
}
.footer-bottom-wrapper .column--country-selector {
  display: flex;
  justify-content: center;
  margin-bottom: 1.5rem;
}
.footer-bottom-wrapper .column--country-selector .footer-country-selector {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.2);
  display: flex;
  /* stylelint-disable max-nesting-depth */
}
.footer-bottom-wrapper .column--country-selector .footer-country-selector span,
.footer-bottom-wrapper .column--country-selector .footer-country-selector img {
  width: 20px;
  height: 20px;
}
.footer-bottom-wrapper .column--country-selector .footer-country-selector img {
  margin-right: 10px;
}
.footer-bottom-wrapper .column--country-selector .footer-country-selector:hover, .footer-bottom-wrapper .column--country-selector .footer-country-selector:focus, .footer-bottom-wrapper .column--country-selector .footer-country-selector:active {
  background-color: transparent;
  border-color: var(--wp--preset--color--white);
}
.footer-bottom-wrapper .column--country-selector .footer-country-selector {
  /* stylelint-enable */
}
.footer-bottom-wrapper .column--info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.footer-bottom-wrapper .column--info:first-child {
  margin-left: auto;
}
.footer-bottom-wrapper .column--info:last-child {
  margin-right: auto;
}
.footer-bottom-wrapper .column--info .site-info {
  font-size: 0.8125rem;
  font-weight: 300;
  padding: 1rem 0;
  margin: 0;
  text-align: center;
}
.footer-bottom-wrapper .info--legal-links a {
  font-size: 0.8125rem;
  font-weight: 300;
  transition: all 0.2s ease-in-out;
}

.sub-footer-menu-wrapper .sub-footer-menu {
  display: flex;
  list-style: none;
  justify-content: center;
  flex-flow: row wrap;
  margin: 0;
  padding: 0;
}
.sub-footer-menu-wrapper .sub-footer-menu .menu-item {
  white-space: nowrap;
  margin-right: 1.25rem;
}
.sub-footer-menu-wrapper .sub-footer-menu .menu-item:last-child:after {
  display: none;
}

.site-footer .footer-logo img {
  max-width: 100%;
  width: 100%;
}

.site-footer .footer-copyright button {
  color: var(--wp--preset--color--white);
}

.site-footer .qala-multimarket-open-selector-button {
  border: 2px solid #fff;
  transition: border-color 0.4s ease-in-out;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
/**
 * Modern Footer Styles
 *
 * Elegant footer design inspired by Apple aesthetics with restaurant warmth.
 * Clean, responsive footer powered by ACF Options.
 * Uses CSS variables for design system consistency.
 */
:root {
  --footer-bg: var(--wp--preset--color--primary-600);
  --footer-bg-gradient: linear-gradient(180deg, var(--wp--preset--color--primary-600) 0%, var(--wp--preset--color--primary-600) 100%);
  --footer-text: #fff;
  --footer-text-muted: rgb(255 255 255 / 75%);
  --footer-text-subtle: rgb(255 255 255 / 60%);
  --footer-border: rgb(255 255 255 / 15%);
  --footer-border-subtle: rgb(255 255 255 / 10%);
  --footer-link-hover: rgb(255 255 255 / 100%);
  --footer-spacing-top: 4rem;
  --footer-spacing-bottom: 2rem;
  --footer-logo-opacity: 1;
  --footer-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.site-footer--modern {
  background: var(--footer-bg-gradient);
  color: var(--footer-text);
  margin-top: auto;
  position: relative;
  overflow: hidden;
}
.site-footer--modern:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle at 1px 1px, rgba(255, 255, 255, 0.03) 1px, transparent 0);
  background-size: 20px 20px;
  opacity: 0.3;
  pointer-events: none;
}

.site-footer__top {
  padding: var(--footer-spacing-top) 0 3rem;
  position: relative;
  z-index: 1;
}

.site-footer__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3rem;
  margin: 0;
}

.site-footer__branding {
  grid-column: 1/-1;
  position: relative;
}

.site-footer__logo {
  display: inline-block;
  margin-bottom: 2rem;
  transition: var(--footer-transition);
  position: relative;
  z-index: 1;
}
.site-footer__logo:hover, .site-footer__logo:focus {
  opacity: 0.85;
  transform: translateY(-1px);
}
.site-footer__logo img {
  display: block;
  max-width: 100%;
  height: auto;
  filter: brightness(1) contrast(1);
  transition: var(--footer-transition);
}

.site-footer__logo-image {
  max-width: 240px;
  height: auto;
  display: block;
  opacity: var(--footer-logo-opacity);
}

.site-footer__logo-text {
  margin-bottom: 1rem;
}
.site-footer__logo-text h2 {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--footer-text);
}

.site-footer__svg-logo {
  margin-bottom: 2rem;
  display: block;
  position: relative;
  z-index: 1;
}
.site-footer__svg-logo svg {
  display: block;
  width: 100%;
  max-width: 250px;
  height: auto;
  transition: var(--footer-transition);
  opacity: var(--footer-logo-opacity);
}
.site-footer__svg-logo:hover svg {
  opacity: 0.9;
  transform: translateY(-1px);
}

.site-footer__customer-service {
  margin: 2rem 0;
  padding: 1.5rem 0;
  border-top: 1px solid var(--footer-border);
  border-bottom: 1px solid var(--footer-border);
  position: relative;
}

.site-footer__customer-service-label {
  margin: 0 0 0.5rem;
  font-size: 0.75rem;
  color: var(--footer-text-subtle);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 500;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.site-footer__customer-service-number {
  margin: 0;
  font-size: 1.75rem;
  font-weight: 600;
  color: var(--footer-text);
  line-height: 1.3;
  letter-spacing: -0.01em;
}

.site-footer__phone-link {
  color: var(--footer-text);
  text-decoration: none;
  transition: var(--footer-transition);
  display: inline-block;
}
.site-footer__phone-link:hover, .site-footer__phone-link:focus {
  opacity: 0.9;
  transform: translateX(2px);
}

.site-footer__contact {
  margin-top: 2rem;
}

.site-footer__contact-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.site-footer__contact-item {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.site-footer__contact-label {
  font-size: 0.8125rem;
  color: var(--footer-text-subtle);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.site-footer__contact-link {
  color: var(--footer-text);
  text-decoration: none;
  font-size: 0.9375rem;
  transition: var(--footer-transition);
  line-height: 1.5;
}
.site-footer__contact-link:hover, .site-footer__contact-link:focus {
  opacity: 0.85;
  transform: translateX(2px);
}

.site-footer__address {
  margin: 0;
  font-style: normal;
  color: var(--footer-text);
  font-size: 0.9375rem;
  line-height: 1.7;
  letter-spacing: -0.01em;
}

.site-footer__social {
  margin-top: 1rem;
}

.site-footer__social-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.site-footer__social-item {
  margin: 0;
}

.site-footer__social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: var(--footer-text);
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  text-decoration: none;
  transition: all 0.2s ease;
}
.site-footer__social-link:hover, .site-footer__social-link:focus {
  background-color: rgba(255, 255, 255, 0.2);
  color: var(--footer-link-hover);
  transform: translateY(-2px);
}
.site-footer__social-link svg {
  width: 20px;
  height: 20px;
  fill: currentcolor;
}

.site-footer__column {
  position: relative;
}

.site-footer__column-title {
  margin: 0 0 1.5rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--footer-text);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.site-footer__links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.site-footer__link-item {
  margin: 0;
}

.site-footer__link {
  display: inline-block;
  color: var(--footer-text-muted);
  text-decoration: none;
  font-size: 0.9375rem;
  line-height: 1.6;
  transition: var(--footer-transition);
  padding: 0.25rem 0;
  position: relative;
}
.site-footer__link:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background-color: var(--footer-text);
  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.site-footer__link:hover, .site-footer__link:focus {
  color: var(--footer-link-hover);
}
.site-footer__link:hover:before, .site-footer__link:focus:before {
  width: 20px;
}

.site-footer__bottom {
  border-top: 1px solid var(--footer-border);
  padding: 2rem 0 var(--footer-spacing-bottom);
  background-color: rgba(0, 0, 0, 0.08);
  position: relative;
  z-index: 1;
  backdrop-filter: blur(10px);
}

.site-footer__bottom-inner {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
  text-align: center;
}

.site-footer__legal-nav {
  order: 1;
}

.site-footer__legal-menu {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
  justify-content: center;
}
.site-footer__legal-menu li {
  margin: 0;
}
.site-footer__legal-menu a {
  color: var(--footer-text-muted);
  text-decoration: none;
  font-size: 0.8125rem;
  transition: var(--footer-transition);
  position: relative;
  padding: 0.25rem 0;
}
.site-footer__legal-menu a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background-color: var(--footer-text);
  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.site-footer__legal-menu a:hover, .site-footer__legal-menu a:focus {
  color: var(--footer-link-hover);
}
.site-footer__legal-menu a:hover:after, .site-footer__legal-menu a:focus:after {
  width: 100%;
}

.site-footer__copyright {
  order: 0;
}

.site-footer__copyright-text {
  margin: 0;
  color: var(--footer-text-subtle);
  font-size: 0.8125rem;
  line-height: 1.6;
  letter-spacing: -0.01em;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.site-footer-simple .aclp-toggle {
  line-height: 1.64;
  letter-spacing: 0;
  font-size: 0.875rem;
}

.footer-editor-wrapper p {
  margin-top: 0;
}

.simple-footer-wrapper {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  padding-bottom: 0;
}

.footer-menu-section {
  flex-grow: 1;
  flex-basis: 50%;
  width: 50%;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 35px;
  display: flex;
}
.footer-menu-section.has-social-section {
  flex-basis: 100%;
  width: auto;
  flex-wrap: wrap;
}
.footer-menu-section.has-social-section .footer-menu-section-wrapper {
  flex-basis: 50%;
  width: 50%;
}

.simple-footer-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.simple-footer-menu > li > a {
  line-height: 2.36;
  letter-spacing: 0;
  color: var(--wp--preset--color--white);
  font-size: 0.875rem;
}
.simple-footer-menu > li > a:hover, .simple-footer-menu > li > a:focus {
  color: var(--wp--preset--color--white);
}

.site-footer .simple-footer-menu-social {
  margin-top: 10px;
}
.site-footer .simple-footer-menu-social .footer-heading {
  margin-bottom: 5px;
}
.site-footer .simple-footer-menu-social .social-media-buttons {
  justify-content: flex-start;
}

.simple-footer-content .footer-heading {
  text-transform: uppercase;
  font-weight: 700;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: 0;
  color: var(--wp--preset--color--white);
  margin-bottom: 0;
  font-size: 0.75rem;
}

.footer-cta {
  padding-left: 10px;
  padding-right: 10px;
}
.footer-cta .footer-heading {
  margin-bottom: 10px;
}
.footer-cta ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.footer-cta li {
  padding-bottom: 20px;
  flex-basis: 50%;
  width: 50%;
}
.footer-cta li:nth-child(odd) {
  padding-right: 12px;
}
.footer-cta li:nth-child(even) {
  padding-left: 12px;
}

.menu-item--with-description a .menu-item__title {
  font-weight: 500;
}
.menu-item--with-description a .menu-item__description {
  display: inline-block;
  margin-top: 0px;
  text-wrap: balance;
  font-weight: inherit;
  font-size: 0.8125rem;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.site-header__user-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 28px;
  min-height: 44px;
  border-radius: 4px;
  font-weight: 400;
  line-height: 1.1;
  color: var(--wp--preset--color--white, #fff);
  background-color: var(--wp--preset--color--primary-500, var(--wp--preset--color--primary-500));
  border: 1px solid var(--wp--preset--color--primary-500, var(--wp--preset--color--primary-500));
  text-decoration: none;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
  white-space: nowrap;
}
.site-header__user-cta svg {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
.site-header__user-cta svg path {
  fill: var(--wp--preset--color--white, #fff);
}
.site-header__user-cta__text {
  display: inline-block;
}
.site-header__user-cta:hover, .site-header__user-cta:focus-visible {
  color: var(--wp--preset--color--white, #fff);
  background-color: var(--wp--preset--color--primary-600, var(--wp--preset--color--primary-600));
  border-color: var(--wp--preset--color--primary-600, var(--wp--preset--color--primary-600));
  box-shadow: 0 0 0 2px rgba(0, 112, 240, 0.15);
}
.site-header__user-cta--logged-in {
  padding: 0;
  min-height: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}
.site-header__user-cta--logged-in:hover, .site-header__user-cta--logged-in:focus-visible {
  box-shadow: none;
}
.site-header__user-cta--logged-in:hover .site-header__user-avatar-image, .site-header__user-cta--logged-in:focus-visible .site-header__user-avatar-image {
  box-shadow: 0 0 0 2px var(--wp--preset--color--primary-500, var(--wp--preset--color--primary-500));
}

.site-header__user-avatar-image {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid var(--wp--preset--color--primary-500, var(--wp--preset--color--primary-500));
  -o-object-fit: cover;
     object-fit: cover;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.site-header__user-menu-wrapper {
  position: relative;
  display: inline-block;
}
.site-header__user-menu-wrapper .site-header__user-menu-toggle {
  cursor: pointer;
  border: none;
  background: none;
  padding: 0;
  margin: 0;
}

.site-header__user-menu-wrapper .site-header__user-menu-dropdown,
.site-header__user .site-header__user-menu-wrapper .site-header__user-menu-dropdown,
.site-header__actions .site-header__user-menu-wrapper .site-header__user-menu-dropdown {
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  min-width: 200px;
  background-color: var(--wp--preset--color--white, #fff);
  border: 1px solid var(--wp--preset--color--gray-200, #e5e7eb);
  border-radius: 8px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
  z-index: 1000;
  pointer-events: none;
  display: block;
  max-height: 0;
  overflow: hidden;
}

.site-header__user-menu-wrapper.is-open .site-header__user-menu-dropdown,
.site-header__user .site-header__user-menu-wrapper.is-open .site-header__user-menu-dropdown,
.site-header__actions .site-header__user-menu-wrapper.is-open .site-header__user-menu-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
  max-height: none;
  overflow: visible;
}

.site-header__user-menu {
  list-style: none;
  margin: 0;
  padding: 8px 0;
}
.site-header__user-menu li {
  margin: 0;
}
.site-header__user-menu a {
  display: block;
  padding: 12px 20px;
  color: var(--wp--preset--color--gray-900, #111827);
  text-decoration: none;
  font-size: 14px;
  line-height: 1.5;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.site-header__user-menu a:hover, .site-header__user-menu a:focus {
  background-color: var(--wp--preset--color--gray-50, #f9fafb);
  color: var(--wp--preset--color--primary-600, var(--wp--preset--color--primary-600));
  outline: none;
}
.site-header__user-menu .current-menu-item > a,
.site-header__user-menu .current_page_item > a {
  background-color: var(--wp--preset--color--primary-50, rgba(0, 112, 240, 0.1));
  color: var(--wp--preset--color--primary-600, var(--wp--preset--color--primary-600));
  font-weight: 500;
}

.site-header__user-menu-dropdown:before {
  content: "";
  position: absolute;
  top: -6px;
  right: 20px;
  width: 12px;
  height: 12px;
  background-color: var(--wp--preset--color--white, #fff);
  border-left: 1px solid var(--wp--preset--color--gray-200, #e5e7eb);
  border-top: 1px solid var(--wp--preset--color--gray-200, #e5e7eb);
  transform: rotate(45deg);
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
/**
 * Multimarket Selector Styles
 *
 * Styles for the country/language selector component used in header and footer.
 * Elegant Apple-inspired design with smooth transitions.
 */
.site-footer__multimarket {
  order: 2;
  display: none;
  align-items: center;
  justify-content: center;
}

.site-footer__multimarket-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem 1.5rem;
  background-color: rgba(255, 255, 255, 0.12);
  border: 1px solid var(--footer-border);
  border-radius: 8px;
  color: var(--footer-text);
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  transition: var(--footer-transition);
  backdrop-filter: blur(10px);
  position: relative;
  overflow: hidden;
  letter-spacing: -0.01em;
}
.site-footer__multimarket-button:before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
  transition: left 0.5s ease;
}
.site-footer__multimarket-button:hover, .site-footer__multimarket-button:focus {
  background-color: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.3);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.site-footer__multimarket-button:hover:before, .site-footer__multimarket-button:focus:before {
  left: 100%;
}
.site-footer__multimarket-button:active {
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.site-footer__multimarket-button .qala-multimarket-open-selector-button__globe {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  opacity: 0.9;
  transition: var(--footer-transition);
}
.site-footer__multimarket-button .qala-multimarket-open-selector-button__globe svg {
  width: 100%;
  height: 100%;
  fill: currentcolor;
}
.site-footer__multimarket-button:hover .qala-multimarket-open-selector-button__globe {
  opacity: 1;
  transform: rotate(15deg) scale(1.05);
}
.site-footer__multimarket-button span:not(.qala-multimarket-open-selector-button__globe) {
  position: relative;
  z-index: 1;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.site-header-cart__button-container {
  position: relative;
  display: flex;
}
.site-header-cart__button-container svg {
  pointer-events: none;
}

.woocommerce.widget_shopping_cart {
  display: none;
  opacity: 0;
  position: absolute;
  top: 55px;
  right: 20px;
  padding: 1.0625rem;
  width: calc(100vw - 40px);
  max-width: 425px;
  background-color: var(--wp--preset--color--white);
  transition: opacity 0.1s ease-in;
}
.mini-cart-enter .woocommerce.widget_shopping_cart {
  display: block;
}
.mini-cart-enter-active .woocommerce.widget_shopping_cart {
  opacity: 1;
}
.woocommerce.widget_shopping_cart .widget_shopping_cart_content {
  position: relative;
  z-index: 10;
}
.woocommerce.widget_shopping_cart .woocommerce-buttons {
  margin: 0;
  display: flex;
  flex-direction: column;
}
.woocommerce.widget_shopping_cart .woocommerce-buttons a {
  margin: 0;
  text-align: center;
  letter-spacing: 0;
  line-height: 1.5;
}
.woocommerce.widget_shopping_cart .woocommerce-buttons a:not(.checkout) {
  order: 10;
  margin-top: 0.625rem;
}
.woocommerce.widget_shopping_cart .woocommerce-mini-cart-item.mini_cart_item {
  padding: 0;
  display: flex;
  flex-flow: row nowrap;
}
.woocommerce.widget_shopping_cart .woocommerce-mini-cart-item.mini_cart_item .remove_from_cart_button {
  display: none;
}
.woocommerce.widget_shopping_cart:after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 20px;
  height: 20px;
  top: -6px;
  right: 46px;
  background-color: var(--wp--preset--color--white);
  transform: rotate(-45deg);
  z-index: 1;
}

.ac-figure {
  margin: 0;
}

.woocommerce ul.cart_list li .ac-figure img {
  width: 5.4375rem;
  height: auto;
  margin: 0;
}
.woocommerce-mini-cart .woocommerce-mini-cart-item + .woocommerce-mini-cart-item {
  margin-top: 1.0625rem;
}

.ac-caption {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  padding-left: 1.25rem;
  font-family: var(--wp--preset--font-family--zalando-sans);
}
.ac-caption .quantity {
  font-weight: 400;
  font-size: 0.6875rem;
}
.ac-caption .price {
  display: flex;
  flex-flow: row nowrap;
  font-family: var(--wp--preset--font-family--zalando-sans);
  font-weight: 700;
  letter-spacing: 0;
  color: var(--wp--preset--color--primary-500);
  font-size: 0.8125rem;
}
.ac-caption .price ins {
  text-decoration: none;
}
.ac-caption .price del {
  order: 2;
  color: var(--wp--preset--color--base-900);
  font-weight: 400;
  padding-left: 0.3125rem;
}

.ac-product-title {
  color: var(--wp--preset--color--base-900);
  font-weight: 500;
  font-family: var(--wp--preset--font-family--zalando-sans);
  font-size: 0.8125rem;
}

.woocommerce ul.cart_list li dl {
  padding: 0;
  border: 0;
}
.woocommerce ul.cart_list li dl dt,
.woocommerce ul.cart_list li dl dd,
.woocommerce ul.cart_list li dl p {
  font-weight: 400;
  letter-spacing: 0;
  font-size: 0.6875rem;
}
.woocommerce ul.cart_list li dl dt,
.woocommerce ul.cart_list li dl dd {
  margin: 0;
  padding: 0;
}
.woocommerce ul.cart_list li dl dt {
  margin-right: 0.25rem;
}
.woocommerce ul.cart_list li dl dd p:last-child {
  margin: 0;
}

.woocommerce.widget_shopping_cart .total {
  border: 0;
  padding: 1.4375rem 0;
  margin: 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  font-family: var(--wp--preset--color--base-900);
}
.woocommerce.widget_shopping_cart .total strong {
  text-transform: uppercase;
  letter-spacing: 0;
  display: flex;
  flex-direction: column;
  font-size: 0.6875rem;
}
.woocommerce.widget_shopping_cart .total strong span {
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
}
.woocommerce.widget_shopping_cart .total .amount {
  font-weight: 700;
  letter-spacing: 0;
  font-size: 1.125rem;
}

.qala-minicart .qala-minicart-header,
.woocommerce .qala-minicart .qala-minicart-header {
  background: var(--wp--preset--color--base-100);
}
.qala-minicart .qala-minicart__close-btn,
.woocommerce .qala-minicart .qala-minicart__close-btn {
  color: var(--wp--preset--color--primary-500);
}
.qala-minicart .qala-minicart__close-btn svg path,
.woocommerce .qala-minicart .qala-minicart__close-btn svg path {
  fill: var(--wp--preset--color--primary-500);
}
.qala-minicart .qala-minicart__footer,
.woocommerce .qala-minicart .qala-minicart__footer {
  background: var(--wp--preset--color--base-100);
  color: var(--wp--preset--color--black);
}
.qala-minicart .qala-minicart__checkout-button,
.woocommerce .qala-minicart .qala-minicart__checkout-button {
  background: var(--wp--preset--color--primary-500);
  color: var(--wp--preset--color--white);
}
.qala-minicart .qala-minicart__checkout-button:hover, .qala-minicart .qala-minicart__checkout-button:focus,
.woocommerce .qala-minicart .qala-minicart__checkout-button:hover,
.woocommerce .qala-minicart .qala-minicart__checkout-button:focus {
  background-color: var(--wp--preset--color--primary-400);
  color: var(--wp--preset--color--white);
}
.qala-minicart .qala-minicart-bestsellers-button,
.qala-minicart .cart-empty__link,
.woocommerce .qala-minicart .qala-minicart-bestsellers-button,
.woocommerce .qala-minicart .cart-empty__link {
  border-color: var(--wp--preset--color--black);
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--black);
  transition: all 0.3s ease-in-out;
}
.qala-minicart .qala-minicart-bestsellers-button:hover, .qala-minicart .qala-minicart-bestsellers-button:focus,
.qala-minicart .cart-empty__link:hover,
.qala-minicart .cart-empty__link:focus,
.woocommerce .qala-minicart .qala-minicart-bestsellers-button:hover,
.woocommerce .qala-minicart .qala-minicart-bestsellers-button:focus,
.woocommerce .qala-minicart .cart-empty__link:hover,
.woocommerce .qala-minicart .cart-empty__link:focus {
  border-color: var(--wp--preset--color--primary-600);
  background-color: var(--wp--preset--color--primary-600);
  color: var(--wp--preset--color--white);
}
.qala-minicart .qala-minicart__usp-wrapper .usp,
.woocommerce .qala-minicart .qala-minicart__usp-wrapper .usp {
  padding-left: unset;
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid;
  color: var(--wp--preset--color--base-700);
}
.qala-minicart .qala-minicart__usp-wrapper .usp p,
.woocommerce .qala-minicart .qala-minicart__usp-wrapper .usp p {
  color: var(--wp--preset--color--base-700);
}
.qala-minicart .qala-minicart__usp-wrapper .usp svg path,
.woocommerce .qala-minicart .qala-minicart__usp-wrapper .usp svg path {
  stroke: var(--wp--preset--color--base-700);
}
.qala-minicart .qala-minicart__usp-wrapper .usp:last-child,
.woocommerce .qala-minicart .qala-minicart__usp-wrapper .usp:last-child {
  padding: unset;
  margin: unset;
  border: unset;
}
.qala-minicart .qala-minicart-remove,
.woocommerce .qala-minicart .qala-minicart-remove {
  font-size: 12px;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
/* stylelint-disable declaration-no-important */
input[type=button],
input[type=reset],
input[type=submit],
.wp-block-button__link,
.btn {
  background-color: var(--wp--preset--color--primary-500);
  border: 2px solid var(--wp--preset--color--primary-500);
  border-radius: 0.25rem;
  display: inline-block;
  color: var(--wp--preset--color--white);
  transition: all 0.4s ease;
  padding: 0.75rem 1.5rem;
  text-transform: none;
  font-weight: 500;
  cursor: pointer;
  letter-spacing: 0;
  text-decoration: none;
  text-decoration-color: transparent;
  outline-color: transparent;
  line-height: 1.1;
  -webkit-font-smoothing: initial;
  outline-offset: 0;
  font-size: clamp(0.875rem, 0.875rem + (1vw - 0.225rem) * 0.2419354839, 1.0625rem); /* stylelint-disable-line max-line-length */
}
input[type=button]:hover, input[type=button]:focus,
input[type=reset]:hover,
input[type=reset]:focus,
input[type=submit]:hover,
input[type=submit]:focus,
.wp-block-button__link:hover,
.wp-block-button__link:focus,
.btn:hover,
.btn:focus {
  box-shadow: none;
  border: 2px solid var(--wp--preset--color--primary-400);
  background-color: var(--wp--preset--color--primary-400);
  color: var(--wp--preset--color--white);
  text-decoration: none;
  text-decoration-color: transparent;
}
input[type=button]:focus-visible,
input[type=reset]:focus-visible,
input[type=submit]:focus-visible,
.wp-block-button__link:focus-visible,
.btn:focus-visible {
  outline: 2px solid #91cba8;
  border: 2px solid var(--wp--preset--color--primary-400);
  background-color: var(--wp--preset--color--primary-400);
  color: var(--wp--preset--color--white);
}
input[type=button]:active, input[type=button]:active:focus, input[type=button].is-active,
input[type=reset]:active,
input[type=reset]:active:focus,
input[type=reset].is-active,
input[type=submit]:active,
input[type=submit]:active:focus,
input[type=submit].is-active,
.wp-block-button__link:active,
.wp-block-button__link:active:focus,
.wp-block-button__link.is-active,
.btn:active,
.btn:active:focus,
.btn.is-active {
  border: 2px solid var(--wp--preset--color--primary-600);
  background-color: var(--wp--preset--color--primary-600);
  color: var(--wp--preset--color--white);
}
input[type=button]:disabled, input[type=button]:disabled:hover,
input[type=reset]:disabled,
input[type=reset]:disabled:hover,
input[type=submit]:disabled,
input[type=submit]:disabled:hover,
.wp-block-button__link:disabled,
.wp-block-button__link:disabled:hover,
.btn:disabled,
.btn:disabled:hover {
  box-shadow: none;
  color: var(--wp--preset--color--primary-400) !important;
  background-color: var(--wp--preset--color--primary-500) !important;
  border-color: var(--wp--preset--color--primary-500) !important;
  cursor: not-allowed;
}
input[type=button]:focus:not(:focus-visible),
input[type=reset]:focus:not(:focus-visible),
input[type=submit]:focus:not(:focus-visible),
.wp-block-button__link:focus:not(:focus-visible),
.btn:focus:not(:focus-visible) {
  outline: none !important; /* [1] */
}
input[type=button].single_add_to_cart_button,
input[type=reset].single_add_to_cart_button,
input[type=submit].single_add_to_cart_button,
.wp-block-button__link.single_add_to_cart_button,
.btn.single_add_to_cart_button {
  padding-top: 1.0625rem;
  padding-bottom: 1.0625rem;
}

button {
  cursor: pointer;
}

a.btn-small,
.btn-small > .wp-block-button__link {
  border-width: 2px;
  font-size: clamp(0.875rem, 0.875rem + (1vw - 0.225rem) * 0.1612903226, 1rem); /* stylelint-disable-line max-line-length */
}

a.btn-medium,
.btn-medium > .wp-block-button__link {
  border-width: 2px;
  font-size: clamp(1rem, 1rem + (1vw - 0.225rem) * 0.3225806452, 1.25rem); /* stylelint-disable-line max-line-length */
}

a.btn-large,
.btn-large > .wp-block-button__link {
  padding: 12px 32px;
  line-height: 1.1;
  border-width: 2px;
  font-size: clamp(1.125rem, 1.125rem + (1vw - 0.225rem) * 0.3225806452, 1.375rem); /* stylelint-disable-line max-line-length */
}

a.arrow-left:before,
.arrow-left > .wp-block-button__link:before {
  margin: -0.15625rem 1.125rem 0 0;
  width: 1rem;
  height: 1rem;
  content: "";
  transition: background-color 0.4s ease;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  display: inline-block;
  vertical-align: middle;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.02273 13.4249H17.5084L12.6065 18.4576C12.2071 18.8677 12.2071 19.5323 12.6065 19.9423C12.8064 20.1476 13.0677 20.25 13.3295 20.25C13.5914 20.25 13.8527 20.1476 14.0526 19.9423L20.7003 13.1173C20.8921 12.9209 21 12.6537 21 12.3749C21 12.0962 20.8921 11.8295 20.7003 11.6326L14.0526 4.80752C13.6532 4.39749 13.0059 4.39749 12.6065 4.80752C12.2071 5.21755 12.2071 5.8822 12.6065 6.29223L17.5084 11.3249H4.02273C3.45818 11.3249 3 11.7953 3 12.3749C3 12.9545 3.45818 13.4249 4.02273 13.4249Z' fill='%23000000'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.02273 13.4249H17.5084L12.6065 18.4576C12.2071 18.8677 12.2071 19.5323 12.6065 19.9423C12.8064 20.1476 13.0677 20.25 13.3295 20.25C13.5914 20.25 13.8527 20.1476 14.0526 19.9423L20.7003 13.1173C20.8921 12.9209 21 12.6537 21 12.3749C21 12.0962 20.8921 11.8295 20.7003 11.6326L14.0526 4.80752C13.6532 4.39749 13.0059 4.39749 12.6065 4.80752C12.2071 5.21755 12.2071 5.8822 12.6065 6.29223L17.5084 11.3249H4.02273C3.45818 11.3249 3 11.7953 3 12.3749C3 12.9545 3.45818 13.4249 4.02273 13.4249Z' fill='%23000000'/%3E%3C/svg%3E");
}

a.arrow-right,
.arrow-right > .wp-block-button__link {
  position: relative;
  min-width: 36px;
  min-height: 36px;
}
a.arrow-right:after,
.arrow-right > .wp-block-button__link:after {
  width: 1rem;
  height: 1rem;
  margin: -0.15625rem 0 0 1.125rem;
  content: "";
  transition: background-color 0.4s ease;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  display: inline-block;
  vertical-align: middle;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.02273 13.4249H17.5084L12.6065 18.4576C12.2071 18.8677 12.2071 19.5323 12.6065 19.9423C12.8064 20.1476 13.0677 20.25 13.3295 20.25C13.5914 20.25 13.8527 20.1476 14.0526 19.9423L20.7003 13.1173C20.8921 12.9209 21 12.6537 21 12.3749C21 12.0962 20.8921 11.8295 20.7003 11.6326L14.0526 4.80752C13.6532 4.39749 13.0059 4.39749 12.6065 4.80752C12.2071 5.21755 12.2071 5.8822 12.6065 6.29223L17.5084 11.3249H4.02273C3.45818 11.3249 3 11.7953 3 12.3749C3 12.9545 3.45818 13.4249 4.02273 13.4249Z' fill='%23000000'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.02273 13.4249H17.5084L12.6065 18.4576C12.2071 18.8677 12.2071 19.5323 12.6065 19.9423C12.8064 20.1476 13.0677 20.25 13.3295 20.25C13.5914 20.25 13.8527 20.1476 14.0526 19.9423L20.7003 13.1173C20.8921 12.9209 21 12.6537 21 12.3749C21 12.0962 20.8921 11.8295 20.7003 11.6326L14.0526 4.80752C13.6532 4.39749 13.0059 4.39749 12.6065 4.80752C12.2071 5.21755 12.2071 5.8822 12.6065 6.29223L17.5084 11.3249H4.02273C3.45818 11.3249 3 11.7953 3 12.3749C3 12.9545 3.45818 13.4249 4.02273 13.4249Z' fill='%23000000'/%3E%3C/svg%3E");
}

a.btn-small.arrow-left:before, a.btn-small.arrow-left:after,
a.btn-small.arrow-right:before,
a.btn-small.arrow-right:after,
.btn-small.arrow-left > .wp-block-button__link:before,
.btn-small.arrow-left > .wp-block-button__link:after,
.btn-small.arrow-right > .wp-block-button__link:before,
.btn-small.arrow-right > .wp-block-button__link:after {
  width: 1rem;
  height: 1rem;
}
a.btn-small.arrow-left:before,
a.btn-small.arrow-right:before,
.btn-small.arrow-left > .wp-block-button__link:before,
.btn-small.arrow-right > .wp-block-button__link:before {
  margin: -0.125rem 1.25rem 0 0;
}
a.btn-small.arrow-left:after,
a.btn-small.arrow-right:after,
.btn-small.arrow-left > .wp-block-button__link:after,
.btn-small.arrow-right > .wp-block-button__link:after {
  margin: -0.125rem 0 0 1.25rem;
}

a.btn-medium.arrow-left:before, a.btn-medium.arrow-left:after,
a.btn-medium.arrow-right:before,
a.btn-medium.arrow-right:after,
.btn-medium.arrow-left > .wp-block-button__link:before,
.btn-medium.arrow-left > .wp-block-button__link:after,
.btn-medium.arrow-right > .wp-block-button__link:before,
.btn-medium.arrow-right > .wp-block-button__link:after {
  width: 1.1875rem;
  height: 1.1875rem;
}
a.btn-medium.arrow-left:before,
a.btn-medium.arrow-right:before,
.btn-medium.arrow-left > .wp-block-button__link:before,
.btn-medium.arrow-right > .wp-block-button__link:before {
  margin: -0.15625rem 1.5rem 0 0;
}
a.btn-medium.arrow-left:after,
a.btn-medium.arrow-right:after,
.btn-medium.arrow-left > .wp-block-button__link:after,
.btn-medium.arrow-right > .wp-block-button__link:after {
  margin: -0.15625rem 0 0 1.5rem;
}

a.btn-large.arrow-left:before, a.btn-large.arrow-left:after,
a.btn-large.arrow-right:before,
a.btn-large.arrow-right:after,
.btn-large.arrow-left > .wp-block-button__link:before,
.btn-large.arrow-left > .wp-block-button__link:after,
.btn-large.arrow-right > .wp-block-button__link:before,
.btn-large.arrow-right > .wp-block-button__link:after {
  width: 1.375rem;
  height: 1.375rem;
}
a.btn-large.arrow-left:before,
a.btn-large.arrow-right:before,
.btn-large.arrow-left > .wp-block-button__link:before,
.btn-large.arrow-right > .wp-block-button__link:before {
  margin: -0.1875rem 2rem 0 0;
}
a.btn-large.arrow-left:after,
a.btn-large.arrow-right:after,
.btn-large.arrow-left > .wp-block-button__link:after,
.btn-large.arrow-right > .wp-block-button__link:after {
  margin: -0.1875rem 0 0 2rem;
}

.btn-type-2, .wp-block-button.is-style-secondary .wp-block-button__link {
  background-color: var(--wp--preset--color--secondary-600);
  border: 2px solid var(--wp--preset--color--secondary-600);
  color: var(--wp--preset--color--primary-600);
}
.btn-type-2:hover, .wp-block-button.is-style-secondary .wp-block-button__link:hover, .btn-type-2:focus, .wp-block-button.is-style-secondary .wp-block-button__link:focus {
  border: 2px solid var(--wp--preset--color--secondary-600);
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--primary-600);
}
.btn-type-2:focus-visible, .wp-block-button.is-style-secondary .wp-block-button__link:focus-visible {
  outline: 3px solid #91cba8;
  border: 2px solid var(--wp--preset--color--secondary-600);
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--primary-600);
}
.btn-type-2:active, .wp-block-button.is-style-secondary .wp-block-button__link:active, .btn-type-2:active:focus, .btn-type-2.is-active, .wp-block-button.is-style-secondary .is-active.wp-block-button__link {
  border: 2px solid var(--wp--preset--color--secondary-600);
  background-color: var(--wp--preset--color--secondary-600);
  color: var(--wp--preset--color--primary-600);
}
.btn-type-2:disabled, .wp-block-button.is-style-secondary .wp-block-button__link:disabled, .btn-type-2:disabled:hover {
  color: var(--wp--preset--color--secondary-200) !important;
  background-color: var(--wp--preset--color--secondary-100) !important;
  border-color: var(--wp--preset--color--secondary-100) !important;
}

.btn-type-3, .wp-block-button.is-style-primary-outline .wp-block-button__link {
  background-color: transparent;
  border: 2px solid var(--wp--preset--color--primary-500);
  color: var(--wp--preset--color--primary-500);
}
.btn-type-3:hover, .wp-block-button.is-style-primary-outline .wp-block-button__link:hover, .btn-type-3:focus, .wp-block-button.is-style-primary-outline .wp-block-button__link:focus {
  border: 2px solid var(--wp--preset--color--primary-400);
  background-color: var(--wp--preset--color--primary-400);
  color: var(--wp--preset--color--white);
}
.btn-type-3:focus-visible, .wp-block-button.is-style-primary-outline .wp-block-button__link:focus-visible {
  outline: 3px solid #91cba8;
  border: 2px solid var(--wp--preset--color--primary-400);
  background-color: var(--wp--preset--color--primary-400);
  color: var(--wp--preset--color--white);
}
.btn-type-3:active, .wp-block-button.is-style-primary-outline .wp-block-button__link:active, .btn-type-3:active:focus, .btn-type-3.is-active, .wp-block-button.is-style-primary-outline .is-active.wp-block-button__link {
  border: 2px solid var(--wp--preset--color--primary-600);
  background-color: var(--wp--preset--color--primary-600);
  color: var(--wp--preset--color--white);
}
.btn-type-3:disabled, .wp-block-button.is-style-primary-outline .wp-block-button__link:disabled, .btn-type-3:disabled:hover {
  color: var(--wp--preset--color--base-500) !important;
  background-color: transparent !important;
  border-color: var(--wp--preset--color--base-500) !important;
}

.btn-type-4, .wp-block-button.is-style-secondary-outline .wp-block-button__link {
  background-color: rgba(255, 255, 255, 0.12);
  border: 2px solid var(--wp--preset--color--white);
  color: var(--wp--preset--color--white);
}
.btn-type-4:hover, .wp-block-button.is-style-secondary-outline .wp-block-button__link:hover, .btn-type-4:focus, .wp-block-button.is-style-secondary-outline .wp-block-button__link:focus {
  border: 2px solid var(--wp--preset--color--white);
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--primary-500);
}
.btn-type-4:focus-visible, .wp-block-button.is-style-secondary-outline .wp-block-button__link:focus-visible {
  outline: 3px solid #91cba8;
  border: 2px solid var(--wp--preset--color--white);
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--primary-500);
}
.btn-type-4:active, .wp-block-button.is-style-secondary-outline .wp-block-button__link:active, .btn-type-4:active:focus, .btn-type-4.is-active, .wp-block-button.is-style-secondary-outline .is-active.wp-block-button__link {
  border: 2px solid transparent;
  background-color: var(--wp--preset--color--primary-100);
  color: var(--wp--preset--color--primary-500);
}
.btn-type-4:disabled, .wp-block-button.is-style-secondary-outline .wp-block-button__link:disabled, .btn-type-4:disabled:hover {
  color: var(--wp--preset--color--base-400) !important;
  background-color: transparent !important;
  border-color: var(--wp--preset--color--base-500) !important;
}

.btn-type-5, .wp-block-button.is-style-primary-underline .wp-block-button__link,
.btn-link {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
  color: var(--wp--preset--color--primary-500);
  position: relative;
  border-bottom: 2px solid var(--wp--preset--color--primary-500);
}
.btn-type-5:hover, .wp-block-button.is-style-primary-underline .wp-block-button__link:hover, .btn-type-5:focus, .wp-block-button.is-style-primary-underline .wp-block-button__link:focus,
.btn-link:hover,
.btn-link:focus {
  border: 0;
  background-color: transparent;
  border-bottom: 2px solid var(--wp--preset--color--primary-300);
  color: var(--wp--preset--color--primary-400);
}
.btn-type-5:focus-visible, .wp-block-button.is-style-primary-underline .wp-block-button__link:focus-visible,
.btn-link:focus-visible {
  outline: 2px solid #91cba8;
  background-color: transparent;
  border-bottom: 2px solid var(--wp--preset--color--primary-300);
  color: var(--wp--preset--color--primary-400);
}
.btn-type-5:focus-within, .wp-block-button.is-style-primary-underline .wp-block-button__link:focus-within,
.btn-link:focus-within {
  border-radius: 0.25rem;
}
.btn-type-5:active, .wp-block-button.is-style-primary-underline .wp-block-button__link:active, .btn-type-5:active:focus, .btn-type-5.is-active, .wp-block-button.is-style-primary-underline .is-active.wp-block-button__link,
.btn-link:active,
.btn-link:active:focus,
.btn-link.is-active {
  border: 0;
  border-bottom: 2px solid var(--wp--preset--color--primary-600);
  background-color: transparent;
  color: var(--wp--preset--color--primary-600);
}
.btn-type-5:disabled, .wp-block-button.is-style-primary-underline .wp-block-button__link:disabled, .btn-type-5:disabled:hover,
.btn-link:disabled,
.btn-link:disabled:hover {
  color: var(--wp--preset--color--primary-200) !important;
  background-color: transparent !important;
  border-color: var(--wp--preset--color--primary-200) !important;
}

.btn-type-6, .wp-block-button.is-style-secondary-underline .wp-block-button__link {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
  color: var(--wp--preset--color--base-1000);
  border-bottom: 2px solid var(--wp--preset--color--base-1000);
  position: relative;
}
.btn-type-6:hover, .wp-block-button.is-style-secondary-underline .wp-block-button__link:hover, .btn-type-6:focus, .wp-block-button.is-style-secondary-underline .wp-block-button__link:focus {
  border: 0;
  background-color: transparent;
  border-bottom: 2px solid var(--wp--preset--color--base-500);
  color: var(--wp--preset--color--base-500);
}
.btn-type-6:focus-within, .wp-block-button.is-style-secondary-underline .wp-block-button__link:focus-within {
  outline: 3px solid #91cba8;
  border-radius: 0.25rem;
  background-color: transparent;
  border-bottom: 2px solid var(--wp--preset--color--base-500);
  color: var(--wp--preset--color--base-500);
}
.btn-type-6:active, .wp-block-button.is-style-secondary-underline .wp-block-button__link:active, .btn-type-6:active:focus, .btn-type-6.is-active, .wp-block-button.is-style-secondary-underline .is-active.wp-block-button__link {
  border: 0;
  border-bottom: 2px solid var(--wp--preset--color--base-600);
  background-color: transparent;
  color: var(--wp--preset--color--base-600);
}
.btn-type-6:disabled, .wp-block-button.is-style-secondary-underline .wp-block-button__link:disabled, .btn-type-6:disabled:hover {
  color: var(--wp--preset--color--base-500) !important;
  background-color: transparent !important;
  border-color: var(--wp--preset--color--base-500) !important;
}

.btn-type-7, .wp-block-button.is-style-ghost .wp-block-button__link {
  background-color: rgba(255, 255, 255, 0.12);
  border: 2px solid var(--wp--preset--color--white);
  padding-left: 8px;
  padding-right: 8px;
  color: var(--wp--preset--color--primary-500);
  outline: 2px solid transparent;
}
.btn-type-7:hover, .wp-block-button.is-style-ghost .wp-block-button__link:hover, .btn-type-7:focus, .wp-block-button.is-style-ghost .wp-block-button__link:focus {
  background-color: var(--wp--preset--color--primary-400);
  color: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--primary-400);
}
.btn-type-7:focus-within, .wp-block-button.is-style-ghost .wp-block-button__link:focus-within {
  outline: 3px solid #91cba8;
  background-color: var(--wp--preset--color--primary-400);
  color: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--primary-400);
}
.btn-type-7:active, .wp-block-button.is-style-ghost .wp-block-button__link:active, .btn-type-7:active:focus, .btn-type-7.is-active, .wp-block-button.is-style-ghost .is-active.wp-block-button__link {
  background-color: var(--wp--preset--color--primary-400);
  color: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--primary-100);
}
.btn-type-7:disabled, .wp-block-button.is-style-ghost .wp-block-button__link:disabled, .btn-type-7:disabled:hover {
  color: var(--wp--preset--color--primary-200) !important;
  background-color: rgba(255, 255, 255, 0.12) !important;
  border-color: var(--wp--preset--color--primary-100) !important;
}

.btn-type-8, .wp-block-button.is-style-ghost-link .wp-block-button__link {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
  color: var(--wp--preset--color--primary-500);
  border-bottom: 2px solid transparent;
  position: relative;
}
.btn-type-8:hover, .wp-block-button.is-style-ghost-link .wp-block-button__link:hover, .btn-type-8:focus, .wp-block-button.is-style-ghost-link .wp-block-button__link:focus {
  border: 0;
  background-color: transparent;
  border-bottom: 2px solid var(--wp--preset--color--primary-400);
  color: var(--wp--preset--color--primary-400);
}
.btn-type-8:focus-within, .wp-block-button.is-style-ghost-link .wp-block-button__link:focus-within {
  outline: 3px solid #91cba8;
  border-radius: 0.25rem;
  background-color: transparent;
  border-bottom: 2px solid var(--wp--preset--color--primary-400);
  color: var(--wp--preset--color--primary-400);
}
.btn-type-8:active, .wp-block-button.is-style-ghost-link .wp-block-button__link:active, .btn-type-8:active:focus, .btn-type-8.is-active, .wp-block-button.is-style-ghost-link .is-active.wp-block-button__link {
  border: 0;
  border-bottom: 2px solid var(--wp--preset--color--primary-600);
  background-color: transparent;
  color: var(--wp--preset--color--primary-600);
}
.btn-type-8:disabled, .wp-block-button.is-style-ghost-link .wp-block-button__link:disabled, .btn-type-8:disabled:hover {
  color: var(--wp--preset--color--base-500) !important;
  background-color: transparent !important;
  border-color: var(--wp--preset--color--base-500) !important;
}

.full-width-button {
  width: 100%;
  text-align: center;
}
.full-width-button.cta-secondary {
  margin-left: 0;
}

.btn-link {
  transition: 0.2s ease-in-out color;
  text-decoration: none;
  letter-spacing: 0;
  font-weight: 300;
  padding: 0;
  margin: 0;
  text-transform: none;
}
.btn-link[href="#"] {
  cursor: pointer;
}

/** Dark mode
	* This is activated when a parent element has the class "dark-mode"
**/
.dark-mode button,
.dark-mode input[type=button],
.dark-mode input[type=reset],
.dark-mode input[type=submit],
.dark-mode .wp-block-button__link,
.dark-mode .woocommerce-mini-cart__buttons a.button,
.dark-mode .btn {
  color: var(--wp--preset--color--base-1000);
  background-color: var(--wp--preset--color--primary-300);
  border-color: var(--wp--preset--color--primary-300);
}
.dark-mode button:hover, .dark-mode button:focus,
.dark-mode input[type=button]:hover,
.dark-mode input[type=button]:focus,
.dark-mode input[type=reset]:hover,
.dark-mode input[type=reset]:focus,
.dark-mode input[type=submit]:hover,
.dark-mode input[type=submit]:focus,
.dark-mode .wp-block-button__link:hover,
.dark-mode .wp-block-button__link:focus,
.dark-mode .woocommerce-mini-cart__buttons a.button:hover,
.dark-mode .woocommerce-mini-cart__buttons a.button:focus,
.dark-mode .btn:hover,
.dark-mode .btn:focus {
  color: var(--wp--preset--color--base-1000);
  background-color: var(--wp--preset--color--primary-400);
  border-color: var(--wp--preset--color--primary-400);
}
.dark-mode button:focus,
.dark-mode input[type=button]:focus,
.dark-mode input[type=reset]:focus,
.dark-mode input[type=submit]:focus,
.dark-mode .wp-block-button__link:focus,
.dark-mode .woocommerce-mini-cart__buttons a.button:focus,
.dark-mode .btn:focus {
  outline-color: var(--wp--preset--color--base-300);
}
.dark-mode button:active, .dark-mode button:active:focus, .dark-mode button.is-active,
.dark-mode input[type=button]:active,
.dark-mode input[type=button]:active:focus,
.dark-mode input[type=button].is-active,
.dark-mode input[type=reset]:active,
.dark-mode input[type=reset]:active:focus,
.dark-mode input[type=reset].is-active,
.dark-mode input[type=submit]:active,
.dark-mode input[type=submit]:active:focus,
.dark-mode input[type=submit].is-active,
.dark-mode .wp-block-button__link:active,
.dark-mode .wp-block-button__link:active:focus,
.dark-mode .wp-block-button__link.is-active,
.dark-mode .woocommerce-mini-cart__buttons a.button:active,
.dark-mode .woocommerce-mini-cart__buttons a.button:active:focus,
.dark-mode .woocommerce-mini-cart__buttons a.button.is-active,
.dark-mode .btn:active,
.dark-mode .btn:active:focus,
.dark-mode .btn.is-active {
  background-color: #003776;
  border-color: #003776;
}
.dark-mode button:disabled, .dark-mode button:disabled:hover,
.dark-mode input[type=button]:disabled,
.dark-mode input[type=button]:disabled:hover,
.dark-mode input[type=reset]:disabled,
.dark-mode input[type=reset]:disabled:hover,
.dark-mode input[type=submit]:disabled,
.dark-mode input[type=submit]:disabled:hover,
.dark-mode .wp-block-button__link:disabled,
.dark-mode .wp-block-button__link:disabled:hover,
.dark-mode .woocommerce-mini-cart__buttons a.button:disabled,
.dark-mode .woocommerce-mini-cart__buttons a.button:disabled:hover,
.dark-mode .btn:disabled,
.dark-mode .btn:disabled:hover {
  color: var(--wp--preset--color--base-800) !important;
  background-color: var(--wp--preset--color--base-900) !important;
  border-color: var(--wp--preset--color--base-900) !important;
}
.dark-mode .btn-type-2, .dark-mode .wp-block-button.is-style-secondary .wp-block-button__link, .wp-block-button.is-style-secondary .dark-mode .wp-block-button__link {
  color: var(--wp--preset--color--primary-300);
  background-color: rgba(0, 112, 240, 0.08);
  border-color: rgba(0, 112, 240, 0.08);
}
.dark-mode .btn-type-2:hover, .dark-mode .wp-block-button.is-style-secondary .wp-block-button__link:hover, .wp-block-button.is-style-secondary .dark-mode .wp-block-button__link:hover, .dark-mode .btn-type-2:focus, .dark-mode .wp-block-button.is-style-secondary .wp-block-button__link:focus, .wp-block-button.is-style-secondary .dark-mode .wp-block-button__link:focus {
  background-color: rgba(0, 112, 240, 0.16);
  border-color: rgba(0, 112, 240, 0.16);
  color: var(--wp--preset--color--primary-300);
}
.dark-mode .btn-type-2:active, .dark-mode .wp-block-button.is-style-secondary .wp-block-button__link:active, .wp-block-button.is-style-secondary .dark-mode .wp-block-button__link:active, .dark-mode .btn-type-2:active:focus, .dark-mode .btn-type-2.is-active, .dark-mode .wp-block-button.is-style-secondary .is-active.wp-block-button__link, .wp-block-button.is-style-secondary .dark-mode .is-active.wp-block-button__link {
  background-color: rgba(0, 112, 240, 0.08);
  border-color: rgba(0, 112, 240, 0.08);
  color: var(--wp--preset--color--primary-600);
}
.dark-mode .btn-type-2:disabled, .dark-mode .wp-block-button.is-style-secondary .wp-block-button__link:disabled, .wp-block-button.is-style-secondary .dark-mode .wp-block-button__link:disabled, .dark-mode .btn-type-2:disabled:hover {
  color: rgba(255, 255, 255, 0.12) !important;
  background-color: var(--wp--preset--color--base-900) !important;
  border-color: var(--wp--preset--color--base-900) !important;
}
.dark-mode .btn-type-3, .dark-mode .wp-block-button.is-style-primary-outline .wp-block-button__link, .wp-block-button.is-style-primary-outline .dark-mode .wp-block-button__link {
  color: var(--wp--preset--color--primary-300);
  background-color: transparent;
  border-color: var(--wp--preset--color--primary-300);
}
.dark-mode .btn-type-3:hover, .dark-mode .wp-block-button.is-style-primary-outline .wp-block-button__link:hover, .wp-block-button.is-style-primary-outline .dark-mode .wp-block-button__link:hover, .dark-mode .btn-type-3:focus, .dark-mode .wp-block-button.is-style-primary-outline .wp-block-button__link:focus, .wp-block-button.is-style-primary-outline .dark-mode .wp-block-button__link:focus {
  background-color: var(--wp--preset--color--primary-300);
  border-color: var(--wp--preset--color--primary-300);
  color: var(--wp--preset--color--base-1000);
}
.dark-mode .btn-type-3:active, .dark-mode .wp-block-button.is-style-primary-outline .wp-block-button__link:active, .wp-block-button.is-style-primary-outline .dark-mode .wp-block-button__link:active, .dark-mode .btn-type-3:active:focus, .dark-mode .btn-type-3.is-active, .dark-mode .wp-block-button.is-style-primary-outline .is-active.wp-block-button__link, .wp-block-button.is-style-primary-outline .dark-mode .is-active.wp-block-button__link {
  background-color: rgba(0, 112, 240, 0.48);
  border-color: rgba(0, 112, 240, 0.48);
  color: var(--wp--preset--color--base-1000);
}
.dark-mode .btn-type-3:disabled, .dark-mode .wp-block-button.is-style-primary-outline .wp-block-button__link:disabled, .wp-block-button.is-style-primary-outline .dark-mode .wp-block-button__link:disabled, .dark-mode .btn-type-3:disabled:hover {
  color: rgba(255, 255, 255, 0.12) !important;
  background-color: transparent !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}
.dark-mode .btn-type-4, .dark-mode .wp-block-button.is-style-secondary-outline .wp-block-button__link, .wp-block-button.is-style-secondary-outline .dark-mode .wp-block-button__link {
  color: var(--wp--preset--color--base-300);
  background-color: transparent;
  border-color: var(--wp--preset--color--base-300);
}
.dark-mode .btn-type-4:hover, .dark-mode .wp-block-button.is-style-secondary-outline .wp-block-button__link:hover, .wp-block-button.is-style-secondary-outline .dark-mode .wp-block-button__link:hover, .dark-mode .btn-type-4:focus, .dark-mode .wp-block-button.is-style-secondary-outline .wp-block-button__link:focus, .wp-block-button.is-style-secondary-outline .dark-mode .wp-block-button__link:focus {
  background-color: var(--wp--preset--color--base-300);
  border-color: var(--wp--preset--color--base-300);
  color: var(--wp--preset--color--base-1000);
}
.dark-mode .btn-type-4:active, .dark-mode .wp-block-button.is-style-secondary-outline .wp-block-button__link:active, .wp-block-button.is-style-secondary-outline .dark-mode .wp-block-button__link:active, .dark-mode .btn-type-4:active:focus, .dark-mode .btn-type-4.is-active, .dark-mode .wp-block-button.is-style-secondary-outline .is-active.wp-block-button__link, .wp-block-button.is-style-secondary-outline .dark-mode .is-active.wp-block-button__link {
  background-color: rgba(199, 199, 204, 0.48);
  border-color: rgba(199, 199, 204, 0.48);
  color: var(--wp--preset--color--base-1000);
}
.dark-mode .btn-type-4:disabled, .dark-mode .wp-block-button.is-style-secondary-outline .wp-block-button__link:disabled, .wp-block-button.is-style-secondary-outline .dark-mode .wp-block-button__link:disabled, .dark-mode .btn-type-4:disabled:hover {
  color: rgba(255, 255, 255, 0.48) !important;
  background-color: transparent !important;
  border-color: rgba(255, 255, 255, 0.48) !important;
}
.dark-mode .btn-type-5, .dark-mode .wp-block-button.is-style-primary-underline .wp-block-button__link, .wp-block-button.is-style-primary-underline .dark-mode .wp-block-button__link,
.dark-mode .btn-link {
  background-color: transparent;
  border: 0;
  border-color: transparent;
  border-bottom: 2px solid var(--wp--preset--color--primary-300);
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
  color: var(--wp--preset--color--primary-300);
}
.dark-mode .btn-type-5:hover, .dark-mode .wp-block-button.is-style-primary-underline .wp-block-button__link:hover, .wp-block-button.is-style-primary-underline .dark-mode .wp-block-button__link:hover, .dark-mode .btn-type-5:focus, .dark-mode .wp-block-button.is-style-primary-underline .wp-block-button__link:focus, .wp-block-button.is-style-primary-underline .dark-mode .wp-block-button__link:focus,
.dark-mode .btn-link:hover,
.dark-mode .btn-link:focus {
  border: 0;
  border-bottom: 2px solid var(--wp--preset--color--primary-400);
  background-color: transparent;
  color: var(--wp--preset--color--primary-400);
}
.dark-mode .btn-type-5:focus, .dark-mode .wp-block-button.is-style-primary-underline .wp-block-button__link:focus, .wp-block-button.is-style-primary-underline .dark-mode .wp-block-button__link:focus,
.dark-mode .btn-link:focus {
  border: 0;
  border-bottom: 2px solid var(--wp--preset--color--primary-400);
  background-color: transparent;
  color: var(--wp--preset--color--primary-400);
  outline: none;
}
.dark-mode .btn-type-5:active, .dark-mode .wp-block-button.is-style-primary-underline .wp-block-button__link:active, .wp-block-button.is-style-primary-underline .dark-mode .wp-block-button__link:active, .dark-mode .btn-type-5:active:focus, .dark-mode .btn-type-5.is-active, .dark-mode .wp-block-button.is-style-primary-underline .is-active.wp-block-button__link, .wp-block-button.is-style-primary-underline .dark-mode .is-active.wp-block-button__link,
.dark-mode .btn-link:active,
.dark-mode .btn-link:active:focus,
.dark-mode .btn-link.is-active {
  border: 0;
  border-bottom: 2px solid var(--wp--preset--color--primary-400);
  background-color: transparent;
  color: var(--wp--preset--color--primary-400);
}
.dark-mode .btn-type-5:disabled, .dark-mode .wp-block-button.is-style-primary-underline .wp-block-button__link:disabled, .wp-block-button.is-style-primary-underline .dark-mode .wp-block-button__link:disabled, .dark-mode .btn-type-5:disabled:hover,
.dark-mode .btn-link:disabled,
.dark-mode .btn-link:disabled:hover {
  color: var(--wp--preset--color--primary-200) !important;
  background-color: transparent !important;
  border-color: var(--wp--preset--color--primary-200) !important;
}
.dark-mode .btn-type-6, .dark-mode .wp-block-button.is-style-secondary-underline .wp-block-button__link, .wp-block-button.is-style-secondary-underline .dark-mode .wp-block-button__link {
  background-color: transparent;
  border: 0;
  border-color: transparent;
  border-bottom: 2px solid var(--wp--preset--color--base-300);
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
  color: var(--wp--preset--color--base-300);
}
.dark-mode .btn-type-6:hover, .dark-mode .wp-block-button.is-style-secondary-underline .wp-block-button__link:hover, .wp-block-button.is-style-secondary-underline .dark-mode .wp-block-button__link:hover, .dark-mode .btn-type-6:focus, .dark-mode .wp-block-button.is-style-secondary-underline .wp-block-button__link:focus, .wp-block-button.is-style-secondary-underline .dark-mode .wp-block-button__link:focus {
  border: 0;
  border-bottom: 2px solid var(--wp--preset--color--base-500);
  background-color: transparent;
  color: var(--wp--preset--color--base-500);
}
.dark-mode .btn-type-6:focus, .dark-mode .wp-block-button.is-style-secondary-underline .wp-block-button__link:focus, .wp-block-button.is-style-secondary-underline .dark-mode .wp-block-button__link:focus {
  border: 0;
  border-bottom: 2px solid var(--wp--preset--color--base-500);
  background-color: transparent;
  color: var(--wp--preset--color--base-500);
  outline: none;
}
.dark-mode .btn-type-6:active, .dark-mode .wp-block-button.is-style-secondary-underline .wp-block-button__link:active, .wp-block-button.is-style-secondary-underline .dark-mode .wp-block-button__link:active, .dark-mode .btn-type-6:active:focus, .dark-mode .btn-type-6.is-active, .dark-mode .wp-block-button.is-style-secondary-underline .is-active.wp-block-button__link, .wp-block-button.is-style-secondary-underline .dark-mode .is-active.wp-block-button__link {
  border: 0;
  border-bottom: 2px solid rgba(199, 199, 204, 0.48);
  background-color: transparent;
  color: rgba(199, 199, 204, 0.48);
}
.dark-mode .btn-type-6:disabled, .dark-mode .wp-block-button.is-style-secondary-underline .wp-block-button__link:disabled, .wp-block-button.is-style-secondary-underline .dark-mode .wp-block-button__link:disabled, .dark-mode .btn-type-6:disabled:hover {
  color: var(--wp--preset--color--base-500) !important;
  background-color: transparent !important;
  border-color: var(--wp--preset--color--base-500) !important;
}
.dark-mode .btn-type-7, .dark-mode .wp-block-button.is-style-ghost .wp-block-button__link, .wp-block-button.is-style-ghost .dark-mode .wp-block-button__link {
  background-color: transparent;
  border: 2px solid transparent;
  padding-left: 8px;
  padding-right: 8px;
  color: var(--wp--preset--color--primary-300);
  outline: 2px solid transparent;
}
.dark-mode .btn-type-7:hover, .dark-mode .wp-block-button.is-style-ghost .wp-block-button__link:hover, .wp-block-button.is-style-ghost .dark-mode .wp-block-button__link:hover, .dark-mode .btn-type-7:focus, .dark-mode .wp-block-button.is-style-ghost .wp-block-button__link:focus, .wp-block-button.is-style-ghost .dark-mode .wp-block-button__link:focus {
  background-color: rgba(0, 112, 240, 0.16);
  color: var(--wp--preset--color--primary-300);
}
.dark-mode .btn-type-7:focus, .dark-mode .wp-block-button.is-style-ghost .wp-block-button__link:focus, .wp-block-button.is-style-ghost .dark-mode .wp-block-button__link:focus {
  outline-color: var(--wp--preset--color--base-300);
}
.dark-mode .btn-type-7:active, .dark-mode .wp-block-button.is-style-ghost .wp-block-button__link:active, .wp-block-button.is-style-ghost .dark-mode .wp-block-button__link:active, .dark-mode .btn-type-7:active:focus, .dark-mode .btn-type-7.is-active, .dark-mode .wp-block-button.is-style-ghost .is-active.wp-block-button__link, .wp-block-button.is-style-ghost .dark-mode .is-active.wp-block-button__link {
  background-color: rgba(0, 112, 240, 0.16);
  color: var(--wp--preset--color--primary-600);
}
.dark-mode .btn-type-7:disabled, .dark-mode .wp-block-button.is-style-ghost .wp-block-button__link:disabled, .wp-block-button.is-style-ghost .dark-mode .wp-block-button__link:disabled, .dark-mode .btn-type-7:disabled:hover {
  color: rgba(255, 255, 255, 0.12) !important;
  background-color: var(--wp--preset--color--base-900) !important;
  border-color: var(--wp--preset--color--base-900) !important;
}
.dark-mode .btn-type-8, .dark-mode .wp-block-button.is-style-ghost-link .wp-block-button__link, .wp-block-button.is-style-ghost-link .dark-mode .wp-block-button__link {
  background-color: transparent;
  border: 0;
  border-color: transparent;
  border-bottom: 2px solid var(--wp--preset--color--primary-300);
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
  color: var(--wp--preset--color--primary-300);
}
.dark-mode .btn-type-8:hover, .dark-mode .wp-block-button.is-style-ghost-link .wp-block-button__link:hover, .wp-block-button.is-style-ghost-link .dark-mode .wp-block-button__link:hover, .dark-mode .btn-type-8:focus, .dark-mode .wp-block-button.is-style-ghost-link .wp-block-button__link:focus, .wp-block-button.is-style-ghost-link .dark-mode .wp-block-button__link:focus {
  border: 0;
  border-bottom: 2px solid var(--wp--preset--color--primary-400);
  background-color: transparent;
  color: var(--wp--preset--color--primary-400);
}
.dark-mode .btn-type-8:focus, .dark-mode .wp-block-button.is-style-ghost-link .wp-block-button__link:focus, .wp-block-button.is-style-ghost-link .dark-mode .wp-block-button__link:focus {
  border: 0;
  border-bottom: 2px solid var(--wp--preset--color--primary-400);
  background-color: transparent;
  color: var(--wp--preset--color--primary-400);
  outline: none;
}
.dark-mode .btn-type-8:active, .dark-mode .wp-block-button.is-style-ghost-link .wp-block-button__link:active, .wp-block-button.is-style-ghost-link .dark-mode .wp-block-button__link:active, .dark-mode .btn-type-8:active:focus, .dark-mode .btn-type-8.is-active, .dark-mode .wp-block-button.is-style-ghost-link .is-active.wp-block-button__link, .wp-block-button.is-style-ghost-link .dark-mode .is-active.wp-block-button__link {
  border: 0;
  border-bottom: 2px solid var(--wp--preset--color--primary-400);
  background-color: transparent;
  color: var(--wp--preset--color--primary-400);
}
.dark-mode .btn-type-8:disabled, .dark-mode .wp-block-button.is-style-ghost-link .wp-block-button__link:disabled, .wp-block-button.is-style-ghost-link .dark-mode .wp-block-button__link:disabled, .dark-mode .btn-type-8:disabled:hover {
  color: var(--wp--preset--color--base-500) !important;
  background-color: transparent !important;
  border-color: var(--wp--preset--color--base-500) !important;
}

.module-button-container {
  margin: -0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.module-button-container .module-button-wrapper {
  padding: 0.5rem;
}
.module-button-container .module-button-wrapper a.btn.cta-primary,
.module-button-container .module-button-wrapper a.btn.cta-secondary {
  margin: 0;
}
.module-button-container.full-width-button-container {
  margin: -0.5rem 0;
}
.module-button-container.full-width-button-container .module-button-wrapper {
  width: 100%;
  padding: 0.5rem 0;
}
.module-button-container.full-width-button-container a.btn.full-width-button.cta-primary,
.module-button-container.full-width-button-container a.btn.full-width-button.cta-secondary {
  margin: 0;
}

.content.center .module-button-container {
  justify-content: center;
}

.wc_bis_send_form {
  width: 100%;
  min-height: 48px;
  left: 0;
  text-align: left;
  margin-bottom: 0 !important;
}
.wc_bis_send_form:after {
  content: url("data:image/svg+xml,%3Csvg width='20' height='17' viewBox='0 0 20 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.25 0.173828C1.46403 0.173828 0 1.63786 0 3.42383V12.9238C0 14.7098 1.46403 16.1738 3.25 16.1738H16.75C18.536 16.1738 20 14.7098 20 12.9238V3.42383C20 1.63786 18.536 0.173828 16.75 0.173828H3.25ZM3.25 1.67383H16.75C17.725 1.67383 18.5 2.4488 18.5 3.42383V3.97656L10 8.57129L1.5 3.97656V3.42383C1.5 2.4488 2.27497 1.67383 3.25 1.67383ZM1.5 5.68164L9.64355 10.084C9.75305 10.1431 9.87555 10.1741 10 10.1741C10.1245 10.1741 10.2469 10.1431 10.3564 10.084L18.5 5.68164V12.9238C18.5 13.8989 17.725 14.6738 16.75 14.6738H3.25C2.27497 14.6738 1.5 13.8989 1.5 12.9238V5.68164Z' fill='white'/%3E%3C/svg%3E%0A");
  position: absolute;
  right: 10px;
  bottom: 0;
  transform: translate(-50%, -50%);
}

.wp-block-buttons.stack-on-mobile {
  flex-direction: column;
}

.wp-block-button.is-style-primary-underline {
  width: -moz-max-content;
  width: max-content;
}
.wp-block-button.is-style-secondary-underline {
  width: -moz-max-content;
  width: max-content;
}
.wp-block-button.is-style-ghost {
  width: -moz-max-content;
  width: max-content;
}
.wp-block-button.is-style-ghost-link {
  width: -moz-max-content;
  width: max-content;
}
/* stylelint-disable selector-max-id */
.woocommerce .site .site-content #respond input#submit.loading,
.woocommerce .site .site-content a.button.loading,
.woocommerce .site .site-content button.button.loading,
.woocommerce .site .site-content input.button.loading {
  padding-right: 2.625rem;
}
.woocommerce .site .site-content #respond input#submit.loading:after,
.woocommerce .site .site-content a.button.loading:after,
.woocommerce .site .site-content button.button.loading:after,
.woocommerce .site .site-content input.button.loading:after {
  content: " ";
  display: block;
  position: absolute;
  margin: auto 0;
  top: 0;
  bottom: 0;
  right: 0.5rem;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  border: 2px solid var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--white) transparent;
  background-color: transparent;
  -webkit-mask-image: unset;
          mask-image: unset;
  transition: unset;
  animation: qala-dual-ring 1.2s linear infinite;
}
.woocommerce .site .site-content #respond input#submit.loading.single_add_to_cart_button:after,
.woocommerce .site .site-content a.button.loading.single_add_to_cart_button:after,
.woocommerce .site .site-content button.button.loading.single_add_to_cart_button:after,
.woocommerce .site .site-content input.button.loading.single_add_to_cart_button:after {
  right: 0.9375rem;
}

@keyframes qala-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.menu-item-type-post_type.btn {
  transition: all 0.4s ease, color 0s;
}

body .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button {
  border-style: solid;
}

.wp-block-button.is-style-primary-underline,
.wp-block-button.is-style-secondary-underline,
.wp-block-button.is-style-ghost,
.wp-block-button.is-style-ghost-link {
  width: auto;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.subheading {
  font-family: var(--wp--preset--font-family--zalando-sans);
  font-weight: 500;
  font-style: italic;
  font-stretch: normal;
  line-height: 1.44;
  letter-spacing: 0;
  font-size: clamp(1.125rem, 1.125rem + (1vw - 0.225rem) * 0.3225806452, 1.375rem); /* stylelint-disable-line max-line-length */
}

.section-heading, body .wc-block-grid .wc-block-grid__product-price, .product-block-content h2, .product-cat-additional-content .additional-content-heading.additional-content-heading-links {
  font-family: var(--wp--preset--font-family--zalando-sans);
  text-transform: uppercase;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.46;
  letter-spacing: 0;
  font-size: clamp(0.6875rem, 0.6875rem + (1vw - 0.225rem) * 0.3225806452, 0.9375rem); /* stylelint-disable-line max-line-length */
}

.meta, .woocommerce div.product form.cart .variations td.label label,
.woocommerce div.product form.cart .variations td.label .label-value, .woocommerce.single-product .woocommerce-breadcrumb,
.qala-quickview .woocommerce-breadcrumb {
  font-family: var(--wp--preset--font-family--zalando-sans);
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 1.45;
  text-transform: uppercase;
  font-size: clamp(0.6875rem, 0.6875rem + (1vw - 0.225rem) * 0.3225806452, 0.9375rem); /* stylelint-disable-line max-line-length */
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.accordion {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
  justify-content: center;
}

.accordion-item {
  width: 100%;
  display: flex;
  border-top: 1px solid var(--wp--preset--color--base-300);
}
.accordion-item:last-child {
  border-bottom: 1px solid var(--wp--preset--color--base-300);
}
.accordion-item.accordion-hidden .accordion-title:after {
  transform: rotate(0deg);
  transition: transform 0.2s ease-in;
}
.accordion-item.accordion-hidden .accordion-inner-content {
  max-height: 0;
  opacity: 0;
  transition: max-height, opacity 0.4s linear;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.accordion-item .accordion-content {
  flex-grow: 1;
}
.accordion-item .accordion-title {
  font-weight: bold;
  cursor: pointer;
  display: block;
  margin-bottom: 0;
  margin-top: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  position: relative;
  width: 100%;
  flex-basis: 100%;
}
.accordion-item .accordion-title:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7'%3E%3Cpath fill='none' fill-rule='nonzero' stroke='%235483bf' d='M.773.876l4.95 4.95 4.95-4.95'/%3E%3C/svg%3E%0A");
  transform: rotate(180deg);
  transition: transform 0.2s ease-in;
  position: absolute;
  top: auto;
  right: 10px;
}
.accordion-item .accordion-inner-content {
  padding-bottom: 15px;
  height: auto;
  margin-top: -9px;
  max-height: 1000px;
  opacity: 1;
  transition: max-height, opacity 0.4s linear;
}
.accordion-item .accordion-inner-content > *:first-child {
  margin: 0;
  padding-top: 0;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.qala-breadcrumbs-container--post-default:before {
  background-color: transparent;
  border-top-color: transparent;
  border-bottom-color: var(--wp--preset--color--base-300);
}
.single-product .qala-breadcrumbs-container--post-default:before {
  border-color: transparent;
}
.single-product .qala-breadcrumbs-container ~ .product > .product-wrap {
  margin-top: 0;
}

.qala-breadcrumbs__page {
  font-weight: 300;
  color: var(--wp--preset--color--base-600);
  font-size: 0.8125rem;
}
.qala-breadcrumbs__page:hover, .qala-breadcrumbs__page:focus {
  color: var(--wp--preset--color--primary-500);
}
.qala-breadcrumbs__page--last {
  font-weight: 600;
  color: var(--wp--preset--color--base-900);
}
.qala-breadcrumbs__page--last:hover {
  color: var(--wp--preset--color--base-900);
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
body .qala-filters__tax-list__app {
  margin: 20px auto 0;
}

body .qala-filters__load-more-button-container {
  margin-bottom: 30px;
}

body .qala-filters__tax-list__show-hide a,
body .qala-filters__mobile-header {
  color: #0070f0;
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: 0;
  text-transform: uppercase;
  display: flex;
  padding-top: 0.6em;
  font-size: 0.6875rem;
}
body .qala-filters__tax-list__show-hide a:before,
body .qala-filters__mobile-header:before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='22' viewBox='0 0 23 22'%3E%3Cg fill='%230070F0' fill-rule='nonzero'%3E%3Cpath d='M21.284 17.27h-2.45a3.214 3.214 0 0 0-3.07-2.3c-1.454 0-2.671.974-3.07 2.3H1.044a.92.92 0 0 0 0 1.84h11.65a3.214 3.214 0 0 0 3.07 2.3c1.454 0 2.67-.975 3.07-2.3h2.45a.92.92 0 1 0 0-1.84zm-5.52 2.3c-.76 0-1.38-.62-1.38-1.38 0-.761.62-1.38 1.38-1.38.76 0 1.38.619 1.38 1.38 0 .76-.62 1.38-1.38 1.38zM21.284 2.549h-2.45c-.4-1.326-1.616-2.3-3.07-2.3-1.454 0-2.671.974-3.07 2.3H1.044a.92.92 0 0 0 0 1.84h11.65c.399 1.326 1.616 2.3 3.07 2.3 1.454 0 2.67-.974 3.07-2.3h2.45a.92.92 0 1 0 0-1.84zm-5.52 2.3c-.76 0-1.38-.62-1.38-1.38 0-.761.62-1.38 1.38-1.38.76 0 1.38.619 1.38 1.38 0 .76-.62 1.38-1.38 1.38zM21.284 9.91H9.634c-.4-1.327-1.617-2.301-3.07-2.301-1.454 0-2.671.974-3.07 2.3h-2.45a.92.92 0 0 0 0 1.84h2.45c.399 1.326 1.616 2.3 3.07 2.3 1.453 0 2.67-.974 3.07-2.3h11.65a.92.92 0 1 0 0-1.84zm-14.72 2.3c-.761 0-1.38-.62-1.38-1.38 0-.762.619-1.38 1.38-1.38.76 0 1.38.618 1.38 1.38 0 .76-.62 1.38-1.38 1.38z'/%3E%3C/g%3E%3C/svg%3E%0A");
  height: 18px;
  width: 18px;
  margin-right: 1em;
}

body .qala-filters__tax-list__show-hide,
body .qala-filters__tax-list__orderby-container {
  width: 100%;
  margin-bottom: 5px;
}

body .qala-filters__tax-list__orderby-container .choices {
  width: 100%;
}

body .qala-filters__tax-list__show-hide button {
  background-color: var(--wp--preset--color--primary-500);
  border: 2px solid var(--wp--preset--color--primary-500);
  border-radius: 0.25rem;
  display: inline-block;
  color: var(--wp--preset--color--white);
  transition: all 0.4s ease;
  padding: 0.75rem 1.5rem;
  text-transform: none;
  font-weight: 500;
  cursor: pointer;
  letter-spacing: 0;
  text-decoration: none;
  text-decoration-color: transparent;
  outline-color: transparent;
  line-height: 1.1;
  -webkit-font-smoothing: initial;
  outline-offset: 0;
  font-size: clamp(0.875rem, 0.875rem + (1vw - 0.225rem) * 0.2419354839, 1.0625rem); /* stylelint-disable-line max-line-length */
}
body .qala-filters__tax-list__show-hide button:hover, body .qala-filters__tax-list__show-hide button:focus {
  box-shadow: none;
  border: 2px solid var(--wp--preset--color--primary-400);
  background-color: var(--wp--preset--color--primary-400);
  color: var(--wp--preset--color--white);
  text-decoration: none;
  text-decoration-color: transparent;
}
body .qala-filters__tax-list__show-hide button:focus-visible {
  outline: 2px solid #91cba8;
  border: 2px solid var(--wp--preset--color--primary-400);
  background-color: var(--wp--preset--color--primary-400);
  color: var(--wp--preset--color--white);
}
body .qala-filters__tax-list__show-hide button:active, body .qala-filters__tax-list__show-hide button:active:focus, body .qala-filters__tax-list__show-hide button.is-active {
  border: 2px solid var(--wp--preset--color--primary-600);
  background-color: var(--wp--preset--color--primary-600);
  color: var(--wp--preset--color--white);
}
body .qala-filters__tax-list__show-hide button:disabled, body .qala-filters__tax-list__show-hide button:disabled:hover {
  box-shadow: none;
  color: var(--wp--preset--color--primary-400) !important;
  background-color: var(--wp--preset--color--primary-500) !important;
  border-color: var(--wp--preset--color--primary-500) !important;
  cursor: not-allowed;
}
body .qala-filters__tax-list__show-hide button:focus:not(:focus-visible) {
  outline: none !important; /* [1] */
}
body .qala-filters__tax-list__show-hide button {
  display: flex;
  align-items: center;
  width: 100%;
  padding-top: 13px;
  padding-bottom: 13px;
}
body .qala-filters__tax-list__show-hide button:before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  height: 18px;
  width: 18px;
  margin-right: 1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='22' viewBox='0 0 23 22'%3E%3Cg fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cpath d='M21.284 17.27h-2.45a3.214 3.214 0 0 0-3.07-2.3c-1.454 0-2.671.974-3.07 2.3H1.044a.92.92 0 0 0 0 1.84h11.65a3.214 3.214 0 0 0 3.07 2.3c1.454 0 2.67-.975 3.07-2.3h2.45a.92.92 0 1 0 0-1.84zm-5.52 2.3c-.76 0-1.38-.62-1.38-1.38 0-.761.62-1.38 1.38-1.38.76 0 1.38.619 1.38 1.38 0 .76-.62 1.38-1.38 1.38zM21.284 2.549h-2.45c-.4-1.326-1.616-2.3-3.07-2.3-1.454 0-2.671.974-3.07 2.3H1.044a.92.92 0 0 0 0 1.84h11.65c.399 1.326 1.616 2.3 3.07 2.3 1.454 0 2.67-.974 3.07-2.3h2.45a.92.92 0 1 0 0-1.84zm-5.52 2.3c-.76 0-1.38-.62-1.38-1.38 0-.761.62-1.38 1.38-1.38.76 0 1.38.619 1.38 1.38 0 .76-.62 1.38-1.38 1.38zM21.284 9.91H9.634c-.4-1.327-1.617-2.301-3.07-2.301-1.454 0-2.671.974-3.07 2.3h-2.45a.92.92 0 0 0 0 1.84h2.45c.399 1.326 1.616 2.3 3.07 2.3 1.453 0 2.67-.974 3.07-2.3h11.65a.92.92 0 1 0 0-1.84zm-14.72 2.3c-.761 0-1.38-.62-1.38-1.38 0-.762.619-1.38 1.38-1.38.76 0 1.38.618 1.38 1.38 0 .76-.62 1.38-1.38 1.38z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
body .qala-filters__tax-list__show-hide button:hover:before, body .qala-filters__tax-list__show-hide button:focus:before, body .qala-filters__tax-list__show-hide button:active:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='22' viewBox='0 0 23 22'%3E%3Cg fill='%230070F0' fill-rule='nonzero'%3E%3Cpath d='M21.284 17.27h-2.45a3.214 3.214 0 0 0-3.07-2.3c-1.454 0-2.671.974-3.07 2.3H1.044a.92.92 0 0 0 0 1.84h11.65a3.214 3.214 0 0 0 3.07 2.3c1.454 0 2.67-.975 3.07-2.3h2.45a.92.92 0 1 0 0-1.84zm-5.52 2.3c-.76 0-1.38-.62-1.38-1.38 0-.761.62-1.38 1.38-1.38.76 0 1.38.619 1.38 1.38 0 .76-.62 1.38-1.38 1.38zM21.284 2.549h-2.45c-.4-1.326-1.616-2.3-3.07-2.3-1.454 0-2.671.974-3.07 2.3H1.044a.92.92 0 0 0 0 1.84h11.65c.399 1.326 1.616 2.3 3.07 2.3 1.454 0 2.67-.974 3.07-2.3h2.45a.92.92 0 1 0 0-1.84zm-5.52 2.3c-.76 0-1.38-.62-1.38-1.38 0-.761.62-1.38 1.38-1.38.76 0 1.38.619 1.38 1.38 0 .76-.62 1.38-1.38 1.38zM21.284 9.91H9.634c-.4-1.327-1.617-2.301-3.07-2.301-1.454 0-2.671.974-3.07 2.3h-2.45a.92.92 0 0 0 0 1.84h2.45c.399 1.326 1.616 2.3 3.07 2.3 1.453 0 2.67-.974 3.07-2.3h11.65a.92.92 0 1 0 0-1.84zm-14.72 2.3c-.761 0-1.38-.62-1.38-1.38 0-.762.619-1.38 1.38-1.38.76 0 1.38.618 1.38 1.38 0 .76-.62 1.38-1.38 1.38z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

body .qala-filters__mobile-header {
  padding-bottom: 10px;
}

.qala-filters__tax-list__orderby-container {
  margin-left: auto;
}
.qala-filters__tax-list__orderby-container .choices {
  z-index: 1000;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.modal {
  z-index: 2000;
  text-align: center;
  padding: 0;
}
.modal:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
  pointer-events: none;
}
.modal .close {
  opacity: 1;
  outline: none;
}
.modal .map-close-icon:before,
.modal .map-close-icon:after {
  background-color: var(--wp--preset--color--secondary-500);
}

.modal-backdrop {
  z-index: 1250;
}
.modal-backdrop.in {
  opacity: 0.6;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.modal-header {
  border: 0;
  padding: 1.5rem 2rem 0;
}
.modal-header .close {
  margin-top: 0.5rem;
}

.modal-content {
  border: 0;
  border-radius: 0;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}

.modal-body {
  padding: 1.5rem 2rem;
}

.c-social-share__modal-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin-bottom: 0;
  margin-left: -0.5em;
  margin-right: -0.5rem;
}
.c-social-share__modal-list .c-social-share__item {
  margin: 0.5rem;
}

.qala-geo-ip-popup,
.qala-geo-ip-header-notification,
.ac-geo-popup,
.qala-geo-ip-checkout-notification {
  display: none;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.woocommerce .quantity {
  display: flex;
  position: relative;
  border: 1px solid var(--wp--preset--color--base-400);
  align-self: stretch;
}
.woocommerce .quantity .qty {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  font-weight: 500;
  line-height: 1.69;
  letter-spacing: 0;
  min-width: 3em;
  field-sizing: content; /* stylelint-disable-line property-no-unknown */
  width: auto;
  padding: 0 0.5em;
  font-size: 1rem;
}
.woocommerce .quantity .qty::-webkit-inner-spin-button, .woocommerce .quantity .qty::-webkit-outer-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0;
}
.woocommerce .quantity .qty:focus-visible {
  outline-color: #91cba8;
}
.woocommerce .quantity input[type=button] {
  background-color: transparent;
  border: 0;
  line-height: 1.69;
  letter-spacing: 0;
  color: var(--wp--preset--color--base-500);
  padding: 0.5em;
  position: relative;
  z-index: 2;
  font-weight: 400;
  font-size: 0.9375rem;
}
.woocommerce .quantity input[type=button]:active, .woocommerce .quantity input[type=button]:active:focus, .woocommerce .quantity input[type=button]:focus, .woocommerce .quantity input[type=button]:hover, .woocommerce .quantity input[type=button]:hover:focus:active {
  color: var(--wp--preset--color--primary-500);
  background-color: transparent;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
input[type=text],
input[type=number],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=tel],
input[type=date],
select,
textarea {
  font-family: var(--wp--preset--font-family--inter);
  color: var(--wp--preset--color--base-1000);
  border: 1.5px solid var(--wp--preset--color--base-400);
  border-radius: 2px;
  max-width: 100%;
  line-height: 24px;
  width: 100%;
  padding: 0.75rem 1rem 0.75rem 1rem;
  font-weight: 300;
  font-size: 1rem;
}
input[type=text]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=date]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
  color: var(--wp--preset--color--base-600);
}
input[type=text]::placeholder,
input[type=number]::placeholder,
input[type=email]::placeholder,
input[type=url]::placeholder,
input[type=password]::placeholder,
input[type=search]::placeholder,
input[type=tel]::placeholder,
input[type=date]::placeholder,
select::placeholder,
textarea::placeholder {
  color: var(--wp--preset--color--base-600);
}
input[type=text]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=date]:focus,
select:focus,
textarea:focus {
  border-color: var(--wp--preset--color--base-1000);
}

select {
  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 140 140' width='18' height='18' xmlns='http://www.w3.org/2000/svg'><g><path d='m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z' fill='black'/></g></svg>") no-repeat;
  background-position: right 1rem top 50%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-size: 18px 18px;
  transition: 0.25s background;
}
select:hover, select:focus {
  background-size: 22px 22px;
  background-position: right 0.875rem top 50%;
}

.woocommerce form .form-row.woocommerce-invalid .select2-container,
.woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid select {
  border: 1.5px solid #f68e95;
  background-color: rgba(253, 237, 238, 0.1);
}

.select2-container--default .select2-selection--single {
  border: 1.5px solid var(--wp--preset--color--base-400);
  border-radius: 0;
  height: 48px;
  background-color: var(--wp--preset--color--base-200);
  font-size: 1rem;
}
.select2-container--default .select2-selection--single[aria-expanded=true] {
  background-color: transparent;
}

.select2-results__options .select2-results__option {
  font-size: 1rem;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 48px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 48px;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.usp-bar {
  position: relative;
  z-index: 1750;
  background-color: var(--wp--preset--color--primary-600);
  overflow-x: hidden;
  font-size: 0.8125rem;
}
.usp-bar .usp-container {
  display: flex;
  height: 40px;
  align-items: center;
  justify-content: center;
}
.usp-bar .usp-container--with-vat-switcher {
  justify-content: space-between;
}
.usp-bar__list {
  list-style: none;
  margin: 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  padding: 0;
}
.usp-bar__list li {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--wp--preset--font-family--zalando-sans);
  font-weight: 300;
  line-height: 2;
  letter-spacing: 0;
  padding: 0;
  list-style: none;
  font-size: 0.8125rem;
}
.usp-bar__list li:before {
  display: none;
}
.usp-bar__list li:nth-child(n+2) {
  display: none;
}
.usp-bar__list li.no-icon > span {
  padding-left: 0;
}
.usp-bar .usp-swiper {
  width: 100%;
}
.usp-bar .usp-swiper.swiper-initialized .usp-bar__list li:nth-child(n+2) {
  display: flex;
}
.usp-bar svg {
  width: 20px;
  min-width: 20px;
  height: 20px;
}
.usp-bar svg path {
  fill: var(--wp--preset--color--white);
}
.usp-bar svg.thumbs-up path:first-of-type {
  fill: none;
  stroke: var(--wp--preset--color--white);
}
.usp-bar span {
  color: var(--wp--preset--color--white);
  padding-left: 10px;
}

.usp-bar--column {
  background-color: transparent;
}
.usp-bar--column ul.usp-bar__list {
  text-align: left;
  background-color: transparent;
  padding: 0;
}
.usp-bar--column ul.usp-bar__list li {
  display: flex;
  padding: 0;
  margin: 0.5rem 0;
  font-family: var(--wp--preset--font-family--zalando-sans);
  font-weight: 300;
  line-height: 2;
  letter-spacing: 0;
  font-size: 0.8125rem;
}
.usp-bar--column svg path {
  fill: #000;
}
.usp-bar--column span {
  color: #000;
}

.secondary-menu {
  display: block;
  padding: 1em 2em;
  margin: unset;
  list-style: none;
  flex: 1;
  justify-content: flex-end;
}
.secondary-menu li {
  margin-bottom: 10px;
}
.secondary-menu li a {
  color: var(--wp--preset--color--black);
  font-weight: 300;
  font-size: 0.8125rem;
}
.secondary-menu.desktop {
  display: none;
  padding: unset;
}
.secondary-menu.desktop li {
  margin-bottom: unset;
}
.secondary-menu.desktop li:not(:last-child) {
  margin-right: 20px;
}
.secondary-menu.desktop a {
  color: var(--wp--preset--color--white);
}
.secondary-menu.desktop a:hover, .secondary-menu.desktop a:focus {
  text-decoration: underline;
}

.checkout .usp-swiper {
  width: 100%;
}
.checkout .usp-bar__list {
  margin-top: 20px;
  margin-bottom: 20px;
}
.checkout .usp-bar__list li {
  gap: 10px;
}
.checkout .usp-bar__list li:nth-child(n+2) {
  display: flex;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
[class*=grid-slider] {
  position: relative;
}
.swiper-initialized [class*=grid-slider] {
  justify-content: unset;
  width: unset;
}
[class*=grid-slider].grid {
  display: block;
}
[class*=grid-slider] [class*=col-] {
  max-width: 81%;
}

.slider-container-xxs {
  position: relative;
}
.slider-container-xxs:before {
  content: "";
  height: 100%;
  width: 19%;
  background-image: linear-gradient(to right, transparent, var(--wp--preset--color--white));
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 50;
}
.dark .slider-container-xxs:before {
  background-image: linear-gradient(to right, transparent, var(--wp--preset--color--primary-variant-midnight));
}
.slider-container-xxs.swiper-initialized {
  overflow: hidden;
}

.slider-container-xs {
  position: relative;
}
.slider-container-xs:before {
  content: "";
  height: 100%;
  width: 19%;
  background-image: linear-gradient(to right, transparent, var(--wp--preset--color--white));
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 50;
}
.dark .slider-container-xs:before {
  background-image: linear-gradient(to right, transparent, var(--wp--preset--color--primary-variant-midnight));
}
.slider-container-xs.swiper-initialized {
  overflow: hidden;
}

.slider-container-s {
  position: relative;
}
.slider-container-s:before {
  content: "";
  height: 100%;
  width: 19%;
  background-image: linear-gradient(to right, transparent, var(--wp--preset--color--white));
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 50;
}
.dark .slider-container-s:before {
  background-image: linear-gradient(to right, transparent, var(--wp--preset--color--primary-variant-midnight));
}
.slider-container-s.swiper-initialized {
  overflow: hidden;
}

.slider-container-m {
  position: relative;
}
.slider-container-m:before {
  content: "";
  height: 100%;
  width: 19%;
  background-image: linear-gradient(to right, transparent, var(--wp--preset--color--white));
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 50;
}
.dark .slider-container-m:before {
  background-image: linear-gradient(to right, transparent, var(--wp--preset--color--primary-variant-midnight));
}
.slider-container-m.swiper-initialized {
  overflow: hidden;
}

.slider-container-l {
  position: relative;
}
.slider-container-l:before {
  content: "";
  height: 100%;
  width: 19%;
  background-image: linear-gradient(to right, transparent, var(--wp--preset--color--white));
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 50;
}
.dark .slider-container-l:before {
  background-image: linear-gradient(to right, transparent, var(--wp--preset--color--primary-variant-midnight));
}
.slider-container-l.swiper-initialized {
  overflow: hidden;
}

.slider-container-xl {
  position: relative;
}
.slider-container-xl:before {
  content: "";
  height: 100%;
  width: 19%;
  background-image: linear-gradient(to right, transparent, var(--wp--preset--color--white));
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 50;
}
.dark .slider-container-xl:before {
  background-image: linear-gradient(to right, transparent, var(--wp--preset--color--primary-variant-midnight));
}
.slider-container-xl.swiper-initialized {
  overflow: hidden;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.entry-header {
  max-width: var(--wp--custom--content-size);
  margin-left: auto;
  margin-right: auto;
}
.woocommerce-page .entry-header {
  max-width: var(--wp--custom--wide-size);
}
.entry-header .entry-title {
  word-wrap: break-word;
}
.entry-header > * {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.post-password-required .entry-header {
  display: none;
}

.password-box {
  background-color: var(--wp--preset--color--base-100);
  padding: 7.25rem 0;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
.password-box .post-password-box {
  width: auto;
  max-width: 25.875rem;
  margin: 0 2.25rem;
  padding: 2.375rem 1.375rem 2.625rem;
  background-color: var(--wp--preset--color--white);
  border-radius: 0.625rem;
}
.password-box .post-password-box .lock-icon {
  width: 5.6875rem;
  height: 5.6875rem;
  border-radius: 50%;
  background-color: var(--wp--preset--color--primary-100);
  margin: auto;
  display: flex;
}
.password-box .post-password-box .lock-icon svg {
  height: 2.4375rem;
  width: auto;
  margin: auto;
}
.password-box .post-password-box .post-password-heading {
  font-size: 1.25rem;
  font-weight: 700;
  margin: 1rem 0 0.625rem;
}
.password-box .post-password-box .post-password-message {
  font-size: 0.875rem;
  font-weight: 400;
  margin-bottom: 1.5rem;
  padding: 0 1.5rem;
}
.password-box .post-password-box .post-password-heading,
.password-box .post-password-box .post-password-message,
.password-box .post-password-box .post-password-form {
  text-align: center;
}
.password-box .post-password-box .post-password-form {
  position: relative;
}
.password-box .post-password-box .post-password-form__label {
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  width: 100%;
  display: flex;
  justify-content: left;
}
.password-box .post-password-box .post-password-form__input {
  border: 1.5px solid var(--wp--preset--color--base-1000);
  border-radius: 2px;
  background-image: url("../../../qala-theme/assets/images/icons/user/user.svg");
  background-size: 1.375rem;
  background-position: 0.75rem 0.625rem;
  background-repeat: no-repeat;
  padding: 0.65625rem 2.75rem;
}
.password-box .post-password-box .post-password-form__input.wrong-password {
  border: 1.5px solid #f68e95;
}
.password-box .post-password-box div.wrong-password {
  color: #f68e95;
  text-align: left;
  margin-top: 0.5rem;
}
.password-box .post-password-box .post-password-form__reset {
  display: inline-block;
  background-image: url("../../../qala-theme/assets/images/icons/action/close-circle.svg");
  background-size: 1.125rem;
  background-position: 0.625rem 0.8125rem;
  background-repeat: no-repeat;
  border: 0;
  border-radius: 0;
  position: absolute;
  top: 2.125rem;
  right: 0.125rem;
  height: 2.8125rem;
  width: 2.5rem;
  background-color: transparent;
}
.password-box .post-password-box .post-password-form__reset.d-none {
  display: none;
}
.password-box .post-password-box .post-password-form__submit {
  margin-top: 1.875rem;
}

.standard-page-container {
  max-width: 100%;
  padding: unset !important; /* stylelint-disable-line declaration-no-important */
}

.single-page .entry-header .entry-title {
  margin-top: 1.875rem;
}

.woocommerce-page .single-page .container {
  max-width: 77.5rem;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.standard-post-header-image {
  max-height: 32.5rem;
  overflow: hidden;
  margin-bottom: 30px;
}
.standard-post-header-image img {
  width: 100%;
  height: auto;
}

.standard-post-container {
  max-width: 100%;
  padding: unset;
}

.entry-header .single-post-category {
  margin: 1.5rem 0 0 0;
}
.entry-header .single-post-category a {
  text-decoration: none;
  letter-spacing: 0;
  font-weight: 700;
  color: var(--wp--preset--color--primary-500);
  font-size: 1.0625rem;
}
.entry-header .single-post-category a:hover, .entry-header .single-post-category a:active {
  color: var(--wp--preset--color--primary-variant-chambray);
}
.entry-header .single-post-category .single-post-category__separator:last-of-type {
  display: none;
}

.entry-header .entry-title {
  margin: 1.25rem 0 2.5rem;
}

.entry-header .header-post-meta {
  padding-bottom: 1.5rem;
  margin-bottom: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  position: relative;
  gap: 1.5rem;
}
.entry-header .header-post-meta:after {
  content: "";
  position: absolute;
  bottom: 0;
  border-bottom: 1px solid var(--wp--preset--color--base-500);
  width: calc(100% - 3rem);
}
.entry-header .header-post-meta .meta {
  display: inline-block;
  margin: 0;
}
.entry-header .header-post-meta:not(:has(.meta)) {
  display: none;
}
.entry-header .header-post-meta:not(:has(.meta)):after {
  display: none;
}

.entry-footer {
  margin: 3em 0;
  max-width: var(--wp--custom--content-size);
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.entry-footer .single-post-author-bio-wrapper {
  display: flex;
  align-items: center;
  padding: 15px 0;
  border-top: 1px solid var(--wp--preset--color--base-300);
  border-bottom: 1px solid var(--wp--preset--color--base-300);
}
.entry-footer .single-post-author-image img {
  max-width: 70px;
  border-radius: 50%;
}
.entry-footer .single-post-author-bio {
  display: flex;
  flex-direction: column;
  margin-left: 15px;
}
.entry-footer .single-post-author-bio .section-heading {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.3em;
  letter-spacing: 0;
}
.entry-footer .author-bio {
  padding: 0;
  margin: 0;
}
.entry-footer .author-name {
  display: block;
  margin: 0;
}
.entry-footer .author-name a {
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.6;
  text-decoration: none;
  font-size: 0.9375rem;
}
.entry-footer .author-description {
  display: block;
  margin: 0;
  font-size: 0.8125rem;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
/*
 * === Element ===
 *
 * This layer should contain styling for html elements.
 * NO CLASS DECLARATIONS PERMITTED IN THIS LAYER
 * DISCLAIMER: There are currently some classes extending on element styling present, but this is the only exeption.
 *
 */
.woocommerce.single-product .woocommerce-container,
.qala-quickview .woocommerce-container {
  width: 100%;
  padding: 0;
}
.woocommerce.single-product .woocommerce-container:before, .woocommerce.single-product .woocommerce-container:after,
.qala-quickview .woocommerce-container:before,
.qala-quickview .woocommerce-container:after {
  display: table;
  content: " ";
}
.woocommerce.single-product .product,
.qala-quickview .product {
  width: 100%;
}
.woocommerce.single-product .woocommerce-breadcrumb,
.qala-quickview .woocommerce-breadcrumb {
  display: none;
}
.woocommerce.single-product .woocommerce-breadcrumb__part:last-child,
.woocommerce.single-product .woocommerce-breadcrumb__delimiter:nth-last-of-type(2),
.qala-quickview .woocommerce-breadcrumb__part:last-child,
.qala-quickview .woocommerce-breadcrumb__delimiter:nth-last-of-type(2) {
  display: none;
  font-weight: 700;
}
.woocommerce.single-product .product-wrap,
.qala-quickview .product-wrap {
  width: 100%;
}
.woocommerce.single-product,
.qala-quickview {
  /* stylelint-disable selector-max-id, declaration-no-important  */
}
.woocommerce.single-product #content div.product div.summary,
.woocommerce.single-product div.product div.summary,
.qala-quickview #content div.product div.summary,
.qala-quickview div.product div.summary {
  flex-grow: 5;
  float: none;
  height: 100%;
  width: 100%;
  margin-bottom: 0;
  position: relative;
}
.woocommerce.single-product,
.qala-quickview {
  /* stylelint-enable */
}
.woocommerce.single-product .summary-inner-wrapper,
.qala-quickview .summary-inner-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  background: transparent;
  margin-top: 0;
  width: 100%;
  padding-top: 25px;
  padding-bottom: 0;
}
.woocommerce.single-product .summary-inner-wrapper span.availability_date,
.qala-quickview .summary-inner-wrapper span.availability_date {
  padding: 0 1.5rem;
  margin-bottom: 20px;
}
.woocommerce.single-product .summary-inner-wrapper > *,
.qala-quickview .summary-inner-wrapper > * {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.woocommerce.single-product .summary-inner-wrapper .product-attributes,
.qala-quickview .summary-inner-wrapper .product-attributes {
  width: 100%;
}
.woocommerce.single-product .product .product_title,
.qala-quickview .product .product_title {
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 0.75rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  width: 100%;
  font-size: clamp(1.75rem, 1.75rem + (1vw - 0.225rem) * -0.3225806452, 1.5rem); /* stylelint-disable-line max-line-length */
}
.woocommerce.single-product div.product p.price,
.qala-quickview div.product p.price {
  display: inline;
  line-height: 1;
  width: 100%;
  margin-top: 0;
  margin-bottom: 1.25rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  color: var(--wp--preset--color--base-900);
  font-family: var(--wp--preset--font-family--zalando-sans);
  font-size: clamp(1.75rem, 1.75rem + (1vw - 0.225rem) * -0.3225806452, 1.5rem); /* stylelint-disable-line max-line-length */
}
.woocommerce.single-product div.product p.price .amount,
.qala-quickview div.product p.price .amount {
  color: var(--wp--preset--color--base-900);
  font-weight: 500;
  font-family: var(--wp--preset--font-family--zalando-sans);
  font-size: clamp(1.125rem, 1.125rem + (1vw - 0.225rem) * -0.1612903226, 1rem); /* stylelint-disable-line max-line-length */
}
.woocommerce.single-product div.product p.price ins,
.qala-quickview div.product p.price ins {
  text-decoration: none;
  line-height: 10px;
}
.woocommerce.single-product div.product p.price ins .amount,
.qala-quickview div.product p.price ins .amount {
  color: var(--wp--preset--color--primary-500);
}
.woocommerce.single-product div.product p.price del,
.qala-quickview div.product p.price del {
  opacity: 1;
  font-weight: 300;
  margin-left: 0.5rem;
  font-size: clamp(0.8125rem, 0.8125rem + (1vw - 0.225rem) * 0.2419354839, 1rem); /* stylelint-disable-line max-line-length */
}
.woocommerce.single-product div.product p.price del .amount,
.qala-quickview div.product p.price del .amount {
  color: var(--wp--preset--color--base-900);
  font-weight: 300;
  font-size: clamp(0.8125rem, 0.8125rem + (1vw - 0.225rem) * 0.2419354839, 1rem); /* stylelint-disable-line max-line-length */
}
.woocommerce.single-product .woocommerce-product-details__short-description,
.qala-quickview .woocommerce-product-details__short-description {
  width: 100%;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.woocommerce.single-product .woocommerce-product-details__short-description p,
.qala-quickview .woocommerce-product-details__short-description p {
  margin-top: 0;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.54;
  letter-spacing: 0;
  font-size: clamp(0.875rem, 0.875rem + (1vw - 0.225rem) * 0.1612903226, 1rem); /* stylelint-disable-line max-line-length */
}
.woocommerce.single-product .woocommerce-product-details__short-description ol,
.woocommerce.single-product .woocommerce-product-details__short-description ul,
.qala-quickview .woocommerce-product-details__short-description ol,
.qala-quickview .woocommerce-product-details__short-description ul {
  padding-left: 1.5rem;
}
.woocommerce.single-product .woocommerce-product-details__short-description li,
.qala-quickview .woocommerce-product-details__short-description li {
  font-size: clamp(0.875rem, 0.875rem + (1vw - 0.225rem) * 0.1612903226, 1rem); /* stylelint-disable-line max-line-length */
}
.woocommerce.single-product .woocommerce-product-details__short-description :last-child,
.qala-quickview .woocommerce-product-details__short-description :last-child {
  margin-bottom: 2rem;
}
.woocommerce.single-product .summary-inner-wrapper > .product-attributes table,
.qala-quickview .summary-inner-wrapper > .product-attributes table {
  font-size: 0.8125rem;
}
.woocommerce.single-product .summary-inner-wrapper > .product-attributes table td,
.woocommerce.single-product .summary-inner-wrapper > .product-attributes table th,
.qala-quickview .summary-inner-wrapper > .product-attributes table td,
.qala-quickview .summary-inner-wrapper > .product-attributes table th {
  padding: 0;
  background-color: transparent;
}
.woocommerce.single-product .summary-inner-wrapper > .product-attributes table td,
.qala-quickview .summary-inner-wrapper > .product-attributes table td {
  padding-left: 5px;
}

/**
 * 1. for some reason the loading of this button with position: absolute
 * this is delayed in plugins/qala-wishlist/dist/app.css, which causes a big
 * layout shift on the slider on first load. Adding it here early to fix that */
.product-gallery-wrap {
  position: relative;
  width: 100%;
  margin-bottom: 0;
  overflow-x: hidden;
  max-width: 100%;
}
.product-gallery-wrap .qala-wishlist-button {
  z-index: 2;
  position: absolute; /* [1] */
  top: 15px;
  right: 15px;
}
.product-gallery-wrap .qala-wishlist-button__no-image-slider {
  position: static;
}

.ac-module__wrapper--pdp {
  padding: 2rem 0 1rem;
}

.container--productlistings {
  overflow: hidden;
}

.single-product .site-main {
  overflow: visible;
}

.product-icons {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}
.product-icons__column {
  flex: 1;
  text-align: center;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  width: 100%;
}
.product-icons__column h6 {
  color: var(--wp--preset--color--black);
  font-family: var(--wp--preset--font-family--zalando-sans);
  margin: 0.375rem 0 0.25rem;
  font-weight: 500;
  font-size: 0.75rem;
}
.product-icons__column span {
  color: var(--wp--preset--color--black);
  font-size: 0.75rem;
}
.product-icons__icon {
  min-height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-icons__icon svg,
.product-icons__icon img {
  display: inline-block;
  min-width: 30px;
  width: 100%;
  height: auto;
}

.product-model-info {
  margin-bottom: 1em;
}
.product-model-info span {
  font-size: 0.875rem;
}

.woocommerce div.product form.cart .variations th.label {
  line-height: 1.4;
}
.woocommerce div.product form.cart .variations th.label label {
  font-weight: 600;
  font-size: 0.875rem;
}

/* The Masonry Container */
.archive-header-wrapper {
  background-color: transparent;
  display: flex;
  align-items: center;
}
.archive-header-wrapper .archive-header {
  color: var(--wp--preset--color--base-900);
  margin-top: 0;
  padding: 15px 0 0;
  font-size: 2.2rem;
  letter-spacing: 0;
  font-weight: 500;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.archive-wrapper {
  padding-top: 2.5rem;
}
.archive-wrapper .btn.show-more-articles {
  display: block;
  width: 100%;
  cursor: pointer;
  margin: 3rem auto 3.4375rem;
  padding: 0.75rem 2rem;
}

.archive-tag-nav {
  position: relative;
}

.archive-tag-wrapper {
  gap: 0.75rem;
  display: flex;
  list-style: none;
  overflow-x: auto;
  margin: calc(1.875rem - 2px) -0.75rem calc(2.5rem - 2px) -2px;
  padding: 2px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.archive-tag-wrapper:after {
  content: "";
  position: absolute;
  top: 0;
  right: -1.5rem;
  height: 100%;
  width: 3rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #fff 75%, #fff 100%);
  z-index: 2;
}
.archive-tag-wrapper li {
  display: inline-block;
}
.archive-tag-wrapper .category-active .archive-tag-button {
  color: var(--wp--preset--color--white);
  background-color: var(--wp--preset--color--primary-500);
  border-color: var(--wp--preset--color--primary-500);
}
.archive-tag-wrapper .category-active .archive-tag-button:hover, .archive-tag-wrapper .category-active .archive-tag-button:focus {
  color: var(--wp--preset--color--white);
  background-color: var(--wp--preset--color--primary-500);
  border-color: var(--wp--preset--color--primary-500);
}
.archive-tag-wrapper .archive-tag-button {
  color: var(--wp--preset--color--base-700);
  background-color: var(--wp--preset--color--base-200);
  border-color: var(--wp--preset--color--base-200);
  border-radius: 2.5rem;
  padding: 0.375rem 0.75rem;
  line-height: 1;
  white-space: nowrap;
  font-size: 1rem;
}
.archive-tag-wrapper .archive-tag-button:hover, .archive-tag-wrapper .archive-tag-button:focus {
  color: var(--wp--preset--color--white);
  background-color: var(--wp--preset--color--primary-500);
  border-color: var(--wp--preset--color--primary-500);
}
.archive-tag-wrapper .archive-tag-button:active {
  background-color: var(--wp--preset--color--primary-600);
}

.archive-masonry {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1.5rem;
  margin-bottom: calc(1.5rem * 2);
}

.archive-item {
  margin: 0;
  background-color: var(--wp--preset--color--white);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  border-bottom: 1px solid var(--wp--preset--color--base-400);
  position: relative;
  padding-bottom: 1.5rem;
  gap: 1.5rem;
  border-radius: 0;
}
.archive-item img {
  transition: var(--image-hover-transition-property) var(--image-hover-transition-duration) var(--image-hover-transition-timing-function);
  will-change: var(--image-hover-transition-property);
}
.archive-item:hover .archive-item-heading, .archive-item:focus .archive-item-heading {
  color: var(--wp--preset--color--primary-variant-chambray);
}
.archive-item:hover img, .archive-item:focus img {
  transform: var(--image-hover-transition-transform-scale-hover);
}
.archive-item:hover .archive-item__read-more, .archive-item:focus .archive-item__read-more {
  color: var(--wp--preset--color--primary-variant-chambray);
  border-color: var(--wp--preset--color--primary-variant-chambray);
}
.archive-item a:not(.archive-item__link) {
  position: relative;
  z-index: 2;
}
.archive-item__link {
  background: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  overflow: hidden;
  right: 0;
  text-indent: 200%;
  top: 0;
  white-space: nowrap;
  opacity: 0;
  position: absolute;
  z-index: 1;
}
.archive-item .image-container {
  padding: 0;
  display: block;
  overflow: hidden;
  border-radius: 0 0 0 0;
}
.archive-item .image-container img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100px;
  height: 100px;
  max-width: 100px;
}
.archive-item .meta {
  margin-top: 0;
  margin-bottom: 0;
  color: var(--wp--preset--color--base-500);
  text-transform: none;
}
.archive-item .archive-item-heading {
  margin-top: 0;
  margin-bottom: 1rem;
  font-style: inherit;
  color: var(--wp--preset--color--base-1000);
  font-weight: 500;
  transition: 0.2s ease-in-out color;
  font-size: 1.125rem;
}
.archive-item .archive-item-excerpt {
  display: none;
}
.archive-item .btn {
  display: none;
}
.archive-item .archive-item-excerpt-mobile {
  display: block;
}
.archive-item .archive-item-excerpt-desktop {
  display: none;
}
.archive-item .archive-item-content {
  padding: 0;
}
.archive-item .archive-item-content > a[rel=tag] {
  color: var(--wp--preset--color--primary-500);
  text-transform: uppercase;
  display: inline-block;
  padding: 12px;
  margin-left: -12px;
  margin-top: -12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  font-size: 0.75rem;
}
.archive-item .archive-item-content > a[rel=tag]:hover, .archive-item .archive-item-content > a[rel=tag]:focus {
  color: var(--wp--preset--color--primary-variant-chambray);
}
.archive-item__read-more {
  text-align: left;
  width: unset;
  height: unset;
  display: inline-block;
  margin-top: 1.25rem;
  color: var(--wp--preset--color--primary-500);
}
.archive-item__read-more:hover, .archive-item__read-more:focus {
  color: var(--wp--preset--color--primary-variant-chambray);
}
.archive-stay-informed__content {
  background-color: var(--wp--preset--color--primary-200);
  padding: 2.5rem 1.75rem;
  position: relative;
  overflow: hidden;
  z-index: 1;
  text-align: center;
}
.archive-stay-informed__content > * {
  text-wrap: balance;
  font-size: 0.875rem;
}
.archive-stay-informed__content h4 {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1.5rem;
}
.archive-stay-informed__content img {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}

.stay-informed-form {
  margin-top: 2.5rem;
}
.stay-informed-form p {
  margin-bottom: 0;
  font-size: 0.875rem;
}
.stay-informed-form p:last-of-type {
  margin-top: 0.5rem;
}
.stay-informed-form label {
  display: inline-block;
}
.stay-informed-form input[type=text],
.stay-informed-form input[type=email],
.stay-informed-form input[type=url],
.stay-informed-form input[type=tel],
.stay-informed-form textarea {
  padding: 0.625rem 0 0.625rem 0;
  position: relative;
  z-index: 1;
  margin-block-end: 0;
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid var(--wp--preset--color--black);
  font-weight: 300;
  font-size: 0.875rem;
}
.stay-informed-form input[type=text]::-moz-placeholder, .stay-informed-form input[type=email]::-moz-placeholder, .stay-informed-form input[type=url]::-moz-placeholder, .stay-informed-form input[type=tel]::-moz-placeholder, .stay-informed-form textarea::-moz-placeholder {
  opacity: 0;
}
.stay-informed-form input[type=text]::placeholder,
.stay-informed-form input[type=email]::placeholder,
.stay-informed-form input[type=url]::placeholder,
.stay-informed-form input[type=tel]::placeholder,
.stay-informed-form textarea::placeholder {
  opacity: 0;
}
.stay-informed-form .field-group input:not(:-moz-placeholder) {
  background-color: transparent;
  border: 0;
  outline: none;
  border-bottom: 1px solid var(--wp--preset--color--primary-500);
}
.stay-informed-form input[type=text]:focus,
.stay-informed-form input[type=email]:focus,
.stay-informed-form input[type=url]:focus,
.stay-informed-form input[type=tel]:focus,
.stay-informed-form textarea:focus input[type=text]:active,
.stay-informed-form input[type=email]:active,
.stay-informed-form input[type=url]:active,
.stay-informed-form input[type=tel]:active,
.stay-informed-form textarea:active,
.stay-informed-form input[type=email]:focus-visible,
.stay-informed-form input[type=url]:focus-visible,
.stay-informed-form input[type=tel]:focus-visible,
.stay-informed-form textarea:focus-visible,
.stay-informed-form .field-group input:not(:placeholder-shown) {
  background-color: transparent;
  border: 0;
  outline: none;
  border-bottom: 1px solid var(--wp--preset--color--primary-500);
}
.stay-informed-form input[type=text]:focus::-moz-placeholder, .stay-informed-form input[type=email]:focus::-moz-placeholder, .stay-informed-form input[type=url]:focus::-moz-placeholder, .stay-informed-form input[type=tel]:focus::-moz-placeholder, .stay-informed-form textarea:focus input[type=text]:active::-moz-placeholder, .stay-informed-form input[type=email]:active::-moz-placeholder, .stay-informed-form input[type=url]:active::-moz-placeholder, .stay-informed-form input[type=tel]:active::-moz-placeholder, .stay-informed-form textarea:active::-moz-placeholder, .stay-informed-form input[type=email]:focus-visible::-moz-placeholder, .stay-informed-form input[type=url]:focus-visible::-moz-placeholder, .stay-informed-form input[type=tel]:focus-visible::-moz-placeholder, .stay-informed-form textarea:focus-visible::-moz-placeholder, .stay-informed-form .field-group input:not(:placeholder-shown)::-moz-placeholder {
  opacity: 1;
}
.stay-informed-form .field-group input:not(:-moz-placeholder)::placeholder {
  opacity: 1;
}
.stay-informed-form input[type=text]:focus::placeholder,
.stay-informed-form input[type=email]:focus::placeholder,
.stay-informed-form input[type=url]:focus::placeholder,
.stay-informed-form input[type=tel]:focus::placeholder,
.stay-informed-form textarea:focus input[type=text]:active::placeholder,
.stay-informed-form input[type=email]:active::placeholder,
.stay-informed-form input[type=url]:active::placeholder,
.stay-informed-form input[type=tel]:active::placeholder,
.stay-informed-form textarea:active::placeholder,
.stay-informed-form input[type=email]:focus-visible::placeholder,
.stay-informed-form input[type=url]:focus-visible::placeholder,
.stay-informed-form input[type=tel]:focus-visible::placeholder,
.stay-informed-form textarea:focus-visible::placeholder,
.stay-informed-form .field-group input:not(:placeholder-shown)::placeholder {
  opacity: 1;
}
.stay-informed-form .field-group {
  text-align: left;
}
.stay-informed-form .field-group label {
  transform: translate(0, -2.25rem);
  padding: 0;
  margin: 0;
  transition: transform 0.2s ease-in-out;
  display: inline-block;
  background-color: transparent;
  position: relative;
  z-index: 1;
  pointer-events: none;
  font-size: 0.875rem;
}
.stay-informed-form .field-group input:not(:-moz-placeholder) ~ label {
  position: relative;
  z-index: 2;
  transform: translate(0, -4rem);
}
.stay-informed-form .field-group input:active ~ label,
.stay-informed-form .field-group input:focus ~ label,
.stay-informed-form .field-group input:not(:placeholder-shown) ~ label {
  position: relative;
  z-index: 2;
  transform: translate(0, -4rem);
}
.stay-informed-form input[type=submit] {
  width: 100%;
  transform: translateY(-8px);
}

.blog .archive-stay-informed {
  display: none;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.search-result-heading {
  background-color: var(--wp--preset--color--primary-variant-botticelli);
}
.search-result-heading .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.search-result-heading h1 {
  margin: 0;
  padding: 1rem 0;
  display: flex;
  font-weight: 500;
  color: var(--wp--preset--color--primary-variant-chambray);
  font-family: var(--wp--preset--font-family--zalando-sans);
  font-size: 1.25rem;
}
.search-result-heading span {
  margin-left: 0;
  white-space: nowrap;
  color: var(--wp--preset--color--primary-variant-chambray);
  font-family: var(--wp--preset--font-family--zalando-sans);
  font-size: 0.75rem;
}

.search-categories {
  padding: 1.2rem 0;
  border-bottom: 1px solid var(--wp--preset--color--primary-variant-botticelli);
}

.search-results article {
  margin: 1.5rem 0 0 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
}
.search-results article .entry-title {
  margin: 0 0 0.5rem;
}
.search-results article .entry-summary {
  max-width: 37.5rem;
}
.search-results article .entry-summary p {
  margin: 0.5rem 0;
}
.search-results article .entry-summary a {
  text-decoration: underline;
  font-family: var(--wp--preset--font-family--zalando-sans);
  font-weight: 500;
  line-height: 1.63;
  letter-spacing: 0;
  font-size: 1rem;
}
.search-results article .entry-summary .content-wrapper {
  display: none;
}
.search-results article .entry-header {
  max-width: 37.5rem;
  margin-left: 0;
}

.search-post-image {
  width: 100%;
  display: flex;
  align-items: center;
  padding-right: 0;
  padding-left: 0;
}
.search-post-image a,
.search-post-image img {
  width: 100%;
}
.search-post-image img {
  border: solid 1px var(--wp--preset--color--base-100);
}

.search-post-content h4 {
  margin: 0;
  padding: 0 0 0.25rem 0;
  letter-spacing: 0;
  color: var(--wp--preset--color--primary-500);
  font-weight: 500;
  text-transform: uppercase;
  font-family: var(--wp--preset--font-family--zalando-sans);
  font-size: 0.75rem;
}
.search-post-content h4 a {
  letter-spacing: 0;
  color: var(--wp--preset--color--primary-500);
  font-weight: 500;
  text-transform: uppercase;
  font-family: var(--wp--preset--font-family--zalando-sans);
  font-size: 0.75rem;
}
.search-post-content h2 {
  line-height: 1.45;
  letter-spacing: 0;
  font-size: 0.9375rem;
}
.search-post-content h2 a {
  font-weight: 500;
  color: var(--wp--preset--color--base-1000);
}
.search-post-content .entry-header > * {
  padding-left: unset;
  padding-right: unset;
}
.search-post-content:not(.has-image) {
  padding-left: 0;
}

.search-highlight {
  background-color: var(--wp--preset--color--primary-variant-botticelli);
}

.search-no-results:not(.qala-elastic-search):not(.qec-is-loading):not(.qec-loaded) .site {
  background: var(--wp--preset--color--primary-variant-botticelli);
}
.search-no-results:not(.qala-elastic-search):not(.qec-is-loading):not(.qec-loaded) .form-group {
  display: flex;
  margin-bottom: 2rem;
}
.search-no-results:not(.qala-elastic-search):not(.qec-is-loading):not(.qec-loaded) .search-page {
  text-align: center;
}
.search-no-results:not(.qala-elastic-search):not(.qec-is-loading):not(.qec-loaded) .search-page h1,
.search-no-results:not(.qala-elastic-search):not(.qec-is-loading):not(.qec-loaded) .search-page p {
  color: var(--wp--preset--color--primary-variant-chambray);
}
.search-no-results:not(.qala-elastic-search):not(.qec-is-loading):not(.qec-loaded) .search-page h1 {
  word-break: break-word;
}
.search-no-results:not(.qala-elastic-search):not(.qec-is-loading):not(.qec-loaded) .search-page a {
  font-weight: bold;
  color: var(--wp--preset--color--primary-500);
}
.search-no-results:not(.qala-elastic-search):not(.qec-is-loading):not(.qec-loaded) .search-page form {
  max-width: 600px;
  margin: auto;
}
.search-no-results:not(.qala-elastic-search):not(.qec-is-loading):not(.qec-loaded) .search-page svg path {
  fill: var(--wp--preset--color--primary-500);
}
.search-no-results:not(.qala-elastic-search):not(.qec-is-loading):not(.qec-loaded) .search-page .btn {
  margin-left: -75px;
  width: 75px;
  background-color: transparent;
  border: 0;
}
.search-no-results:not(.qala-elastic-search):not(.qec-is-loading):not(.qec-loaded) .search-page .form-control {
  padding-right: 75px;
}
.search-no-results:not(.qala-elastic-search):not(.qec-is-loading):not(.qec-loaded) .search-page .back-home {
  margin: 0;
  padding-bottom: 1.5rem;
}

.search-results .site-main {
  padding: 0 0 5rem 0;
}

.search-results .post-nav ul {
  list-style-type: none;
  padding: 0;
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
}
.search-results .post-nav .next {
  margin-right: 1rem;
}
.search-results .post-nav .next a:hover {
  color: var(--wp--preset--color--primary-variant-chambray);
}
.search-results .post-nav .next,
.search-results .post-nav .previous {
  color: var(--wp--preset--color--primary-500);
}
.search-results .post-nav .next a:hover,
.search-results .post-nav .next a:focus,
.search-results .post-nav .previous a:hover,
.search-results .post-nav .previous a:focus {
  color: var(--wp--preset--color--primary-variant-chambray);
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.error-404 {
  max-width: calculate-rem(545);
  margin-left: auto;
  margin-right: auto;
  padding: 30px 30px 60px;
  text-align: center;
}
.error-404 .btn-404 {
  width: 100%;
}

.image-404 {
  margin-bottom: 45px;
}
.image-404 svg {
  margin-top: 1rem;
  width: 33.9375rem;
  max-width: 100%;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.woocommerce-account.logged-in .site-content {
  background-color: var(--wp--preset--color--white);
}
.woocommerce-account .single-page {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.woocommerce-account .entry-content {
  margin-bottom: 0;
  margin-top: 0;
}
.woocommerce-account .entry-header {
  display: none;
}
.woocommerce-account.logged-in .entry-header {
  display: block;
}
.woocommerce-account form.login,
.woocommerce-account form.register {
  border: 0;
  margin: 0;
  padding: 0;
}

.woocommerce-account .woocommerce .u-columns.col2-set .col-1,
.woocommerce-account .woocommerce .u-columns.col2-set .col-2,
.woocommerce-account .woocommerce .woocommerce-form-login .col-1,
.woocommerce-account .woocommerce .woocommerce-form-login .col-2 {
  width: 100%;
}
.woocommerce-account .woocommerce .u-columns.col2-set .col-1,
.woocommerce-account .woocommerce .woocommerce-form-login .col-1 {
  border-right: 0;
  border-bottom: 1px dashed var(--wp--preset--color--primary-500);
}
.woocommerce-account .woocommerce .u-columns.col2-set .col-2,
.woocommerce-account .woocommerce .woocommerce-form-login .col-2 {
  padding-top: 15px;
}
.woocommerce-account .woocommerce .u-columns.col2-set .woocommerce-form-row,
.woocommerce-account .woocommerce .woocommerce-form-login .woocommerce-form-row {
  max-width: 100%;
  padding: 0;
  margin-bottom: 15px;
}
.woocommerce-account .woocommerce .u-columns.col2-set h2,
.woocommerce-account .woocommerce .woocommerce-form-login h2 {
  color: var(--wp--preset--color--primary-variant-chambray);
}
.woocommerce-account .woocommerce .u-columns.col2-set p,
.woocommerce-account .woocommerce .woocommerce-form-login p {
  color: var(--wp--preset--color--primary-variant-chambray);
  font-size: 1rem;
}
.woocommerce-account .woocommerce .u-columns.col2-set a,
.woocommerce-account .woocommerce .woocommerce-form-login a {
  color: var(--wp--preset--color--primary-variant-chambray);
  font-stretch: normal;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1.63;
  font-size: 1rem;
}
.woocommerce-account .woocommerce .u-columns.col2-set .woocommerce-LostPassword a,
.woocommerce-account .woocommerce .woocommerce-form-login .woocommerce-LostPassword a {
  font-weight: 300;
}
.woocommerce-account .woocommerce .u-columns.col2-set .login-paragraph,
.woocommerce-account .woocommerce .woocommerce-form-login .login-paragraph {
  margin: 0 0 1rem;
}
.woocommerce-account .woocommerce .u-columns.col2-set label,
.woocommerce-account .woocommerce .woocommerce-form-login label {
  color: var(--wp--preset--color--primary-variant-chambray);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.67;
  padding-bottom: 5px;
  font-size: 0.75rem;
}
.woocommerce-account .woocommerce .u-columns.col2-set .woocommerce-button,
.woocommerce-account .woocommerce .u-columns.col2-set .woocommerce-Button,
.woocommerce-account .woocommerce .woocommerce-form-login .woocommerce-button,
.woocommerce-account .woocommerce .woocommerce-form-login .woocommerce-Button {
  background-color: var(--wp--preset--color--primary-500);
  border: 2px solid var(--wp--preset--color--primary-500);
  border-radius: 0.25rem;
  display: inline-block;
  color: var(--wp--preset--color--white);
  transition: all 0.4s ease;
  padding: 0.75rem 1.5rem;
  text-transform: none;
  font-weight: 500;
  cursor: pointer;
  letter-spacing: 0;
  text-decoration: none;
  text-decoration-color: transparent;
  outline-color: transparent;
  line-height: 1.1;
  -webkit-font-smoothing: initial;
  outline-offset: 0;
  font-size: clamp(0.875rem, 0.875rem + (1vw - 0.225rem) * 0.2419354839, 1.0625rem); /* stylelint-disable-line max-line-length */
}
.woocommerce-account .woocommerce .u-columns.col2-set .woocommerce-button:hover, .woocommerce-account .woocommerce .u-columns.col2-set .woocommerce-button:focus,
.woocommerce-account .woocommerce .u-columns.col2-set .woocommerce-Button:hover,
.woocommerce-account .woocommerce .u-columns.col2-set .woocommerce-Button:focus,
.woocommerce-account .woocommerce .woocommerce-form-login .woocommerce-button:hover,
.woocommerce-account .woocommerce .woocommerce-form-login .woocommerce-button:focus,
.woocommerce-account .woocommerce .woocommerce-form-login .woocommerce-Button:hover,
.woocommerce-account .woocommerce .woocommerce-form-login .woocommerce-Button:focus {
  box-shadow: none;
  border: 2px solid var(--wp--preset--color--primary-400);
  background-color: var(--wp--preset--color--primary-400);
  color: var(--wp--preset--color--white);
  text-decoration: none;
  text-decoration-color: transparent;
}
.woocommerce-account .woocommerce .u-columns.col2-set .woocommerce-button:focus-visible,
.woocommerce-account .woocommerce .u-columns.col2-set .woocommerce-Button:focus-visible,
.woocommerce-account .woocommerce .woocommerce-form-login .woocommerce-button:focus-visible,
.woocommerce-account .woocommerce .woocommerce-form-login .woocommerce-Button:focus-visible {
  outline: 2px solid #91cba8;
  border: 2px solid var(--wp--preset--color--primary-400);
  background-color: var(--wp--preset--color--primary-400);
  color: var(--wp--preset--color--white);
}
.woocommerce-account .woocommerce .u-columns.col2-set .woocommerce-button:active, .woocommerce-account .woocommerce .u-columns.col2-set .woocommerce-button:active:focus, .woocommerce-account .woocommerce .u-columns.col2-set .woocommerce-button.is-active,
.woocommerce-account .woocommerce .u-columns.col2-set .woocommerce-Button:active,
.woocommerce-account .woocommerce .u-columns.col2-set .woocommerce-Button:active:focus,
.woocommerce-account .woocommerce .u-columns.col2-set .woocommerce-Button.is-active,
.woocommerce-account .woocommerce .woocommerce-form-login .woocommerce-button:active,
.woocommerce-account .woocommerce .woocommerce-form-login .woocommerce-button:active:focus,
.woocommerce-account .woocommerce .woocommerce-form-login .woocommerce-button.is-active,
.woocommerce-account .woocommerce .woocommerce-form-login .woocommerce-Button:active,
.woocommerce-account .woocommerce .woocommerce-form-login .woocommerce-Button:active:focus,
.woocommerce-account .woocommerce .woocommerce-form-login .woocommerce-Button.is-active {
  border: 2px solid var(--wp--preset--color--primary-600);
  background-color: var(--wp--preset--color--primary-600);
  color: var(--wp--preset--color--white);
}
.woocommerce-account .woocommerce .u-columns.col2-set .woocommerce-button:disabled, .woocommerce-account .woocommerce .u-columns.col2-set .woocommerce-button:disabled:hover,
.woocommerce-account .woocommerce .u-columns.col2-set .woocommerce-Button:disabled,
.woocommerce-account .woocommerce .u-columns.col2-set .woocommerce-Button:disabled:hover,
.woocommerce-account .woocommerce .woocommerce-form-login .woocommerce-button:disabled,
.woocommerce-account .woocommerce .woocommerce-form-login .woocommerce-button:disabled:hover,
.woocommerce-account .woocommerce .woocommerce-form-login .woocommerce-Button:disabled,
.woocommerce-account .woocommerce .woocommerce-form-login .woocommerce-Button:disabled:hover {
  box-shadow: none;
  color: var(--wp--preset--color--primary-400) !important;
  background-color: var(--wp--preset--color--primary-500) !important;
  border-color: var(--wp--preset--color--primary-500) !important;
  cursor: not-allowed;
}
.woocommerce-account .woocommerce .u-columns.col2-set .woocommerce-button:focus:not(:focus-visible),
.woocommerce-account .woocommerce .u-columns.col2-set .woocommerce-Button:focus:not(:focus-visible),
.woocommerce-account .woocommerce .woocommerce-form-login .woocommerce-button:focus:not(:focus-visible),
.woocommerce-account .woocommerce .woocommerce-form-login .woocommerce-Button:focus:not(:focus-visible) {
  outline: none !important; /* [1] */
}
.woocommerce-account .woocommerce .u-columns.col2-set .woocommerce-button,
.woocommerce-account .woocommerce .u-columns.col2-set .woocommerce-Button,
.woocommerce-account .woocommerce .woocommerce-form-login .woocommerce-button,
.woocommerce-account .woocommerce .woocommerce-form-login .woocommerce-Button {
  float: none;
  margin: 0;
  display: block;
}
.woocommerce-account .woocommerce .u-columns.col2-set .woocommerce-form-login__rememberme,
.woocommerce-account .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 15px;
}
.woocommerce-account .woocommerce .u-columns.col2-set .woocommerce-form-login__rememberme input,
.woocommerce-account .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme input {
  border-radius: 2px;
  border: 0;
  background-color: var(--wp--preset--color--white);
}
.woocommerce-account .woocommerce .u-columns.col2-set .woocommerce-form-login__rememberme span,
.woocommerce-account .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme span {
  padding-left: 5px;
  font-weight: 300;
  font-size: 0.875rem;
}

.woocommerce-account.woocommerce-lost-password .site-main .container,
.woocommerce-account.woocommerce-rest-password .site-main .container {
  max-width: calc(var(--wp--custom--wide-size) * 0.5);
}
.woocommerce-account.woocommerce-lost-password .site-main .container h1,
.woocommerce-account.woocommerce-rest-password .site-main .container h1 {
  color: var(--wp--preset--color--primary-variant-chambray);
}
.woocommerce-account.woocommerce-lost-password .site-main .container .woocommerce-form-row,
.woocommerce-account.woocommerce-rest-password .site-main .container .woocommerce-form-row {
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 15px;
}
.woocommerce-account.woocommerce-lost-password .site-main .container label,
.woocommerce-account.woocommerce-rest-password .site-main .container label {
  color: var(--wp--preset--color--primary-variant-chambray);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.67;
  padding-bottom: 5px;
  font-size: 0.75rem;
}
.woocommerce-account.woocommerce-lost-password .site-main .container .woocommerce-Button,
.woocommerce-account.woocommerce-rest-password .site-main .container .woocommerce-Button {
  background-color: var(--wp--preset--color--primary-500);
  border: 2px solid var(--wp--preset--color--primary-500);
  border-radius: 0.25rem;
  display: inline-block;
  color: var(--wp--preset--color--white);
  transition: all 0.4s ease;
  padding: 0.75rem 1.5rem;
  text-transform: none;
  font-weight: 500;
  cursor: pointer;
  letter-spacing: 0;
  text-decoration: none;
  text-decoration-color: transparent;
  outline-color: transparent;
  line-height: 1.1;
  -webkit-font-smoothing: initial;
  outline-offset: 0;
  font-size: clamp(0.875rem, 0.875rem + (1vw - 0.225rem) * 0.2419354839, 1.0625rem); /* stylelint-disable-line max-line-length */
}
.woocommerce-account.woocommerce-lost-password .site-main .container .woocommerce-Button:hover, .woocommerce-account.woocommerce-lost-password .site-main .container .woocommerce-Button:focus,
.woocommerce-account.woocommerce-rest-password .site-main .container .woocommerce-Button:hover,
.woocommerce-account.woocommerce-rest-password .site-main .container .woocommerce-Button:focus {
  box-shadow: none;
  border: 2px solid var(--wp--preset--color--primary-400);
  background-color: var(--wp--preset--color--primary-400);
  color: var(--wp--preset--color--white);
  text-decoration: none;
  text-decoration-color: transparent;
}
.woocommerce-account.woocommerce-lost-password .site-main .container .woocommerce-Button:focus-visible,
.woocommerce-account.woocommerce-rest-password .site-main .container .woocommerce-Button:focus-visible {
  outline: 2px solid #91cba8;
  border: 2px solid var(--wp--preset--color--primary-400);
  background-color: var(--wp--preset--color--primary-400);
  color: var(--wp--preset--color--white);
}
.woocommerce-account.woocommerce-lost-password .site-main .container .woocommerce-Button:active, .woocommerce-account.woocommerce-lost-password .site-main .container .woocommerce-Button:active:focus, .woocommerce-account.woocommerce-lost-password .site-main .container .woocommerce-Button.is-active,
.woocommerce-account.woocommerce-rest-password .site-main .container .woocommerce-Button:active,
.woocommerce-account.woocommerce-rest-password .site-main .container .woocommerce-Button:active:focus,
.woocommerce-account.woocommerce-rest-password .site-main .container .woocommerce-Button.is-active {
  border: 2px solid var(--wp--preset--color--primary-600);
  background-color: var(--wp--preset--color--primary-600);
  color: var(--wp--preset--color--white);
}
.woocommerce-account.woocommerce-lost-password .site-main .container .woocommerce-Button:disabled, .woocommerce-account.woocommerce-lost-password .site-main .container .woocommerce-Button:disabled:hover,
.woocommerce-account.woocommerce-rest-password .site-main .container .woocommerce-Button:disabled,
.woocommerce-account.woocommerce-rest-password .site-main .container .woocommerce-Button:disabled:hover {
  box-shadow: none;
  color: var(--wp--preset--color--primary-400) !important;
  background-color: var(--wp--preset--color--primary-500) !important;
  border-color: var(--wp--preset--color--primary-500) !important;
  cursor: not-allowed;
}
.woocommerce-account.woocommerce-lost-password .site-main .container .woocommerce-Button:focus:not(:focus-visible),
.woocommerce-account.woocommerce-rest-password .site-main .container .woocommerce-Button:focus:not(:focus-visible) {
  outline: none !important; /* [1] */
}
.woocommerce-account.woocommerce-lost-password .site-main .container .woocommerce-Button,
.woocommerce-account.woocommerce-rest-password .site-main .container .woocommerce-Button {
  float: none;
  margin: 0;
  display: block;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.post-type-archive-product main.site-main {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.woocommerce .site-main .woocommerce-result-count {
  margin: 1em 0;
  font-size: 0.75rem;
}

.woocommerce ul.products,
.woocommerce-page ul.products {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem 0.5rem;
  margin-left: unset;
  margin-right: unset;
}
.woocommerce ul.products:before, .woocommerce ul.products:after,
.woocommerce-page ul.products:before,
.woocommerce-page ul.products:after {
  display: none;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  margin: 0;
  clear: none;
  float: none;
  width: 100% !important; /* stylelint-disable-line declaration-no-important */
}
.woocommerce ul.products li.product .woocommerce-LoopProduct-link,
.woocommerce-page ul.products li.product .woocommerce-LoopProduct-link {
  width: 100%;
}
.woocommerce ul.products.columns-1,
.woocommerce-page ul.products.columns-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.woocommerce ul.products.columns-2,
.woocommerce-page ul.products.columns-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.woocommerce ul.products.columns-3,
.woocommerce-page ul.products.columns-3 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.woocommerce ul.products.columns-4,
.woocommerce-page ul.products.columns-4 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.woocommerce ul.products.columns-5,
.woocommerce-page ul.products.columns-5 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.woocommerce ul.products.columns-6,
.woocommerce-page ul.products.columns-6 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.woocommerce ul.products li.product mark,
.woocommerce-page ul.products li.product mark {
  background-color: unset;
}

.woocommerce nav.woocommerce-pagination ul {
  border: 0;
}
.woocommerce nav.woocommerce-pagination ul li {
  border-right: 0;
}
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a {
  width: 46px;
  height: 46px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin: 0 0.25rem;
  transition: all 0.2s ease-in-out;
  border: 2px solid transparent;
  color: var(--wp--preset--color--base-900);
  /* stylelint-disable max-nesting-depth */
}
.woocommerce nav.woocommerce-pagination ul li span.current:not(.dots),
.woocommerce nav.woocommerce-pagination ul li a.current:not(.dots) {
  background-color: transparent;
  color: inherit;
  border-color: var(--wp--preset--color--primary-500);
}
.woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li a:focus {
  background-color: var(--wp--preset--color--primary-500);
  color: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--primary-500);
}
.woocommerce nav.woocommerce-pagination ul li .next,
.woocommerce nav.woocommerce-pagination ul li .prev {
  font-size: 1.25rem;
}
.woocommerce nav.woocommerce-pagination ul li .next path,
.woocommerce nav.woocommerce-pagination ul li .prev path {
  fill: var(--wp--preset--color--base-900);
}
.woocommerce nav.woocommerce-pagination ul li .next:hover path, .woocommerce nav.woocommerce-pagination ul li .next:focus path,
.woocommerce nav.woocommerce-pagination ul li .prev:hover path,
.woocommerce nav.woocommerce-pagination ul li .prev:focus path {
  fill: var(--wp--preset--color--white);
}
.woocommerce nav.woocommerce-pagination ul li .next svg {
  transform: translateX(1.5px);
}
.woocommerce nav.woocommerce-pagination ul li .prev svg {
  transform: translateX(-1.5px);
}
.woocommerce nav.woocommerce-pagination ul li {
  /* stylelint-enable */
}

.qesf-pagination-block {
  margin: 0;
}
.qesf-pagination-block button {
  width: 46px;
  height: 46px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin: 0 0.25rem;
  transition: all 0.2s ease-in-out;
  border: 2px solid transparent;
  font-family: inherit;
  color: var(--wp--preset--color--base-900);
}
.qesf-pagination-block button:hover, .qesf-pagination-block button:focus {
  background-color: var(--wp--preset--color--primary-500);
  color: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--primary-500);
}
.qesf-pagination-block button {
  /* stylelint-disable declaration-no-important */
}
.qesf-pagination-block button.Mui-selected {
  background-color: transparent;
  color: inherit;
  border: 2px solid var(--wp--preset--color--primary-500) !important;
}
.qesf-pagination-block button.Mui-selected:hover, .qesf-pagination-block button.Mui-selected:focus {
  background-color: transparent;
}
.qesf-pagination-block button.Mui-disabled {
  color: inherit !important;
  background-color: transparent !important;
  border-color: transparent !important;
  opacity: 1;
}
.qesf-pagination-block button {
  /* stylelint-enable */
}

.woocommerce ul.products li.product.product-category {
  margin-bottom: 2rem;
}
.woocommerce ul.products li.product.product-category mark {
  display: none;
}
.woocommerce ul.products li.product.product-category a {
  text-decoration-color: #000;
  text-decoration-line: underline;
  /* stylelint-disable declaration-block-no-redundant-longhand-properties */
  text-decoration-style: solid;
  text-decoration-thickness: 1px;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-underline-offset: 5px;
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
}
.woocommerce ul.products li.product.product-category a img {
  width: 100px;
  height: 100px;
  border: 0;
  border-radius: 50%;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.woocommerce-order-received .site-content {
  background-color: var(--wp--preset--color--white);
}
.woocommerce-order-received h1 {
  line-height: 1.28;
  letter-spacing: 0;
  font-size: 1.625rem;
}
.woocommerce-order-received .entry-header {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.woocommerce-order-received .entry-header .entry-title {
  margin: 0;
}
.woocommerce-order-received.checkout--modern .entry-header {
  display: block;
}
.woocommerce-order-received .entry-content {
  margin: 0;
}
.woocommerce-order-received .woocommerce-order > p {
  margin: 0;
  padding-bottom: 1.5rem;
}
.woocommerce-order-received .order-note {
  max-width: 460px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-top: 0.4rem;
}
.woocommerce-order-received .order-note span:first-of-type {
  text-transform: uppercase;
  margin-right: 0.5rem;
}
.woocommerce-order-received .order-note span {
  text-transform: initial;
  font-family: var(--wp--preset--font-family--zalando-sans);
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: 0;
  color: var(--wp--preset--color--base-800);
  font-size: 0.6875rem;
}
.woocommerce-order-received .woocommerce-order-details__title,
.woocommerce-order-received .woocommerce-table {
  display: none !important; /* stylelint-disable-line declaration-no-important */
}
.woocommerce-order-received .woocommerce-customer-details {
  display: flex;
}

/* Order summary at glance, top section */
.woocommerce-order-received ul.woocommerce-thankyou-order-details li {
  border-right: 0;
  font-family: var(--wp--preset--font-family--zalando-sans);
  font-weight: 700;
  line-height: 1.46;
  letter-spacing: 0;
  margin-right: 0;
  padding: 0 0 0.7rem;
  display: flex;
  justify-content: space-between;
  font-size: 0.8125rem;
}
.woocommerce-order-received ul.woocommerce-thankyou-order-details li strong {
  padding-top: 0;
  font-family: var(--wp--preset--font-family--zalando-sans);
  font-weight: 300;
  line-height: 1.46;
  letter-spacing: 0;
  color: var(--wp--preset--color--base-800);
  font-size: 0.8125rem;
}
.woocommerce-order-received ul.woocommerce-thankyou-order-details li:before {
  display: none;
}

.woocommerce-thankyou-order-details {
  display: flex;
  justify-content: space-between;
  margin: 0;
  flex-flow: column wrap;
}

/* Removes pseudo-elements that takes up space in the DOM */
.woocommerce ul.order_details.woocommerce-thankyou-order-details:before,
.woocommerce ul.order_details.woocommerce-thankyou-order-details:after {
  display: none;
}

.woocommerce-order-received .woocommerce-order ul.order_details {
  margin: 0;
  padding-left: 0;
  padding-bottom: 1rem;
}

/* Styling for the custom order-table */
.custom-order-table {
  border-top: solid 2px var(--wp--preset--color--base-100);
  padding-bottom: 1rem;
}

.table-headings {
  display: none;
  justify-content: space-between;
  padding-bottom: 1.5rem;
  border-bottom: solid 2px var(--wp--preset--color--base-100);
}

.table-headings__product,
.table-headings__price,
.table-headings__quantity,
.table-headings__total {
  font-family: var(--wp--preset--font-family--zalando-sans);
  font-weight: 700;
  line-height: 1.46;
  letter-spacing: 0;
  text-transform: uppercase;
}

.product-cell {
  display: flex;
  align-items: center;
}
.product-cell .image {
  border: solid 2px var(--wp--preset--color--base-100);
  max-width: 5.5rem;
  max-height: 5.5rem;
  display: flex;
  margin-right: 1.5rem;
  width: -moz-max-content;
  width: max-content;
}
.product-cell img {
  width: 100%;
  height: auto;
}
.product-cell a {
  display: none;
}

/* Styling for each row in the order-details table */
.table-content__row {
  padding: 0.6rem 0;
  border-bottom: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.table-content__row:first-of-type {
  padding: 2rem 0;
}

div.row_product_name {
  display: block;
}

.table-content__row-rest,
.table-heading-rest {
  display: flex;
  max-width: 340px;
  width: 100%;
  justify-content: space-between;
  flex-direction: column;
}

.row_quantity {
  display: flex;
}
.row_quantity:before {
  content: attr(data-name);
  display: block;
  margin-right: 4px;
}
.row_quantity span {
  max-width: 330px;
  width: 100%;
  flex: 1;
  text-align: left;
}

div.row_total {
  display: none;
}

div.row_price {
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
  font-weight: 700;
}

.row_total,
.row_price,
.row_quantity,
.row_product_name {
  width: 100%;
  word-break: break-word;
  display: flex;
  align-items: center;
  line-height: 1.46;
  letter-spacing: 0;
  font-weight: 300;
  font-family: var(--wp--preset--font-family--zalando-sans);
  font-size: 0.8125rem;
}

.row_quantity {
  justify-content: center;
}

/* Summary table (totals,shipping-cost...) */
.custom-order-summary {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-top: 1.5rem;
}

.summary-row {
  max-width: 460px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-top: 0.4rem;
}
.summary-row .summary-label {
  text-transform: uppercase;
}
.summary-row span {
  text-transform: initial;
  font-family: var(--wp--preset--font-family--zalando-sans);
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: 0;
  color: var(--wp--preset--color--base-800);
  font-size: 0.6875rem;
}
.summary-row:last-of-type {
  padding-top: 0.65rem;
}
.summary-row:last-of-type span {
  color: var(--wp--preset--color--base-900);
  font-family: var(--wp--preset--font-family--zalando-sans);
  font-weight: 700;
  line-height: 1.53;
  letter-spacing: 0;
  text-transform: initial;
  font-size: 0.9375rem;
}

/* Styling of customer details, address etc. */
.woocommerce-order-received .custom-customer-details {
  padding-bottom: 0;
}

/* Styling for the customer details with address */
.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns.woocommerce-columns--2 {
  display: flex;
  flex-direction: column;
}
.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns.woocommerce-columns--2 > div:first-of-type {
  margin-right: 0;
}
.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns.woocommerce-columns--2 > div:nth-of-type(2) {
  padding-top: 2.3rem;
}
.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns.woocommerce-columns--2 .woocommerce-column__title {
  margin: 0;
  font-family: var(--wp--preset--font-family--zalando-sans);
  font-weight: 700;
  line-height: 1.56;
  letter-spacing: 0;
  color: var(--wp--preset--color--base-900);
  text-transform: uppercase;
  padding-bottom: 1.5rem;
  font-size: 1.0625rem;
}
.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns.woocommerce-columns--2 .woocommerce-column {
  display: flex;
  flex-direction: column;
}
.woocommerce-order-received .woocommerce-customer-details address {
  border: 0;
  border-bottom-width: 0;
  border-right-width: 0;
  border-radius: 0;
  height: 100%;
  font-family: var(--wp--preset--font-family--zalando-sans);
  line-height: 1.6;
  letter-spacing: 0;
  color: var(--wp--preset--color--base-800);
  font-weight: 300;
  padding: 0;
  font-size: 0.9375rem;
}

/* Shows other placement of customer details on desktop */
.woocommerce-order-received .custom-customer-details .woocommerce-customer-details {
  display: none;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.elastic-search {
  margin: 16px 0;
  position: relative;
}
@keyframes ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
.elastic-search__results {
  position: relative;
  min-height: 356px;
  margin-top: 36px;
}
.elastic-search__loader {
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--wp--preset--color--white);
  display: flex;
  padding-top: 60px;
  justify-content: center;
  z-index: 2;
}
.elastic-search__loader.is-hidden {
  display: none;
}
.elastic-search__loader-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.elastic-search__loader-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--wp--preset--color--primary-500);
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.elastic-search__loader-ellipsis div:nth-child(1) {
  left: 8px;
  animation: ellipsis1 0.6s infinite;
}
.elastic-search__loader-ellipsis div:nth-child(2) {
  left: 8px;
  animation: ellipsis2 0.6s infinite;
}
.elastic-search__loader-ellipsis div:nth-child(3) {
  left: 32px;
  animation: ellipsis2 0.6s infinite;
}
.elastic-search__loader-ellipsis div:nth-child(4) {
  left: 56px;
  animation: ellipsis3 0.6s infinite;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
/**
 * 1. !important needed to overwrite plugin's style on focus and clicked/tapped state performantly.
 *
 */
.a2a_kit a {
  cursor: pointer;
  border: 1px solid var(--wp--preset--color--primary-500);
  border-radius: 50%;
  padding: 5px 5px 0;
  margin-right: 13px;
  transition: opacity 0.25s;
}
.a2a_kit a .a2a_svg path {
  fill: var(--wp--preset--color--primary-500);
}
.a2a_kit a:hover, .a2a_kit a:focus {
  border: 1px solid var(--wp--preset--color--primary-500) !important; /* stylelint-disable-line declaration-no-important */
  opacity: 0.7;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.login-page {
  background: linear-gradient(135deg, var(--wp--preset--color--base-100) 0%, var(--wp--preset--color--primary-100) 100%);
  min-height: 70vh;
  display: flex;
  align-items: center;
  padding: 4rem 1rem;
}
.login-page__container {
  background: var(--wp--preset--color--white);
  border: 1px solid var(--wp--preset--color--base-200);
  border-radius: 16px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);
  max-width: 540px;
  margin: 0 auto;
  padding: 2.5rem;
  width: 100%;
}
.login-page__header {
  text-align: center;
  margin-bottom: 1.5rem;
}
.login-page__title {
  margin: 0 0 0.5rem;
}
.login-page__lead {
  color: var(--wp--preset--color--base-700);
  margin: 0;
  font-size: 1rem;
}
.login-page__alert {
  border-radius: 12px;
  padding: 1rem 1.25rem;
  margin-bottom: 1.25rem;
  font-size: 0.95rem;
}
.login-page__alert--error {
  background: #FDEDEE;
  border-left: 4px solid #e71321;
  color: #1c1c1e;
}
.login-page__form form {
  display: grid;
  gap: 1rem;
}
.login-page__form form label {
  font-weight: 600;
  color: var(--wp--preset--color--base-900);
}
.login-page__form form input[type=text],
.login-page__form form input[type=password] {
  width: 100%;
  padding: 0.85rem 1rem;
  border-radius: 10px;
  border: 1px solid var(--wp--preset--color--base-300);
  background: var(--wp--preset--color--base-100);
  color: var(--wp--preset--color--base-900);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.login-page__form form input[type=text]:focus,
.login-page__form form input[type=password]:focus {
  border-color: var(--wp--preset--color--primary-500);
  box-shadow: 0 0 0 3px var(--wp--preset--color--primary-100);
  outline: none;
  background: var(--wp--preset--color--white);
}
.login-page__form form .forgetmenot {
  display: flex;
  align-items: center;
}
.login-page__form form .forgetmenot label {
  display: inline-flex;
  gap: 0.5rem;
  font-weight: 500;
  color: var(--wp--preset--color--base-800);
  margin: 0;
}
.login-page__form form .button-primary {
  width: 100%;
  border-radius: 10px;
  padding: 0.9rem 1.25rem;
  background: var(--wp--preset--color--primary-500);
  border: none;
  color: var(--wp--preset--color--white);
  font-weight: 600;
  font-size: 1rem;
  box-shadow: 0 6px 16px rgba(57, 73, 149, 0.35);
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
.login-page__form form .button-primary:hover, .login-page__form form .button-primary:focus {
  background: var(--wp--preset--color--primary-400);
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(57, 73, 149, 0.4);
}
.login-page__links {
  margin-top: 1rem;
  text-align: center;
}
.login-page__link {
  color: var(--wp--preset--color--primary-600);
  font-weight: 600;
  text-decoration: none;
}
.login-page__link:hover, .login-page__link:focus {
  color: var(--wp--preset--color--primary-500);
  text-decoration: underline;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.product-cat-additional-content {
  background-color: var(--wp--preset--color--base-100);
  padding-top: 15px;
  padding-bottom: 15px;
}
.product-cat-additional-content .additional-content-heading {
  font-weight: bold;
  line-height: 1.53;
  letter-spacing: 0;
  margin-top: 0;
  font-size: 1.0625rem;
}
.product-cat-additional-content .column-2 p {
  -moz-columns: 200px 2;
       columns: 200px 2;
}
.product-cat-additional-content .additional-content-text {
  font-weight: 300;
  line-height: 1.73;
  letter-spacing: 0;
  color: var(--wp--preset--color--base-900);
  font-size: 0.9375rem;
}
.product-cat-additional-content .additional-content-links ul {
  list-style: none;
  margin: 0;
  padding-left: 2px;
  padding-top: 12px;
  -moz-columns: 170px 6;
       columns: 170px 6;
}
.product-cat-additional-content .additional-content-links li {
  padding-right: 0.875em;
  padding-bottom: 1px;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  page-break-inside: avoid;
}
.product-cat-additional-content .additional-content-links li:nth-child(8n) {
  -moz-column-break-after: always;
       break-after: always;
}
.product-cat-additional-content .additional-content-links a {
  line-height: 1.73;
  letter-spacing: 0;
  text-decoration: underline;
  font-size: 0.9375rem;
}
.product-cat-additional-content .highlighted-item-heading {
  font-weight: 700;
  line-height: 1.53;
  letter-spacing: 0;
  color: var(--wp--preset--color--base-900);
  display: block;
  margin-top: 15px;
  text-decoration: underline;
  font-size: 1.0625rem;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.archive-hero {
  padding: 0;
  margin-bottom: 0.75em;
  color: var(--wp--preset--color--primary-variant-chambray);
  background-color: var(--wp--preset--color--primary-variant-botticelli);
}
.archive-hero h1 {
  color: var(--wp--preset--color--primary-variant-midnight);
  text-transform: none;
  margin-top: 0;
  font-size: 1.125rem;
}

.archive-link-list {
  display: flex;
  flex-wrap: wrap;
  max-width: 400px;
}
.archive-link-list a {
  display: inline-block;
  flex: 1 0 50%;
  max-width: 50%;
  color: var(--wp--preset--color--primary-500);
  line-height: 1.86;
  letter-spacing: 0;
  font-weight: normal;
  text-decoration: underline;
  font-size: 0.8125rem;
}
.archive-link-list h4 {
  flex: 1 0 100%;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
  color: var(--wp--preset--color--primary-variant-midnight);
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0;
  font-family: var(--wp--preset--font-family--zalando-sans);
  text-transform: uppercase;
  font-size: 0.6875rem;
}

.headings-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 0;
}
.headings-container .headings-aligner {
  flex: 1 0 auto;
  display: flex;
  align-items: center;
  max-width: 100%;
  flex-wrap: wrap;
}
.headings-container h1 {
  display: inline-block;
  margin-bottom: 0;
}

.page-description,
.term-description {
  padding-top: 1em;
}

.product-count {
  padding-left: 0.6em;
  white-space: nowrap;
  letter-spacing: 0;
  color: var(--wp--preset--color--primary-variant-midnight);
  font-family: var(--wp--preset--font-family--zalando-sans);
  align-self: flex-end;
  line-height: 1.7;
  font-weight: 600;
  display: none;
  font-size: 0.8125rem;
}

.logo-container {
  width: 100%;
  text-align: center;
}
.logo-container img {
  max-width: 90px;
}

.expandable-text,
.expandable-text p {
  line-height: 1.86;
  letter-spacing: 0;
  font-size: 0.8125rem;
}

button.expandable-text__link {
  display: none;
}
.archive-mobile-toggled-content {
  max-height: 0;
  height: 100%;
  overflow: hidden;
  transition: max-height 0.5s ease;
}
.archive-mobile-toggled-content.expanded {
  max-height: 600px;
  padding-bottom: 30px;
}

.archive-mobile-toggled-btn {
  padding: 1em;
  margin-right: -1em;
  cursor: pointer;
  background-color: transparent;
  border: 0;
}
.archive-mobile-toggled-btn:focus, .archive-mobile-toggled-btn:active, .archive-mobile-toggled-btn:hover {
  border: 0;
}
.archive-mobile-toggled-btn svg {
  height: 10px;
  width: 15px;
  transition: transform 0.3s ease-in-out;
}
.archive-mobile-toggled-btn svg path {
  stroke: var(--wp--preset--color--primary-variant-chambray);
}
.archive-mobile-toggled-btn.expanded svg {
  transform: rotate(180deg);
}

.archive-hero.hero-with-logo {
  padding: 2em 0;
}
.archive-hero.hero-with-logo h1 {
  margin-top: 0.6em;
  text-align: center;
  display: block;
  flex: 1 0 100%;
  margin-bottom: 0.7em;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.archive-hero.hero-with-logo .toggle-wrapper {
  text-align: center;
}
.archive-hero.hero-with-logo .archive-mobile-toggled-btn {
  margin-right: 0;
}
.archive-hero.hero-with-logo .archive-mobile-toggled-btn svg {
  height: 12px;
  width: 23px;
}
.archive-hero.hero-with-logo .archive-mobile-toggled-btn svg path {
  stroke: var(--wp--preset--color--white);
}

.headings-aligner .wc-crumbs {
  width: 100%;
  display: none;
}
.headings-aligner .wc-crumbs a,
.headings-aligner .wc-crumbs a:hover {
  color: var(--wp--preset--color--primary-500);
  text-decoration: none;
  margin-bottom: 20px;
}
.headings-aligner .wc-crumbs .crumbs-separator {
  margin: 0 2px;
  color: var(--wp--preset--color--primary-500);
}

/* Extra styling if background on hero is set */
.archive-hero.hero-background {
  background-size: cover;
  position: relative;
}
.archive-hero.hero-background h1,
.archive-hero.hero-background h4,
.archive-hero.hero-background .archive-link-list a,
.archive-hero.hero-background .product-count,
.archive-hero.hero-background .term-description {
  color: var(--wp--preset--color--white);
}
.archive-hero.hero-background .container {
  position: relative;
  z-index: 2;
}
.archive-hero.hero-background:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1;
}
.archive-hero.hero-background .archive-mobile-toggled-btn svg path {
  stroke: var(--wp--preset--color--white);
}

.archive-hero .grid .col-l-6 {
  padding: 0 1.5rem;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.archive-popular-products {
  overflow: hidden;
  padding-top: 40px;
  margin-bottom: 40px;
}
.archive-popular-products .popular-products-slider {
  padding: 15px 0;
}
.archive-popular-products h3 {
  margin-top: 0;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message {
  border-radius: 2px;
  margin: 0;
  border: 1px solid;
  border-left-width: 4px;
  font-weight: 300;
  font-style: normal;
  line-height: 1.53;
  letter-spacing: 0;
  margin-bottom: 1rem;
  margin-top: 1rem;
  font-size: 0.8125rem;
}
.woocommerce .woocommerce-notices-wrapper {
  width: 100%;
}
.woocommerce .woocommerce-notices-wrapper a.wc-forward {
  display: none !important; /* stylelint-disable-line declaration-no-important */
}
.woocommerce .woocommerce-message {
  background-color: #ECF6F0;
  color: #1c1c1e;
  border-color: #91cba8;
}
.woocommerce .woocommerce-message:before {
  color: #1c1c1e;
}
.woocommerce .woocommerce-message .button {
  background-color: #1c1c1e;
}
.woocommerce .woocommerce-info {
  background-color: #ebf4fe;
  color: #1c1c1e;
  border-color: #85b9f5;
  padding: 1rem 1rem 1rem 3.75rem;
}
.woocommerce .woocommerce-info:before {
  color: #1c1c1e;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.66675 16C2.66675 8.64796 8.64808 2.66663 16.0001 2.66663C23.3521 2.66663 29.3334 8.64796 29.3334 16C29.3334 23.352 23.3521 29.3333 16.0001 29.3333C8.64808 29.3333 2.66675 23.352 2.66675 16ZM15.1667 8.25275C15.4134 8.08792 15.7033 7.99997 16 7.99997C16.3978 7.99997 16.7792 8.158 17.0605 8.4393C17.3419 8.7206 17.5 9.10215 17.5 9.49997C17.5 9.79664 17.4121 10.0866 17.2473 10.3333C17.0825 10.58 16.8481 10.7722 16.574 10.8858C16.2999 10.9993 15.9982 11.029 15.7073 10.9711C15.4163 10.9133 15.1492 10.7704 14.9395 10.5606C14.7297 10.3508 14.5867 10.0836 14.5288 9.7926C14.4709 9.50163 14.5007 9.20002 14.6143 8.92593C14.7278 8.65184 14.9201 8.41757 15.1667 8.25275ZM17 13V21H20V23H12V21H15V15H13V13H17Z' fill='%231C1C1E'/%3E%3C/svg%3E%0A");
  width: 24px;
  height: 24px;
  background-size: contain;
}
.woocommerce .woocommerce-info .button {
  background-color: #1c1c1e;
}
.woocommerce .woocommerce-error {
  background-color: #FDEDEE;
  color: #1c1c1e;
  border-color: #f68e95;
  padding: 1rem 1rem 1rem 3rem;
}
.woocommerce .woocommerce-error:before {
  color: #1c1c1e;
  padding-right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.woocommerce .woocommerce-error li:before {
  display: none;
}
.woocommerce .woocommerce-error .button {
  background-color: #1c1c1e;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.woocommerce ul.products li.product {
  font-family: var(--wp--preset--font-family--zalando-sans);
}
.woocommerce ul.products li.product span.onsale {
  border-radius: 0;
  top: 1.15em;
  right: auto;
  bottom: auto;
  left: 1.15em;
  margin: 0;
  min-height: auto;
  min-width: auto;
  line-height: normal;
  padding: 0.3em 0.77em;
  display: inline-table;
  font-weight: 600;
  color: var(--wp--preset--color--white);
  background-color: var(--wp--preset--color--primary-500);
  letter-spacing: 0;
  font-size: clamp(0.8125rem, 0.8125rem + (1vw - 0.225rem) * 0.2419354839, 1rem); /* stylelint-disable-line max-line-length */
}
.woocommerce ul.products li.product a img {
  margin-bottom: 0.125em;
}
.woocommerce ul.products li.product .product-card__images {
  border: 1px solid var(--wp--preset--color--base-100);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-category__title {
  font-weight: 600;
  text-transform: none;
  font-size: clamp(0.875rem, 0.875rem + (1vw - 0.225rem) * 0.2419354839, 1.0625rem); /* stylelint-disable-line max-line-length */
}
.woocommerce ul.products li.product .price {
  color: var(--wp--preset--color--base-900);
  display: inline;
  font-size: clamp(0.8125rem, 0.8125rem + (1vw - 0.225rem) * 0.2419354839, 1rem); /* stylelint-disable-line max-line-length */
}
.woocommerce ul.products li.product .price ins {
  text-decoration: none;
}
.woocommerce ul.products li.product .price ins .woocommerce-Price-amount {
  color: #e71321;
  letter-spacing: 0;
}
.woocommerce ul.products li.product .price del .woocommerce-Price-currencySymbol {
  margin-left: 0;
}
.woocommerce ul.products li.product .price small {
  line-height: inherit;
}
.woocommerce ul.products li.product .price del .woocommerce-Price-amount {
  color: inherit;
  letter-spacing: 0;
}
.woocommerce ul.products li.product .price del {
  color: var(--wp--preset--color--base-900);
  opacity: 1;
  margin-left: 0.5rem;
}
.woocommerce ul.products li.product .price .woocommerce-Price-amount {
  color: var(--wp--preset--color--base-900);
  font-family: var(--wp--preset--font-family--zalando-sans);
  letter-spacing: 0;
  font-weight: 300;
}
.woocommerce ul.products li.product .price .from {
  text-transform: initial;
  color: var(--wp--preset--color--base-900);
  font-size: clamp(0.8125rem, 0.8125rem + (1vw - 0.225rem) * 0.2419354839, 1rem); /* stylelint-disable-line max-line-length */
}
.woocommerce ul.products li.product a.added_to_cart {
  margin-left: 5px;
  font-size: clamp(0.8125rem, 0.8125rem + (1vw - 0.225rem) * 0.2419354839, 1rem); /* stylelint-disable-line max-line-length */
}
.woocommerce ul.products li.product .woocommerce-loop-product__image_wrap {
  height: 0;
  width: 100%;
  padding-bottom: 100%;
  position: relative;
}
.woocommerce ul.products li.product .woocommerce-loop-product__image_wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
  position: absolute;
}
.woocommerce ul.products li.product .subscription-details {
  font-weight: 300;
}
.wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product {
  font-family: var(--wp--preset--font-family--zalando-sans);
  text-align: left;
  flex: initial;
  margin: 0 0 1.5rem;
  max-width: unset !important; /* stylelint-disable-line declaration-no-important */
  border: unset;
}
.wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product:nth-child(2n) {
  padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
}
.wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product:nth-child(odd) {
  padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
}
.wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-link,
.wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-image,
.wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-image img {
  width: 100%;
}
.wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-image:not(.wc-block-components-product-image) {
  margin-bottom: 0.5rem;
}
.wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .woocommerce-loop-product__title {
  margin: 0;
}
.wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-add-to-cart {
  padding-top: 1em;
  margin-bottom: 0;
}
.wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-add-to-cart,
.wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-onsale,
.wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-price,
.wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-rating {
  margin-left: 0;
}
.wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-onsale {
  border-radius: 0;
  border-color: var(--wp--preset--color--primary-500);
  top: 1.15em;
  right: auto;
  bottom: auto;
  left: 1.15em;
  margin: 0;
  position: absolute;
  min-height: auto;
  min-width: auto;
  line-height: normal;
  padding: 0.3em 0.77em;
  display: inline-table;
  font-weight: 600;
  color: var(--wp--preset--color--white);
  background-color: var(--wp--preset--color--primary-500);
  letter-spacing: 0;
  font-size: clamp(0.8125rem, 0.8125rem + (1vw - 0.225rem) * 0.2419354839, 1rem); /* stylelint-disable-line max-line-length */
}
.wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-link:hover img, .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-link:focus img {
  transform: var(--image-hover-transition-transform-scale-hover);
}
.wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-link .wc-block-grid__product-image {
  border: 1px solid var(--wp--preset--color--base-100);
}
.wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-link img {
  transition: var(--image-hover-transition-property) var(--image-hover-transition-duration) var(--image-hover-transition-timing-function);
  will-change: var(--image-hover-transition-property);
}
.wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-title,
.wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__category-title,
.wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .woocommerce-loop-product__title {
  font-weight: 600;
  text-transform: none;
  color: var(--wp--preset--color--base-800);
  font-size: clamp(0.875rem, 0.875rem + (1vw - 0.225rem) * 0.2419354839, 1.0625rem); /* stylelint-disable-line max-line-length */
}
.wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-title a,
.wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__category-title a,
.wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .woocommerce-loop-product__title a {
  color: var(--wp--preset--color--base-800);
}
.wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-price {
  color: var(--wp--preset--color--base-900);
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  font-weight: 300;
  font-size: 0.6875rem;
}
.wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-price ins {
  color: #e71321;
  text-decoration: none;
}
.wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-price ins .woocommerce-Price-amount {
  color: #e71321;
  letter-spacing: 0;
}
.wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-price .woocommerce-Price-currencySymbol {
  margin-left: 3px;
}
.wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-price del .woocommerce-Price-currencySymbol {
  margin-left: 0;
}
.wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-price del .woocommerce-Price-amount {
  color: inherit;
  letter-spacing: 0;
}
.wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-price del {
  color: var(--wp--preset--color--base-900);
  margin-left: 0.5em;
  opacity: 1;
}
.wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-price .woocommerce-Price-amount {
  color: var(--wp--preset--color--base-900);
  font-family: var(--wp--preset--font-family--zalando-sans);
  letter-spacing: 0;
  font-weight: 300;
}
.wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-price .subscription-details {
  text-transform: none;
  letter-spacing: 0;
  padding-left: 4px;
}
.wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-price small {
  text-transform: none;
  margin-left: 3px;
}

.product-card:not(:has(.product-card__overlay-image)) > a:not(.button) {
  display: inline-block;
  width: 100%;
}
.product-card:not(:has(.product-card__overlay-image)) > a:not(.button):hover img, .product-card:not(:has(.product-card__overlay-image)) > a:not(.button):focus img {
  transform: var(--image-hover-transition-transform-scale-hover);
}
.product-card:not(:has(.product-card__overlay-image)) > a:not(.button) img {
  transition: var(--image-hover-transition-property) var(--image-hover-transition-duration) var(--image-hover-transition-timing-function);
  will-change: var(--image-hover-transition-property);
}

.product-card__images {
  position: relative;
  overflow: hidden;
}

.product-card__overlay-image {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.15s ease-in 0.15s, visibility 0.2s ease-in 0.15s;
  overflow: hidden;
}
.product-card__overlay-image .attachment-woocommerce_thumbnail {
  transition: transform 0.2s ease-in 0.25s;
  transform: scale(1);
  -o-object-fit: cover;
     object-fit: cover;
}

.wc-block-grid__products .wc-block-grid__product-image {
  text-decoration: none;
  display: block;
  position: relative;
}
.wc-block-grid__products .wc-block-grid__product-image img {
  height: auto;
  width: 100%;
  max-width: 100%;
}

.wc-block-grid__products + .wc-block-components-pagination {
  margin: 0 auto 2rem;
  text-align: center;
}
.wc-block-grid__products + .wc-block-components-pagination .wc-block-components-pagination__page {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  margin: 0 0.25rem;
  transition: all 0.2s ease-in-out;
  border: 2px solid transparent;
  color: var(--wp--preset--color--base-900);
}
.wc-block-grid__products + .wc-block-components-pagination .wc-block-components-pagination__page:hover, .wc-block-grid__products + .wc-block-components-pagination .wc-block-components-pagination__page:focus {
  background-color: var(--wp--preset--color--primary-500);
  color: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--primary-500);
}
.wc-block-grid__products + .wc-block-components-pagination .wc-block-components-pagination__page {
  /* stylelint-disable declaration-no-important */
}
.wc-block-grid__products + .wc-block-components-pagination .wc-block-components-pagination__page:disabled {
  color: inherit !important;
  background-color: transparent !important;
  border-color: transparent !important;
}
.wc-block-grid__products + .wc-block-components-pagination .wc-block-components-pagination__page--active, .wc-block-grid__products + .wc-block-components-pagination .wc-block-components-pagination__page--active:disabled {
  color: inherit !important;
  background-color: transparent !important;
  border-color: var(--wp--preset--color--primary-500) !important;
}
.wc-block-grid__products + .wc-block-components-pagination .wc-block-components-pagination__page--active[disabled] {
  font-weight: 400;
}
.wc-block-grid__products + .wc-block-components-pagination .wc-block-components-pagination__page {
  /* stylelint-enable */
}

.wc-block-grid .wc-block-grid__products.swiper-wrapper {
  flex-wrap: nowrap;
}

/* stylelint-disable declaration-no-important */
.add-to-cart-button-bottom li.product {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: auto;
}
.add-to-cart-button-bottom li.product .woocommerce-loop-product__link {
  display: inline-block;
  margin-bottom: 1em;
  width: 100%;
}
.add-to-cart-button-bottom li.product .button {
  margin-top: auto !important;
}
.add-to-cart-button-bottom .wc-block-grid__product {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: auto;
}
.add-to-cart-button-bottom .wc-block-grid__product .wc-block-grid__product-add-to-cart {
  padding-top: 1rem;
  margin-top: auto;
}
.add-to-cart-button-bottom .wc-block-grid__product .wc-block-grid__product-price,
.add-to-cart-button-bottom .wc-block-grid__product .wc-block-grid__product-add-to-cart {
  margin-left: 0;
}

/* stylelint-enable */
/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.products-slider .qala-wishlist-button {
  z-index: 2;
}
.products-slider h3 {
  margin-top: 0;
}

.cross-sells div.container {
  margin: 0;
  padding: 0 0 0 15px;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.woocommerce div.product form.cart {
  background-color: transparent;
  margin-bottom: 30px;
  box-shadow: none;
  width: 100%;
  display: block;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.woocommerce div.product form.cart.variations_form {
  display: block;
}
.woocommerce div.product form.cart:before, .woocommerce div.product form.cart:after {
  content: none;
}
.woocommerce div.product form.cart .woocommerce-variation-add-to-cart {
  display: flex;
  flex-direction: column;
}
.woocommerce div.product form.cart .add-to-cart-wrapper {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
  align-items: center;
}
.woocommerce div.product form.cart .single_add_to_cart_button {
  float: none;
  display: inline-block;
  width: 100%;
}
.woocommerce div.product form.cart .variations tbody tr {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}
.woocommerce div.product form.cart .variations tbody tr:last-child {
  margin-bottom: 0;
}
.woocommerce div.product form.cart .variations td.label {
  order: 0;
}
.woocommerce div.product form.cart .variations td.label label,
.woocommerce div.product form.cart .variations td.label .label-value {
  text-transform: none;
}
.woocommerce div.product form.cart .variations td.value {
  position: relative;
}
.woocommerce div.product form.cart .variations td.value select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin-right: 0;
}
.woocommerce div.product form.cart .variations td.value:before {
  display: none;
}
.woocommerce div.product form.cart .variations th.label {
  text-align: left;
}
.woocommerce div.product form.cart .variations .reset_variations {
  display: none !important;
}
.woocommerce div.product form.cart div.product-addon-totals ul {
  padding: 0;
}
.woocommerce div.product form.cart div.product-addon-totals .wc-pao-subtotal-line p.price {
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
}

.woocommerce-variation-price {
  display: none;
}

.woocommerce-variation-description p {
  margin-top: 0;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.54;
  letter-spacing: 0;
  font-size: 0.8125rem;
}

form.composite_form {
  width: 100%;
  padding-left: 1.5rem !important; /* stylelint-disable-line declaration-no-important */
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.product-blocks {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  counter-reset: block-number;
  margin: 1rem 0 2rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.product-blocks .answer-title {
  margin-bottom: 0.5rem;
}
.product-blocks .answer-content {
  margin-top: 0.5rem;
}

.product-block {
  width: 100%;
  display: flex;
  border-top: 1px solid var(--wp--preset--color--base-300);
  counter-increment: block-number;
}
.product-block:first-child {
  border-top: 0;
}
.product-block:last-child {
  border-bottom: 1px solid var(--wp--preset--color--base-300);
}
.product-block .product-block-inner-content {
  display: grid;
  grid-template-rows: 1fr;
  overflow: hidden;
  transition: grid-template-rows 0.35s;
}
.product-block .product-block-inner-content .product-block-inner-content__inner {
  margin: 0;
  min-height: 0;
  opacity: 1;
  transition: opacity 0.35s;
}
.product-block.accordion-hidden .product-block-inner-content {
  grid-template-rows: 0fr;
  /* stylelint-disable max-nesting-depth */
}
.product-block.accordion-hidden .product-block-inner-content .product-block-inner-content__inner {
  opacity: 0;
}
.product-block.accordion-hidden .product-block-inner-content {
  /* stylelint-enable */
}
.product-block.accordion-hidden h2 {
  color: inherit;
}
.product-block.accordion-hidden h2:after {
  color: inherit;
  content: "+";
}
.product-block.accordion-hidden button {
  color: inherit;
}
.product-block.accordion-hidden > h2:before {
  color: inherit;
}

.has-custom-accordions .product-block-content {
  position: relative;
}
.has-custom-accordions .product-block-content .icon-wrap {
  position: absolute;
  left: 0;
  top: 16px;
}
.has-custom-accordions .product-block-content .icon-wrap svg,
.has-custom-accordions .product-block-content .icon-wrap img {
  max-width: 28px;
  height: auto;
}
.has-custom-accordions .product-block-content h2 {
  padding-left: 2.5rem;
}
.has-custom-accordions .product-block-content h2:before {
  display: none;
}
.has-custom-accordions .product-block-content .product-block-inner-content h2 {
  padding-left: 0;
}

.has-custom-accordions .product-block {
  position: relative;
}
.has-custom-accordions .product-block:first-child {
  border-top: 0;
}
.has-custom-accordions .product-block .product-block-content > h2 {
  padding-left: 2.5rem;
}
.has-custom-accordions .product-block .product-block-content > h2:before {
  display: block;
  content: "";
  background-position: left center;
  background-repeat: no-repeat;
  width: 2.5rem;
  margin-right: 0;
  height: 30px;
  position: absolute;
  left: 0;
}
.has-custom-accordions .product-block.product-block-description h2:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='14' fill='none'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3' d='M16 5H4M19 1H1M19 9H1M16 13H4'/%3E%3C/svg%3E");
  width: 20px;
}
.has-custom-accordions .product-block.product-block-reviews h2:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M25 12.333a11.173 11.173 0 0 1-1.2 5.067 11.334 11.334 0 0 1-10.133 6.267 11.173 11.173 0 0 1-5.067-1.2L1 25l2.533-7.6a11.173 11.173 0 0 1-1.2-5.067A11.333 11.333 0 0 1 8.6 2.2 11.173 11.173 0 0 1 13.667 1h.666A11.307 11.307 0 0 1 25 11.667v.666Z'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.1' d='m13.545 7.545 1.517 3.232 3.392.521L16 13.812l.58 3.552-3.035-1.678-3.034 1.678.58-3.552-2.455-2.514 3.392-.521 1.517-3.232Z'/%3E%3C/svg%3E");
}
.has-custom-accordions .product-block.product-block-additional-information h2:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='14' fill='none'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 1h13M6 7h13M6 13h13M1 1h.01M1 7h.01M1 13h.01'/%3E%3C/svg%3E");
  width: 20px;
}
.has-custom-accordions .product-block.product-block-delivery h2:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='22' fill='none'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='m14.5 8.398-9-5.19M19 14.998v-8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4a2 2 0 0 0-1 1.73v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4a2 2 0 0 0 1-1.73Z'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='m1.27 5.958 8.73 5.05 8.73-5.05M10 21.078v-10.08'/%3E%3C/svg%3E");
  width: 20px;
}
.has-custom-accordions .product-block.product-block-price-history h2:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath fill='%231C1C1E' d='M5.314 3.982A1.333 1.333 0 0 0 4 5.333v21.334A1.333 1.333 0 0 0 5.333 28h21.334a1.333 1.333 0 1 0 0-2.667h-20v-20a1.333 1.333 0 0 0-1.353-1.351Zm21.38 2.001a1.334 1.334 0 0 0-1.18.678l-3.57 6.12-1.823-2.836a1.334 1.334 0 0 0-2.289.08l-2.724 4.953-2.083-2.499a1.332 1.332 0 0 0-2.16.155l-2.667 4.333a1.334 1.334 0 1 0 2.27 1.399l1.695-2.753 2.146 2.575a1.334 1.334 0 0 0 2.192-.213l2.587-4.704 1.79 2.784a1.333 1.333 0 0 0 2.274-.05l4.667-8a1.334 1.334 0 0 0-1.125-2.022Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.has-custom-accordions .product-block.product-block-custom-faq h2:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3e%3cpath d='M16.0001 2.66663C8.64813 2.66663 2.66675 8.64801 2.66675 16C2.66675 23.3519 8.64813 29.3333 16.0001 29.3333C23.352 29.3333 29.3334 23.3519 29.3334 16C29.3334 8.64801 23.352 2.66663 16.0001 2.66663ZM16.0001 4.66663C22.2712 4.66663 27.3334 9.72889 27.3334 16C27.3334 22.271 22.2712 27.3333 16.0001 27.3333C9.729 27.3333 4.66675 22.271 4.66675 16C4.66675 9.72889 9.729 4.66663 16.0001 4.66663ZM16.0001 8.66663C13.8028 8.66663 12.0001 10.4694 12.0001 12.6666V13C11.9982 13.1325 12.0227 13.264 12.0721 13.387C12.1215 13.51 12.1949 13.6219 12.2879 13.7163C12.381 13.8106 12.4918 13.8856 12.6141 13.9367C12.7364 13.9879 12.8676 14.0142 13.0001 14.0142C13.1326 14.0142 13.2638 13.9879 13.3861 13.9367C13.5083 13.8856 13.6192 13.8106 13.7122 13.7163C13.8053 13.6219 13.8786 13.51 13.9281 13.387C13.9775 13.264 14.002 13.1325 14.0001 13V12.6666C14.0001 11.5505 14.884 10.6666 16.0001 10.6666C17.1162 10.6666 18.0001 11.5505 18.0001 12.6666C18.0001 14.2272 17.5943 14.4228 16.8829 14.9817C16.5272 15.2612 16.0613 15.5834 15.6628 16.1263C15.2644 16.6691 15.0001 17.4258 15.0001 18.3333C14.9982 18.4658 15.0227 18.5974 15.0721 18.7203C15.1215 18.8433 15.1949 18.9552 15.2879 19.0496C15.381 19.144 15.4918 19.2189 15.6141 19.2701C15.7364 19.3212 15.8676 19.3475 16.0001 19.3475C16.1326 19.3475 16.2638 19.3212 16.3861 19.2701C16.5083 19.2189 16.6192 19.144 16.7122 19.0496C16.8053 18.9552 16.8786 18.8433 16.9281 18.7203C16.9775 18.5974 17.002 18.4658 17.0001 18.3333C17.0001 17.7645 17.1107 17.5334 17.2748 17.3099C17.4389 17.0863 17.723 16.8644 18.1173 16.5546C18.9058 15.9351 20.0001 14.7727 20.0001 12.6666C20.0001 10.4694 18.1973 8.66663 16.0001 8.66663ZM16.0001 21.3333C15.6465 21.3333 15.3073 21.4738 15.0573 21.7238C14.8072 21.9739 14.6667 22.313 14.6667 22.6666C14.6667 23.0202 14.8072 23.3594 15.0573 23.6094C15.3073 23.8595 15.6465 24 16.0001 24C16.3537 24 16.6928 23.8595 16.9429 23.6094C17.1929 23.3594 17.3334 23.0202 17.3334 22.6666C17.3334 22.313 17.1929 21.9739 16.9429 21.7238C16.6928 21.4738 16.3537 21.3333 16.0001 21.3333Z' fill='%231C1C1E'/%3e%3c/svg%3e");
  background-size: contain;
}

.product-block-reviews__count {
  padding-left: 0.5ch;
}

.product-block-counter {
  display: flex;
}
.product-block-counter:before {
  content: "0" counter(block-number);
  transition: color 0.2s ease-in;
  color: var(--wp--preset--color--primary-500);
  font-family: var(--wp--preset--font-family--zalando-sans);
  width: auto;
  font-weight: 300;
  margin-right: 15px;
  line-height: 1.56;
  letter-spacing: 0;
  font-size: 1.125rem;
}

.product-block-content {
  flex-grow: 1;
}
.product-block-content h2 {
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-bottom: 0;
  margin-top: 0;
  position: relative;
  width: 100%;
  padding: 1.25rem 0;
  color: var(--wp--preset--color--primary-500);
  transition: color 0.2s;
}
.product-block-content h2:hover, .product-block-content h2:focus {
  color: var(--wp--preset--color--primary-500);
}
.product-block-content h2 button {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border-color: transparent;
  padding: 0;
  padding-left: 38px;
  text-align: left;
  font-size: inherit;
  font-weight: inherit;
  text-transform: inherit;
  color: inherit;
}
.product-block-content > h2:after {
  content: "–";
  transition: color 0.2s ease-in;
  font-family: var(--wp--preset--font-family--zalando-sans);
  color: var(--wp--preset--color--primary-500);
  position: absolute;
  top: 50%;
  right: 0;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0;
  transform: translateY(-50%);
  font-size: 1.375rem;
}
.product-block-content > h2:before {
  content: "0" counter(block-number);
  transition: color 0.2s ease-in;
  color: var(--wp--preset--color--primary-500);
  font-family: var(--wp--preset--font-family--zalando-sans);
  width: 25px;
  font-weight: 300;
  margin-right: 15px;
  line-height: 1.56;
  letter-spacing: 0;
  font-size: 1.125rem;
}
.product-block-inner-content > *:first-child {
  margin-top: 0;
  padding-top: 0;
}
.product-block-inner-content > *:last-child {
  margin-bottom: 1.5rem;
}
.product-block-inner-content * + * {
  margin-top: 1em;
}
.product-block-inner-content > ul,
.product-block-inner-content > ul > li,
.product-block-inner-content > ol,
.product-block-inner-content > ol > li {
  margin-top: 0;
}
.product-block-inner-content > ul,
.product-block-inner-content > ol {
  padding-left: 20px;
}
.product-block-inner-content img {
  display: block;
}

.product-attributes table {
  margin-bottom: 15px;
  border-collapse: collapse;
}
.product-attributes table tr:nth-child(even) th,
.product-attributes table tr:nth-child(even) td {
  background-color: white;
}
.product-attributes th {
  text-align: left;
  font-weight: 600;
}

.product-block-inner-content .product-attributes table td,
.product-block-inner-content .product-attributes table th {
  padding: 1rem 1.5rem;
  font-size: 0.9375rem;
}
.product-block-inner-content .product-attributes table th {
  background-color: var(--wp--preset--color--base-200);
}
.product-block-inner-content .product-attributes table td {
  background-color: var(--wp--preset--color--base-100);
  font-weight: 300;
}

.product-block-content > h2:before {
  display: none !important;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.product-gallery-wrap {
  overflow: hidden;
}
.product-gallery-wrap .qala-wishlist-container-single {
  padding-right: 0;
}

.product-images-slider-container {
  display: flex;
  height: auto;
}
.product-images-slider-container[data-thumbnail-position-mobile=left] .product-images-slider-thumbnails {
  order: -1;
}
.product-images-slider-container[data-thumbnail-position-mobile=""] .product-images-slider-thumbnails, .product-images-slider-container[data-thumbnail-position-mobile=right] .product-images-slider-thumbnails {
  margin-right: 0;
  margin-left: 2px;
  order: 2;
}
.product-images-slider-container[data-thumbnail-position-mobile=bottom], .product-images-slider-container[data-thumbnail-position-mobile=top] {
  flex-direction: column;
}
.product-images-slider-container[data-thumbnail-position-mobile=bottom] .product-images-slider-thumbnails, .product-images-slider-container[data-thumbnail-position-mobile=top] .product-images-slider-thumbnails {
  max-width: 100%;
  order: 2;
  margin-top: 2px;
  margin-right: 0 !important; /* stylelint-disable-line declaration-no-important */
}
.product-images-slider-container[data-thumbnail-position-mobile=bottom] .product-images-slider-thumbnails, .product-images-slider-container[data-thumbnail-position-mobile=top] .product-images-slider-thumbnails {
  /* stylelint-disable max-nesting-depth */
}
.product-images-slider-container[data-thumbnail-position-mobile=bottom] .product-images-slider-thumbnails .product-images-slider-item-thumb, .product-images-slider-container[data-thumbnail-position-mobile=top] .product-images-slider-thumbnails .product-images-slider-item-thumb {
  max-width: 80px;
  aspect-ratio: 1/1;
  display: flex !important; /* stylelint-disable-line declaration-no-important */
}
.product-images-slider-container[data-thumbnail-position-mobile=bottom] .product-images-slider-thumbnails .product-images-slider-item-thumb:last-of-type, .product-images-slider-container[data-thumbnail-position-mobile=top] .product-images-slider-thumbnails .product-images-slider-item-thumb:last-of-type {
  margin-right: 0 !important; /* stylelint-disable-line declaration-no-important */
}
.product-images-slider-container[data-thumbnail-position-mobile=bottom] .product-images-slider-thumbnails .product-images-slider-thumbnails-slide, .product-images-slider-container[data-thumbnail-position-mobile=top] .product-images-slider-thumbnails .product-images-slider-thumbnails-slide {
  display: flex;
  flex-direction: row;
}
.product-images-slider-container[data-thumbnail-position-mobile=bottom] .product-image-slider, .product-images-slider-container[data-thumbnail-position-mobile=top] .product-image-slider {
  max-width: 100%;
  flex-basis: 100%;
}
.product-images-slider-container[data-thumbnail-position-mobile=top] .product-images-slider-thumbnails {
  order: -1;
  margin-bottom: 2px;
}
.site-content .product-images-slider-container [class*=navigation] {
  overflow: initial !important; /* stylelint-disable-line declaration-no-important */
  margin-bottom: 0;
}

/* stylelint-enable */
/**
 * 1. Avoid cumulative layout shift SwiperJS' spaceBetween: 15 doesn't match with
 * margin-right: 15px, so used 13px instead. (probably because of border: 2px)
 *
 */
.product-images-slider-thumbnails {
  display: block;
  height: 0;
  margin-right: 2px;
}
.product-images-slider-thumbnails.swiper-initialized {
  height: auto;
}
.product-images-slider-thumbnails .product-images-slider-item-thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.product-images-slider-thumbnails .product-images-slider-item-thumb img {
  border: 2px solid transparent;
  transition: border 0.2s ease-in;
  height: 100%;
  max-height: 116px;
  -o-object-fit: cover;
     object-fit: cover;
  width: auto;
  margin-bottom: 0;
  cursor: pointer;
}
.product-images-slider-thumbnails .product-images-slider-item-thumb--selected img {
  border: 2px solid var(--wp--preset--color--primary-500);
}
.product-images-slider-thumbnails .product-images-slider-item-thumb:nth-of-type(6) img {
  margin-bottom: 0;
}
.product-images-slider-thumbnails .product-images-slider-item-thumb.video-slide img {
  -o-object-fit: cover;
     object-fit: cover;
}
.product-images-slider-thumbnails .swiper-wrapper {
  display: flex;
  flex-direction: column;
}
.product-images-slider-thumbnails .video-slide {
  position: relative;
}
.product-images-slider-thumbnails .video-slide:before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  border: 1px solid var(--wp--preset--color--white);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.product-images-slider-thumbnails .video-slide:after {
  content: "";
  display: block;
  border-left: 8px solid var(--wp--preset--color--white);
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  position: absolute;
  top: 50%;
  left: 51%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.product-images-slider-thumbnails .video-slide img {
  cursor: pointer;
  border: 2px solid transparent;
  transition: border 0.2s ease-in;
}
.product-images-slider-thumbnails .video-slide.swiper-slide-thumb-active img {
  border-color: var(--wp--preset--color--primary-600);
}

.product-image-slider {
  display: flex;
  overflow: hidden;
  width: 100%;
}
.product-image-slider[data-slider-no-thumbs] {
  max-width: 100% !important; /* stylelint-disable-line declaration-no-important */
  flex-basis: 100% !important; /* stylelint-disable-line declaration-no-important */
}
.product-image-slider .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-image-slider .product-image-slider-item img {
  width: 100%;
}
.product-image-slider .video-slide iframe {
  width: 100%;
  height: 100%;
}
.product-image-slider:has(.video-slide.swiper-slide-active) .swiper-pagination {
  pointer-events: none;
}
.product-image-slider[data-slider-type="1"] .video-slide {
  aspect-ratio: 600/800;
  container-type: size;
  position: relative;
}
.product-image-slider[data-slider-type="1"] .video-slide:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: calc(100% - 28cqh);
  clip-path: polygon(0% 0%, 0% 100%, 36% 100%, 36% 42%, 65% 42%, 65% 58%, 0% 58%, 0% 100%, 100% 100%, 100% 0%);
}
.product-image-slider[data-slider-type="1"] .swiper-wrapper:has(.video-slide.swiper-slide-active) ~ .swiper-arrow {
  background-color: rgba(255, 255, 255, 0.5);
}
.product-image-slider[data-slider-type="1"] .swiper-wrapper:has(.video-slide.swiper-slide-active) ~ .swiper-arrow:hover, .product-image-slider[data-slider-type="1"] .swiper-wrapper:has(.video-slide.swiper-slide-active) ~ .swiper-arrow:focus {
  background-color: var(--wp--preset--color--white);
}
.product-image-slider[data-slider-type="2"]:not([data-slider-no-thumbs]) .video-slide {
  aspect-ratio: 600/800;
}

.product-image-slider-wrapper {
  width: 100%;
}

/**
 * Hide all but the first product slider images until swiper initialises.
 * same for all but first 6 thumbnails (6 per slide)
 * this allows sliderHeight: auto to work without a huge page layout shift.
 *
 */
.product-image-slider-item:not(:first-of-type) {
  display: none;
}

.product-images-slider-item-thumb:nth-child(n+7) {
  display: none;
}

/**
 * 2. Make last product thumbnail bottom border visible and avoid cumulate layout shift
 * once slider has loaded with autoHeight: true
 *
 */
.swiper-initialized .product-images-slider-item-thumb,
.swiper-initialized .product-image-slider-item {
  display: block;
}

.product-image-caption {
  margin-top: 20px;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.qala-star-rating {
  position: relative;
  overflow: hidden;
  line-height: 1px;
  margin: 0 0 0.3rem;
  width: 110px;
}
.qala-star-rating svg {
  width: 18px;
  padding-left: 3px;
  padding-right: 3px;
}
.qala-star-rating .rating-empty svg path {
  fill: var(--wp--preset--color--base-300);
}
.qala-star-rating .rating-filled {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.qala-star-rating .rating-filled svg path {
  fill: var(--wp--preset--color--primary-500);
}
.woocommerce.single-product .summary-inner-wrapper > .qala-star-rating {
  padding-left: 0;
  padding-right: 0;
}

/* stylelint-disable selector-max-id */
.review .rating-filled,
.review .rating-empty svg,
.review .qala-star-rating svg,
#reviews .comment .rating-filled,
#reviews .comment .rating-empty svg,
#reviews .comment .qala-star-rating svg {
  margin-top: 0;
}
.review img.avatar,
#reviews .comment img.avatar {
  display: none;
}

.woocommerce #reviews #comments ol.commentlist {
  padding-left: 0;
}
.woocommerce #reviews #comments ol.commentlist li.review .comment-text,
.woocommerce #reviews #comments ol.commentlist li.comment .comment-text {
  margin: 0;
}

.woocommerce-Reviews-title span {
  margin-left: 0.3rem;
}

.woocommerce-Reviews #comments h2:after {
  content: none;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
  text-transform: none;
}

/* stylelint-enable selector-max-id */
/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.primary-cat-label__wrapper {
  width: 100%;
  margin: 0 0 0.75rem 0;
}

.primary-cat-label {
  display: inline-block;
  color: var(--wp--preset--color--white);
  background-color: var(--wp--preset--color--primary-500);
  padding: 10px 20px;
  border-radius: 0;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.1;
  text-transform: uppercase;
  font-style: normal;
  transition: ease 0.2s all;
  font-size: 0.75rem;
}
.primary-cat-label:hover, .primary-cat-label:focus {
  color: var(--wp--preset--color--white);
  background-color: var(--wp--preset--color--primary-600);
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.product-tags {
  display: flex;
  flex-wrap: wrap;
  padding-left: 25px;
  padding-right: 25px;
  gap: 0.4rem;
  margin: 0 0 1.25rem 0;
}
.product-tags a {
  color: var(--wp--preset--color--white);
  background-color: var(--wp--preset--color--primary-300);
  padding: 0.5em 1.1em;
  border-radius: 3px;
  white-space: nowrap;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 1.5;
  text-transform: uppercase;
  font-size: 0.625rem;
}

/* Don't if I should create a new file for Product Categories List - START */
.wc-block-product-categories {
  margin-bottom: 1rem;
}

.wc-block-product-categories-list-item-count:before {
  content: " (";
}
.wc-block-product-categories-list-item-count:after {
  content: ")";
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.woo-variation-items-wrapper {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}
.woo-variation-items-wrapper .color-variable-item {
  margin-right: 10px;
  padding: 5px;
  border-radius: 100%;
  border: solid 2px var(--wp--preset--color--white);
}
.woo-variation-items-wrapper .color-variable-item .variable-item-span {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 20px;
}
.woo-variation-items-wrapper .color-variable-item.selected {
  border-color: var(--wp--preset--color--base-500);
}
.woo-variation-items-wrapper .button-variable-item {
  margin-right: 12px;
  border: solid 2px var(--wp--preset--color--base-100);
}
.woo-variation-items-wrapper .button-variable-item .variable-item-span {
  display: block;
  width: auto;
  height: 48px;
  line-height: 48px;
  text-align: center;
}
.woo-variation-items-wrapper .button-variable-item.selected {
  border-color: var(--wp--preset--color--base-500);
}
.woo-variation-items-wrapper .variable-item-span {
  display: block;
  font-family: var(--wp--preset--font-family--zalando-sans);
  font-weight: 700;
  font-style: normal;
  line-height: 1.46;
  letter-spacing: 0;
  text-align: center;
  font-size: 0.8125rem;
}

.added_to_cart.wc-forward {
  display: none;
}

.woocommerce ul.products li.product .button.product_type_variable,
.woocommerce ul.products li.product a.add_to_cart_button.product_type_variable,
.woocommerce ul.products li.product button.product_type_variable.add_to_cart_button,
.woocommerce ul.products li.product a.button.product_type_variable {
  display: none !important; /* stylelint-disable-line declaration-no-important */
}

.product-card .add_to_cart_button.product_type_variable,
.product-card a.button.product_type_variable.add_to_cart_button,
.product-card .button.product_type_variable,
.product-card a.product_type_variable,
.products .add_to_cart_button.product_type_variable,
.products a.button.product_type_variable.add_to_cart_button,
.products .button.product_type_variable,
.products a.product_type_variable {
  display: none !important; /* stylelint-disable-line declaration-no-important */
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.quantity-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--wp--preset--color--base-300);
  border-width: 2px;
  border-radius: 0.25rem;
  font-weight: 500;
  width: 100%;
  margin: 1rem 0;
  font-size: clamp(0.875rem, 0.875rem + (1vw - 0.225rem) * 0.2419354839, 1.0625rem); /* stylelint-disable-line max-line-length */
}
.quantity-wrapper .quantity-modifier {
  background: none;
  border: 0;
  padding: 0.75rem 1.5rem;
  color: var(--wp--preset--color--primary-500);
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.73;
  letter-spacing: 0;
  font-size: 0.9375rem;
}
.quantity-wrapper .quantity-modifier.plus {
  margin-left: auto;
}
.quantity-wrapper .quantity-modifier.minus {
  margin-right: auto;
}
.quantity-wrapper .quantity-modifier:focus, .quantity-wrapper .quantity-modifier:active, .quantity-wrapper .quantity-modifier:hover {
  outline: 0;
  border: 0;
}
.quantity-wrapper .quantity-modifier:focus-visible {
  outline: 2px solid #91cba8;
}
.quantity-wrapper.disabled {
  display: none;
}

.quantity-wrapper:has(.quantity input[type=hidden]) {
  display: none;
}

div.quantity {
  display: flex;
  margin: 0;
}
div.quantity input[type=number] {
  border: 0;
  padding: 0;
  width: 40px;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
div.quantity input[type=number]::-webkit-inner-spin-button, div.quantity input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0;
}

.woocommerce-page .site button.button.alt,
.woocommerce-page .site a.button.alt,
.woocommerce-page .site #respond input#submit,
.woocommerce-page .site a.button,
.woocommerce-page .site button.button,
.woocommerce-page .site input.button,
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order .woocommerce-mini-cart__buttons a.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce button.button.alt.single_add_to_cart_button,
.woocommerce input.button {
  background-color: var(--wp--preset--color--primary-500);
  border: 2px solid var(--wp--preset--color--primary-500);
  border-radius: 0.25rem;
  display: inline-block;
  color: var(--wp--preset--color--white);
  transition: all 0.4s ease;
  padding: 0.75rem 1.5rem;
  text-transform: none;
  font-weight: 500;
  cursor: pointer;
  letter-spacing: 0;
  text-decoration: none;
  text-decoration-color: transparent;
  outline-color: transparent;
  line-height: 1.1;
  -webkit-font-smoothing: initial;
  outline-offset: 0;
  font-size: clamp(0.875rem, 0.875rem + (1vw - 0.225rem) * 0.2419354839, 1.0625rem); /* stylelint-disable-line max-line-length */
}
.woocommerce-page .site button.button.alt:hover, .woocommerce-page .site button.button.alt:focus,
.woocommerce-page .site a.button.alt:hover,
.woocommerce-page .site a.button.alt:focus,
.woocommerce-page .site #respond input#submit:hover,
.woocommerce-page .site #respond input#submit:focus,
.woocommerce-page .site a.button:hover,
.woocommerce-page .site a.button:focus,
.woocommerce-page .site button.button:hover,
.woocommerce-page .site button.button:focus,
.woocommerce-page .site input.button:hover,
.woocommerce-page .site input.button:focus,
.woocommerce #payment #place_order:hover,
.woocommerce #payment #place_order:focus,
.woocommerce-page #payment #place_order .woocommerce-mini-cart__buttons a.button:hover,
.woocommerce-page #payment #place_order .woocommerce-mini-cart__buttons a.button:focus,
.woocommerce #respond input#submit:hover,
.woocommerce #respond input#submit:focus,
.woocommerce a.button:hover,
.woocommerce a.button:focus,
.woocommerce button.button:hover,
.woocommerce button.button:focus,
.woocommerce button.button.alt.single_add_to_cart_button:hover,
.woocommerce button.button.alt.single_add_to_cart_button:focus,
.woocommerce input.button:hover,
.woocommerce input.button:focus {
  box-shadow: none;
  border: 2px solid var(--wp--preset--color--primary-400);
  background-color: var(--wp--preset--color--primary-400);
  color: var(--wp--preset--color--white);
  text-decoration: none;
  text-decoration-color: transparent;
}
.woocommerce-page .site button.button.alt:focus-visible,
.woocommerce-page .site a.button.alt:focus-visible,
.woocommerce-page .site #respond input#submit:focus-visible,
.woocommerce-page .site a.button:focus-visible,
.woocommerce-page .site button.button:focus-visible,
.woocommerce-page .site input.button:focus-visible,
.woocommerce #payment #place_order:focus-visible,
.woocommerce-page #payment #place_order .woocommerce-mini-cart__buttons a.button:focus-visible,
.woocommerce #respond input#submit:focus-visible,
.woocommerce a.button:focus-visible,
.woocommerce button.button:focus-visible,
.woocommerce button.button.alt.single_add_to_cart_button:focus-visible,
.woocommerce input.button:focus-visible {
  outline: 2px solid #91cba8;
  border: 2px solid var(--wp--preset--color--primary-400);
  background-color: var(--wp--preset--color--primary-400);
  color: var(--wp--preset--color--white);
}
.woocommerce-page .site button.button.alt:active, .woocommerce-page .site button.button.alt:active:focus, .woocommerce-page .site button.button.alt.is-active,
.woocommerce-page .site a.button.alt:active,
.woocommerce-page .site a.button.alt:active:focus,
.woocommerce-page .site a.button.alt.is-active,
.woocommerce-page .site #respond input#submit:active,
.woocommerce-page .site #respond input#submit:active:focus,
.woocommerce-page .site #respond input#submit.is-active,
.woocommerce-page .site a.button:active,
.woocommerce-page .site a.button:active:focus,
.woocommerce-page .site a.button.is-active,
.woocommerce-page .site button.button:active,
.woocommerce-page .site button.button:active:focus,
.woocommerce-page .site button.button.is-active,
.woocommerce-page .site input.button:active,
.woocommerce-page .site input.button:active:focus,
.woocommerce-page .site input.button.is-active,
.woocommerce #payment #place_order:active,
.woocommerce #payment #place_order:active:focus,
.woocommerce #payment #place_order.is-active,
.woocommerce-page #payment #place_order .woocommerce-mini-cart__buttons a.button:active,
.woocommerce-page #payment #place_order .woocommerce-mini-cart__buttons a.button:active:focus,
.woocommerce-page #payment #place_order .woocommerce-mini-cart__buttons a.button.is-active,
.woocommerce #respond input#submit:active,
.woocommerce #respond input#submit:active:focus,
.woocommerce #respond input#submit.is-active,
.woocommerce a.button:active,
.woocommerce a.button:active:focus,
.woocommerce a.button.is-active,
.woocommerce button.button:active,
.woocommerce button.button:active:focus,
.woocommerce button.button.is-active,
.woocommerce button.button.alt.single_add_to_cart_button:active,
.woocommerce button.button.alt.single_add_to_cart_button:active:focus,
.woocommerce button.button.alt.single_add_to_cart_button.is-active,
.woocommerce input.button:active,
.woocommerce input.button:active:focus,
.woocommerce input.button.is-active {
  border: 2px solid var(--wp--preset--color--primary-600);
  background-color: var(--wp--preset--color--primary-600);
  color: var(--wp--preset--color--white);
}
.woocommerce-page .site button.button.alt:disabled, .woocommerce-page .site button.button.alt:disabled:hover,
.woocommerce-page .site a.button.alt:disabled,
.woocommerce-page .site a.button.alt:disabled:hover,
.woocommerce-page .site #respond input#submit:disabled,
.woocommerce-page .site #respond input#submit:disabled:hover,
.woocommerce-page .site a.button:disabled,
.woocommerce-page .site a.button:disabled:hover,
.woocommerce-page .site button.button:disabled,
.woocommerce-page .site button.button:disabled:hover,
.woocommerce-page .site input.button:disabled,
.woocommerce-page .site input.button:disabled:hover,
.woocommerce #payment #place_order:disabled,
.woocommerce #payment #place_order:disabled:hover,
.woocommerce-page #payment #place_order .woocommerce-mini-cart__buttons a.button:disabled,
.woocommerce-page #payment #place_order .woocommerce-mini-cart__buttons a.button:disabled:hover,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled:hover,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled:hover,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled:hover,
.woocommerce button.button.alt.single_add_to_cart_button:disabled,
.woocommerce button.button.alt.single_add_to_cart_button:disabled:hover,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled:hover {
  box-shadow: none;
  color: var(--wp--preset--color--primary-400) !important;
  background-color: var(--wp--preset--color--primary-500) !important;
  border-color: var(--wp--preset--color--primary-500) !important;
  cursor: not-allowed;
}
.woocommerce-page .site button.button.alt:focus:not(:focus-visible),
.woocommerce-page .site a.button.alt:focus:not(:focus-visible),
.woocommerce-page .site #respond input#submit:focus:not(:focus-visible),
.woocommerce-page .site a.button:focus:not(:focus-visible),
.woocommerce-page .site button.button:focus:not(:focus-visible),
.woocommerce-page .site input.button:focus:not(:focus-visible),
.woocommerce #payment #place_order:focus:not(:focus-visible),
.woocommerce-page #payment #place_order .woocommerce-mini-cart__buttons a.button:focus:not(:focus-visible),
.woocommerce #respond input#submit:focus:not(:focus-visible),
.woocommerce a.button:focus:not(:focus-visible),
.woocommerce button.button:focus:not(:focus-visible),
.woocommerce button.button.alt.single_add_to_cart_button:focus:not(:focus-visible),
.woocommerce input.button:focus:not(:focus-visible) {
  outline: none !important; /* [1] */
}

.woocommerce div.product form.cart .single_add_to_cart_button {
  border-width: 2px;
}
.woocommerce div.product form.cart .single_add_to_cart_button:after {
  margin: 0 0 -3px 15px;
  content: "";
  margin: -12px 0 -3px 15px;
  transition: background-color 0.4s ease;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  display: inline-block;
  position: absolute;
  height: 26px;
  width: 26px;
  right: 15px;
  top: 50%;
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNzQ4OTYgMy4xNzM3OEMxLjY0OTU4IDMuMTcyMzggMS41NTA5MSAzLjE5MDc0IDEuNDU4NjggMy4yMjc4QzEuMzY2NDUgMy4yNjQ4NiAxLjI4MjUxIDMuMzE5ODggMS4yMTE3NCAzLjM4OTY2QzEuMTQwOTYgMy40NTk0NCAxLjA4NDc2IDMuNTQyNiAxLjA0NjQgMy42MzQyOUMxLjAwODA0IDMuNzI1OTggMC45ODgyODEgMy44MjQzOSAwLjk4ODI4MSAzLjkyMzc4QzAuOTg4MjgxIDQuMDIzMTcgMS4wMDgwNCA0LjEyMTU4IDEuMDQ2NCA0LjIxMzI3QzEuMDg0NzYgNC4zMDQ5NiAxLjE0MDk2IDQuMzg4MTIgMS4yMTE3NCA0LjQ1NzlDMS4yODI1MSA0LjUyNzY4IDEuMzY2NDUgNC41ODI3MSAxLjQ1ODY4IDQuNjE5NzdDMS41NTA5MSA0LjY1NjgzIDEuNjQ5NTggNC42NzUxOSAxLjc0ODk2IDQuNjczNzhIMy4xMjY4OUMzLjQ5MDg2IDQuNjczNzggMy43OTQyNiA0LjkyNTI0IDMuODYzMjIgNS4yODMxNkw0LjAxMjYzIDYuMDY0NDFMNS42MjQ5NCAxNC41MzIyQzUuOTE2NSAxNi4wNTk5IDcuMjYyNTMgMTcuMTczOCA4LjgxODMgMTcuMTczOEgxOC4xNzk2QzE5LjczNTQgMTcuMTczOCAyMS4wODIgMTYuMDYwNCAyMS4zNzMgMTQuNTMyMkwyMi45ODUzIDYuMDY0NDFDMjMuMDA2IDUuOTU1OTkgMjMuMDAyNSA1Ljg0NDM0IDIyLjk3NSA1LjczNzQzQzIyLjk0NzYgNS42MzA1MiAyMi44OTY5IDUuNTMwOTggMjIuODI2NiA1LjQ0NTkyQzIyLjc1NjMgNS4zNjA4NSAyMi42NjggNS4yOTIzNiAyMi41NjgyIDUuMjQ1MzJDMjIuNDY4MyA1LjE5ODI3IDIyLjM1OTMgNS4xNzM4NSAyMi4yNDkgNS4xNzM3OEgxNS45OTlWNi42NzM3OEgyMS4zNDI3TDE5Ljg5OTQgMTQuMjUxOUMxOS43NDEzIDE1LjA4MTcgMTkuMDI0OSAxNS42NzM4IDE4LjE3OTYgMTUuNjczOEg4LjgxODNDNy45NzMzNyAxNS42NzM4IDcuMjU3MzUgMTUuMDgxNyA3LjA5ODU3IDE0LjI1MTlWMTQuMjUwOUw1LjY1NTIxIDYuNjczNzhIMTEuNDk5VjUuMTczNzhINS4zNjkwOEw1LjMzNjg1IDUuMDAyODhDNS4xMzUyOSAzLjk0NjU1IDQuMjAyNDUgMy4xNzM3OCAzLjEyNjg5IDMuMTczNzhIMS43NDg5NlpNMTMuNzM3MiAzLjY2MzA0QzEzLjUzODUgMy42NjYxNCAxMy4zNDkxIDMuNzQ4MDEgMTMuMjEwNyAzLjg5MDY1QzEzLjA3MjMgNC4wMzMyOCAxMi45OTYxIDQuMjI1MDQgMTIuOTk5IDQuNDIzNzhWMTEuMTEzMkwxMS43NzkyIDkuODkzNTFDMTEuNzEwMSA5LjgyMTUzIDExLjYyNzQgOS43NjQwNiAxMS41MzU4IDkuNzI0NDhDMTEuNDQ0MiA5LjY4NDg5IDExLjM0NTYgOS42NjM5OCAxMS4yNDU4IDkuNjYyOTZDMTEuMTQ2IDkuNjYxOTUgMTEuMDQ3IDkuNjgwODUgMTAuOTU0NyA5LjcxODU3QzEwLjg2MjMgOS43NTYyOSAxMC43Nzg0IDkuODEyMDYgMTAuNzA3OCA5Ljg4MjYxQzEwLjYzNzIgOS45NTMxNyAxMC41ODE1IDEwLjAzNzEgMTAuNTQzOCAxMC4xMjk1QzEwLjUwNiAxMC4yMjE5IDEwLjQ4NzEgMTAuMzIwOCAxMC40ODgxIDEwLjQyMDZDMTAuNDg5MiAxMC41MjA0IDEwLjUxMDEgMTAuNjE5IDEwLjU0OTcgMTAuNzEwNkMxMC41ODkyIDEwLjgwMjIgMTAuNjQ2NyAxMC44ODQ5IDEwLjcxODcgMTAuOTU0MUwxMy4yMTg3IDEzLjQ1NDFDMTMuMzU5MyAxMy41OTQ3IDEzLjU1MDEgMTMuNjczNiAxMy43NDkgMTMuNjczNkMxMy45NDc4IDEzLjY3MzYgMTQuMTM4NiAxMy41OTQ3IDE0LjI3OTIgMTMuNDU0MUwxNi43NzkyIDEwLjk1NDFDMTYuODUxMiAxMC44ODQ5IDE2LjkwODcgMTAuODAyMiAxNi45NDgzIDEwLjcxMDZDMTYuOTg3OSAxMC42MTkgMTcuMDA4OCAxMC41MjA0IDE3LjAwOTggMTAuNDIwNkMxNy4wMTA4IDEwLjMyMDggMTYuOTkxOSAxMC4yMjE5IDE2Ljk1NDIgMTAuMTI5NUMxNi45MTY1IDEwLjAzNzEgMTYuODYwNyA5Ljk1MzE3IDE2Ljc5MDEgOS44ODI2MUMxNi43MTk2IDkuODEyMDYgMTYuNjM1NiA5Ljc1NjI5IDE2LjU0MzMgOS43MTg1N0MxNi40NTA5IDkuNjgwODUgMTYuMzUxOSA5LjY2MTk1IDE2LjI1MjEgOS42NjI5NkMxNi4xNTIzIDkuNjYzOTggMTYuMDUzOCA5LjY4NDg5IDE1Ljk2MjIgOS43MjQ0OEMxNS44NzA2IDkuNzY0MDYgMTUuNzg3OCA5LjgyMTUzIDE1LjcxODcgOS44OTM1MUwxNC40OTkgMTEuMTEzMlY0LjQyMzc4QzE0LjUwMDQgNC4zMjM0IDE0LjQ4MTcgNC4yMjM3NSAxNC40NDM5IDQuMTMwNzRDMTQuNDA2MSA0LjAzNzcyIDE0LjM1IDMuOTUzMjQgMTQuMjc5IDMuODgyM0MxNC4yMDggMy44MTEzNiAxNC4xMjM0IDMuNzU1MzkgMTQuMDMwNCAzLjcxNzczQzEzLjkzNzMgMy42ODAwNyAxMy44Mzc2IDMuNjYxNDcgMTMuNzM3MiAzLjY2MzA0VjMuNjYzMDRaTTkuOTk4OTYgMTguMTczOEM5LjYwMTE0IDE4LjE3MzggOS4yMTk2MSAxOC4zMzE4IDguOTM4MyAxOC42MTMxQzguNjU3IDE4Ljg5NDQgOC40OTg5NiAxOS4yNzYgOC40OTg5NiAxOS42NzM4QzguNDk4OTYgMjAuMDcxNiA4LjY1NyAyMC40NTMxIDguOTM4MyAyMC43MzQ0QzkuMjE5NjEgMjEuMDE1NyA5LjYwMTE0IDIxLjE3MzggOS45OTg5NiAyMS4xNzM4QzEwLjM5NjggMjEuMTczOCAxMC43NzgzIDIxLjAxNTcgMTEuMDU5NiAyMC43MzQ0QzExLjM0MDkgMjAuNDUzMSAxMS40OTkgMjAuMDcxNiAxMS40OTkgMTkuNjczOEMxMS40OTkgMTkuMjc2IDExLjM0MDkgMTguODk0NCAxMS4wNTk2IDE4LjYxMzFDMTAuNzc4MyAxOC4zMzE4IDEwLjM5NjggMTguMTczOCA5Ljk5ODk2IDE4LjE3MzhaTTE2Ljk5OSAxOC4xNzM4QzE2LjYwMTEgMTguMTczOCAxNi4yMTk2IDE4LjMzMTggMTUuOTM4MyAxOC42MTMxQzE1LjY1NyAxOC44OTQ0IDE1LjQ5OSAxOS4yNzYgMTUuNDk5IDE5LjY3MzhDMTUuNDk5IDIwLjA3MTYgMTUuNjU3IDIwLjQ1MzEgMTUuOTM4MyAyMC43MzQ0QzE2LjIxOTYgMjEuMDE1NyAxNi42MDExIDIxLjE3MzggMTYuOTk5IDIxLjE3MzhDMTcuMzk2OCAyMS4xNzM4IDE3Ljc3ODMgMjEuMDE1NyAxOC4wNTk2IDIwLjczNDRDMTguMzQwOSAyMC40NTMxIDE4LjQ5OSAyMC4wNzE2IDE4LjQ5OSAxOS42NzM4QzE4LjQ5OSAxOS4yNzYgMTguMzQwOSAxOC44OTQ0IDE4LjA1OTYgMTguNjEzMUMxNy43NzgzIDE4LjMzMTggMTcuMzk2OCAxOC4xNzM4IDE2Ljk5OSAxOC4xNzM4WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNzQ4OTYgMy4xNzM3OEMxLjY0OTU4IDMuMTcyMzggMS41NTA5MSAzLjE5MDc0IDEuNDU4NjggMy4yMjc4QzEuMzY2NDUgMy4yNjQ4NiAxLjI4MjUxIDMuMzE5ODggMS4yMTE3NCAzLjM4OTY2QzEuMTQwOTYgMy40NTk0NCAxLjA4NDc2IDMuNTQyNiAxLjA0NjQgMy42MzQyOUMxLjAwODA0IDMuNzI1OTggMC45ODgyODEgMy44MjQzOSAwLjk4ODI4MSAzLjkyMzc4QzAuOTg4MjgxIDQuMDIzMTcgMS4wMDgwNCA0LjEyMTU4IDEuMDQ2NCA0LjIxMzI3QzEuMDg0NzYgNC4zMDQ5NiAxLjE0MDk2IDQuMzg4MTIgMS4yMTE3NCA0LjQ1NzlDMS4yODI1MSA0LjUyNzY4IDEuMzY2NDUgNC41ODI3MSAxLjQ1ODY4IDQuNjE5NzdDMS41NTA5MSA0LjY1NjgzIDEuNjQ5NTggNC42NzUxOSAxLjc0ODk2IDQuNjczNzhIMy4xMjY4OUMzLjQ5MDg2IDQuNjczNzggMy43OTQyNiA0LjkyNTI0IDMuODYzMjIgNS4yODMxNkw0LjAxMjYzIDYuMDY0NDFMNS42MjQ5NCAxNC41MzIyQzUuOTE2NSAxNi4wNTk5IDcuMjYyNTMgMTcuMTczOCA4LjgxODMgMTcuMTczOEgxOC4xNzk2QzE5LjczNTQgMTcuMTczOCAyMS4wODIgMTYuMDYwNCAyMS4zNzMgMTQuNTMyMkwyMi45ODUzIDYuMDY0NDFDMjMuMDA2IDUuOTU1OTkgMjMuMDAyNSA1Ljg0NDM0IDIyLjk3NSA1LjczNzQzQzIyLjk0NzYgNS42MzA1MiAyMi44OTY5IDUuNTMwOTggMjIuODI2NiA1LjQ0NTkyQzIyLjc1NjMgNS4zNjA4NSAyMi42NjggNS4yOTIzNiAyMi41NjgyIDUuMjQ1MzJDMjIuNDY4MyA1LjE5ODI3IDIyLjM1OTMgNS4xNzM4NSAyMi4yNDkgNS4xNzM3OEgxNS45OTlWNi42NzM3OEgyMS4zNDI3TDE5Ljg5OTQgMTQuMjUxOUMxOS43NDEzIDE1LjA4MTcgMTkuMDI0OSAxNS42NzM4IDE4LjE3OTYgMTUuNjczOEg4LjgxODNDNy45NzMzNyAxNS42NzM4IDcuMjU3MzUgMTUuMDgxNyA3LjA5ODU3IDE0LjI1MTlWMTQuMjUwOUw1LjY1NTIxIDYuNjczNzhIMTEuNDk5VjUuMTczNzhINS4zNjkwOEw1LjMzNjg1IDUuMDAyODhDNS4xMzUyOSAzLjk0NjU1IDQuMjAyNDUgMy4xNzM3OCAzLjEyNjg5IDMuMTczNzhIMS43NDg5NlpNMTMuNzM3MiAzLjY2MzA0QzEzLjUzODUgMy42NjYxNCAxMy4zNDkxIDMuNzQ4MDEgMTMuMjEwNyAzLjg5MDY1QzEzLjA3MjMgNC4wMzMyOCAxMi45OTYxIDQuMjI1MDQgMTIuOTk5IDQuNDIzNzhWMTEuMTEzMkwxMS43NzkyIDkuODkzNTFDMTEuNzEwMSA5LjgyMTUzIDExLjYyNzQgOS43NjQwNiAxMS41MzU4IDkuNzI0NDhDMTEuNDQ0MiA5LjY4NDg5IDExLjM0NTYgOS42NjM5OCAxMS4yNDU4IDkuNjYyOTZDMTEuMTQ2IDkuNjYxOTUgMTEuMDQ3IDkuNjgwODUgMTAuOTU0NyA5LjcxODU3QzEwLjg2MjMgOS43NTYyOSAxMC43Nzg0IDkuODEyMDYgMTAuNzA3OCA5Ljg4MjYxQzEwLjYzNzIgOS45NTMxNyAxMC41ODE1IDEwLjAzNzEgMTAuNTQzOCAxMC4xMjk1QzEwLjUwNiAxMC4yMjE5IDEwLjQ4NzEgMTAuMzIwOCAxMC40ODgxIDEwLjQyMDZDMTAuNDg5MiAxMC41MjA0IDEwLjUxMDEgMTAuNjE5IDEwLjU0OTcgMTAuNzEwNkMxMC41ODkyIDEwLjgwMjIgMTAuNjQ2NyAxMC44ODQ5IDEwLjcxODcgMTAuOTU0MUwxMy4yMTg3IDEzLjQ1NDFDMTMuMzU5MyAxMy41OTQ3IDEzLjU1MDEgMTMuNjczNiAxMy43NDkgMTMuNjczNkMxMy45NDc4IDEzLjY3MzYgMTQuMTM4NiAxMy41OTQ3IDE0LjI3OTIgMTMuNDU0MUwxNi43NzkyIDEwLjk1NDFDMTYuODUxMiAxMC44ODQ5IDE2LjkwODcgMTAuODAyMiAxNi45NDgzIDEwLjcxMDZDMTYuOTg3OSAxMC42MTkgMTcuMDA4OCAxMC41MjA0IDE3LjAwOTggMTAuNDIwNkMxNy4wMTA4IDEwLjMyMDggMTYuOTkxOSAxMC4yMjE5IDE2Ljk1NDIgMTAuMTI5NUMxNi45MTY1IDEwLjAzNzEgMTYuODYwNyA5Ljk1MzE3IDE2Ljc5MDEgOS44ODI2MUMxNi43MTk2IDkuODEyMDYgMTYuNjM1NiA5Ljc1NjI5IDE2LjU0MzMgOS43MTg1N0MxNi40NTA5IDkuNjgwODUgMTYuMzUxOSA5LjY2MTk1IDE2LjI1MjEgOS42NjI5NkMxNi4xNTIzIDkuNjYzOTggMTYuMDUzOCA5LjY4NDg5IDE1Ljk2MjIgOS43MjQ0OEMxNS44NzA2IDkuNzY0MDYgMTUuNzg3OCA5LjgyMTUzIDE1LjcxODcgOS44OTM1MUwxNC40OTkgMTEuMTEzMlY0LjQyMzc4QzE0LjUwMDQgNC4zMjM0IDE0LjQ4MTcgNC4yMjM3NSAxNC40NDM5IDQuMTMwNzRDMTQuNDA2MSA0LjAzNzcyIDE0LjM1IDMuOTUzMjQgMTQuMjc5IDMuODgyM0MxNC4yMDggMy44MTEzNiAxNC4xMjM0IDMuNzU1MzkgMTQuMDMwNCAzLjcxNzczQzEzLjkzNzMgMy42ODAwNyAxMy44Mzc2IDMuNjYxNDcgMTMuNzM3MiAzLjY2MzA0VjMuNjYzMDRaTTkuOTk4OTYgMTguMTczOEM5LjYwMTE0IDE4LjE3MzggOS4yMTk2MSAxOC4zMzE4IDguOTM4MyAxOC42MTMxQzguNjU3IDE4Ljg5NDQgOC40OTg5NiAxOS4yNzYgOC40OTg5NiAxOS42NzM4QzguNDk4OTYgMjAuMDcxNiA4LjY1NyAyMC40NTMxIDguOTM4MyAyMC43MzQ0QzkuMjE5NjEgMjEuMDE1NyA5LjYwMTE0IDIxLjE3MzggOS45OTg5NiAyMS4xNzM4QzEwLjM5NjggMjEuMTczOCAxMC43NzgzIDIxLjAxNTcgMTEuMDU5NiAyMC43MzQ0QzExLjM0MDkgMjAuNDUzMSAxMS40OTkgMjAuMDcxNiAxMS40OTkgMTkuNjczOEMxMS40OTkgMTkuMjc2IDExLjM0MDkgMTguODk0NCAxMS4wNTk2IDE4LjYxMzFDMTAuNzc4MyAxOC4zMzE4IDEwLjM5NjggMTguMTczOCA5Ljk5ODk2IDE4LjE3MzhaTTE2Ljk5OSAxOC4xNzM4QzE2LjYwMTEgMTguMTczOCAxNi4yMTk2IDE4LjMzMTggMTUuOTM4MyAxOC42MTMxQzE1LjY1NyAxOC44OTQ0IDE1LjQ5OSAxOS4yNzYgMTUuNDk5IDE5LjY3MzhDMTUuNDk5IDIwLjA3MTYgMTUuNjU3IDIwLjQ1MzEgMTUuOTM4MyAyMC43MzQ0QzE2LjIxOTYgMjEuMDE1NyAxNi42MDExIDIxLjE3MzggMTYuOTk5IDIxLjE3MzhDMTcuMzk2OCAyMS4xNzM4IDE3Ljc3ODMgMjEuMDE1NyAxOC4wNTk2IDIwLjczNDRDMTguMzQwOSAyMC40NTMxIDE4LjQ5OSAyMC4wNzE2IDE4LjQ5OSAxOS42NzM4QzE4LjQ5OSAxOS4yNzYgMTguMzQwOSAxOC44OTQ0IDE4LjA1OTYgMTguNjEzMUMxNy43NzgzIDE4LjMzMTggMTcuMzk2OCAxOC4xNzM4IDE2Ljk5OSAxOC4xNzM4WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
}

.woocommerce-page .site #respond input#submit.disabled,
.woocommerce-page .site #respond input#submit:disabled,
.woocommerce-page .site #respond input#submit:disabled[disabled],
.woocommerce-page .site a.button.disabled,
.woocommerce-page .site a.button:disabled,
.woocommerce-page .site a.button:disabled[disabled],
.woocommerce-page .site button.button.disabled,
.woocommerce-page .site button.button:disabled,
.woocommerce-page .site button.button:disabled[disabled],
.woocommerce-page .site input.button.disabled,
.woocommerce-page .site input.button:disabled,
.woocommerce-page .site input.button:disabled[disabled] {
  background-color: var(--wp--preset--color--primary-500);
  border: 2px solid var(--wp--preset--color--primary-500);
  border-radius: 0.25rem;
  display: inline-block;
  color: var(--wp--preset--color--white);
  transition: all 0.4s ease;
  padding: 0.75rem 1.5rem;
  text-transform: none;
  font-weight: 500;
  cursor: pointer;
  letter-spacing: 0;
  text-decoration: none;
  text-decoration-color: transparent;
  outline-color: transparent;
  line-height: 1.1;
  -webkit-font-smoothing: initial;
  outline-offset: 0;
  font-size: clamp(0.875rem, 0.875rem + (1vw - 0.225rem) * 0.2419354839, 1.0625rem); /* stylelint-disable-line max-line-length */
}
.woocommerce-page .site #respond input#submit.disabled:hover, .woocommerce-page .site #respond input#submit.disabled:focus,
.woocommerce-page .site #respond input#submit:disabled:hover,
.woocommerce-page .site #respond input#submit:disabled:focus,
.woocommerce-page .site #respond input#submit:disabled[disabled]:hover,
.woocommerce-page .site #respond input#submit:disabled[disabled]:focus,
.woocommerce-page .site a.button.disabled:hover,
.woocommerce-page .site a.button.disabled:focus,
.woocommerce-page .site a.button:disabled:hover,
.woocommerce-page .site a.button:disabled:focus,
.woocommerce-page .site a.button:disabled[disabled]:hover,
.woocommerce-page .site a.button:disabled[disabled]:focus,
.woocommerce-page .site button.button.disabled:hover,
.woocommerce-page .site button.button.disabled:focus,
.woocommerce-page .site button.button:disabled:hover,
.woocommerce-page .site button.button:disabled:focus,
.woocommerce-page .site button.button:disabled[disabled]:hover,
.woocommerce-page .site button.button:disabled[disabled]:focus,
.woocommerce-page .site input.button.disabled:hover,
.woocommerce-page .site input.button.disabled:focus,
.woocommerce-page .site input.button:disabled:hover,
.woocommerce-page .site input.button:disabled:focus,
.woocommerce-page .site input.button:disabled[disabled]:hover,
.woocommerce-page .site input.button:disabled[disabled]:focus {
  box-shadow: none;
  border: 2px solid var(--wp--preset--color--primary-400);
  background-color: var(--wp--preset--color--primary-400);
  color: var(--wp--preset--color--white);
  text-decoration: none;
  text-decoration-color: transparent;
}
.woocommerce-page .site #respond input#submit.disabled:focus-visible,
.woocommerce-page .site #respond input#submit:disabled:focus-visible,
.woocommerce-page .site #respond input#submit:disabled[disabled]:focus-visible,
.woocommerce-page .site a.button.disabled:focus-visible,
.woocommerce-page .site a.button:disabled:focus-visible,
.woocommerce-page .site a.button:disabled[disabled]:focus-visible,
.woocommerce-page .site button.button.disabled:focus-visible,
.woocommerce-page .site button.button:disabled:focus-visible,
.woocommerce-page .site button.button:disabled[disabled]:focus-visible,
.woocommerce-page .site input.button.disabled:focus-visible,
.woocommerce-page .site input.button:disabled:focus-visible,
.woocommerce-page .site input.button:disabled[disabled]:focus-visible {
  outline: 2px solid #91cba8;
  border: 2px solid var(--wp--preset--color--primary-400);
  background-color: var(--wp--preset--color--primary-400);
  color: var(--wp--preset--color--white);
}
.woocommerce-page .site #respond input#submit.disabled:active, .woocommerce-page .site #respond input#submit.disabled:active:focus, .woocommerce-page .site #respond input#submit.disabled.is-active,
.woocommerce-page .site #respond input#submit:disabled:active,
.woocommerce-page .site #respond input#submit:disabled:active:focus,
.woocommerce-page .site #respond input#submit:disabled.is-active,
.woocommerce-page .site #respond input#submit:disabled[disabled]:active,
.woocommerce-page .site #respond input#submit:disabled[disabled]:active:focus,
.woocommerce-page .site #respond input#submit:disabled[disabled].is-active,
.woocommerce-page .site a.button.disabled:active,
.woocommerce-page .site a.button.disabled:active:focus,
.woocommerce-page .site a.button.disabled.is-active,
.woocommerce-page .site a.button:disabled:active,
.woocommerce-page .site a.button:disabled:active:focus,
.woocommerce-page .site a.button:disabled.is-active,
.woocommerce-page .site a.button:disabled[disabled]:active,
.woocommerce-page .site a.button:disabled[disabled]:active:focus,
.woocommerce-page .site a.button:disabled[disabled].is-active,
.woocommerce-page .site button.button.disabled:active,
.woocommerce-page .site button.button.disabled:active:focus,
.woocommerce-page .site button.button.disabled.is-active,
.woocommerce-page .site button.button:disabled:active,
.woocommerce-page .site button.button:disabled:active:focus,
.woocommerce-page .site button.button:disabled.is-active,
.woocommerce-page .site button.button:disabled[disabled]:active,
.woocommerce-page .site button.button:disabled[disabled]:active:focus,
.woocommerce-page .site button.button:disabled[disabled].is-active,
.woocommerce-page .site input.button.disabled:active,
.woocommerce-page .site input.button.disabled:active:focus,
.woocommerce-page .site input.button.disabled.is-active,
.woocommerce-page .site input.button:disabled:active,
.woocommerce-page .site input.button:disabled:active:focus,
.woocommerce-page .site input.button:disabled.is-active,
.woocommerce-page .site input.button:disabled[disabled]:active,
.woocommerce-page .site input.button:disabled[disabled]:active:focus,
.woocommerce-page .site input.button:disabled[disabled].is-active {
  border: 2px solid var(--wp--preset--color--primary-600);
  background-color: var(--wp--preset--color--primary-600);
  color: var(--wp--preset--color--white);
}
.woocommerce-page .site #respond input#submit.disabled:disabled, .woocommerce-page .site #respond input#submit.disabled:disabled:hover,
.woocommerce-page .site #respond input#submit:disabled:disabled,
.woocommerce-page .site #respond input#submit:disabled:disabled:hover,
.woocommerce-page .site #respond input#submit:disabled[disabled]:disabled,
.woocommerce-page .site #respond input#submit:disabled[disabled]:disabled:hover,
.woocommerce-page .site a.button.disabled:disabled,
.woocommerce-page .site a.button.disabled:disabled:hover,
.woocommerce-page .site a.button:disabled:disabled,
.woocommerce-page .site a.button:disabled:disabled:hover,
.woocommerce-page .site a.button:disabled[disabled]:disabled,
.woocommerce-page .site a.button:disabled[disabled]:disabled:hover,
.woocommerce-page .site button.button.disabled:disabled,
.woocommerce-page .site button.button.disabled:disabled:hover,
.woocommerce-page .site button.button:disabled:disabled,
.woocommerce-page .site button.button:disabled:disabled:hover,
.woocommerce-page .site button.button:disabled[disabled]:disabled,
.woocommerce-page .site button.button:disabled[disabled]:disabled:hover,
.woocommerce-page .site input.button.disabled:disabled,
.woocommerce-page .site input.button.disabled:disabled:hover,
.woocommerce-page .site input.button:disabled:disabled,
.woocommerce-page .site input.button:disabled:disabled:hover,
.woocommerce-page .site input.button:disabled[disabled]:disabled,
.woocommerce-page .site input.button:disabled[disabled]:disabled:hover {
  box-shadow: none;
  color: var(--wp--preset--color--primary-400) !important;
  background-color: var(--wp--preset--color--primary-500) !important;
  border-color: var(--wp--preset--color--primary-500) !important;
  cursor: not-allowed;
}
.woocommerce-page .site #respond input#submit.disabled:focus:not(:focus-visible),
.woocommerce-page .site #respond input#submit:disabled:focus:not(:focus-visible),
.woocommerce-page .site #respond input#submit:disabled[disabled]:focus:not(:focus-visible),
.woocommerce-page .site a.button.disabled:focus:not(:focus-visible),
.woocommerce-page .site a.button:disabled:focus:not(:focus-visible),
.woocommerce-page .site a.button:disabled[disabled]:focus:not(:focus-visible),
.woocommerce-page .site button.button.disabled:focus:not(:focus-visible),
.woocommerce-page .site button.button:disabled:focus:not(:focus-visible),
.woocommerce-page .site button.button:disabled[disabled]:focus:not(:focus-visible),
.woocommerce-page .site input.button.disabled:focus:not(:focus-visible),
.woocommerce-page .site input.button:disabled:focus:not(:focus-visible),
.woocommerce-page .site input.button:disabled[disabled]:focus:not(:focus-visible) {
  outline: none !important; /* [1] */
}
.woocommerce-page .site #respond input#submit.disabled,
.woocommerce-page .site #respond input#submit:disabled,
.woocommerce-page .site #respond input#submit:disabled[disabled],
.woocommerce-page .site a.button.disabled,
.woocommerce-page .site a.button:disabled,
.woocommerce-page .site a.button:disabled[disabled],
.woocommerce-page .site button.button.disabled,
.woocommerce-page .site button.button:disabled,
.woocommerce-page .site button.button:disabled[disabled],
.woocommerce-page .site input.button.disabled,
.woocommerce-page .site input.button:disabled,
.woocommerce-page .site input.button:disabled[disabled] {
  box-shadow: none;
  border: 2px solid var(--wp--preset--color--primary-500);
  background-color: var(--wp--preset--color--primary-500);
  color: var(--wp--preset--color--primary-400);
  cursor: not-allowed;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
/*
 * === Element ===
 *
 * This layer should contain styling for html elements.
 * NO CLASS DECLARATIONS PERMITTED IN THIS LAYER
 * DISCLAIMER: There are currently some classes extending on element styling present, but this is the only exeption.
 *
 */
/**
 * WooCommerce forces hybrid theme's to load their CSS files, e.g. all-products.css, in footer of page overriding
 * our theme styles - https://github.com/woocommerce/woocommerce/issues/49352#issuecomment-2405158307
 * So, we need to add body here to make our styles have a higher specificty and overwrite Woo's core styles.
 * These styles are used on all of Woo's core blocks https://qala.uk/explore-gutenberg/community-blocks/woo-product-grid-blocks/
 *
 * These styles are specifically for the .block-grid. For the inner .product-card, check _product-card.scss
 */
body .wc-block-grid__products {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  margin-left: unset;
  margin-right: unset;
}
body .wc-block-grid {
  /* stylelint-disable max-nesting-depth */
}
body .wc-block-grid.swiper-initialized .wc-block-grid__products {
  --cols: 2;
  --gap: 0.5rem;
  -moz-column-gap: 0;
       column-gap: 0;
}
body .wc-block-grid.swiper-initialized .wc-block-grid__products .wc-block-grid__product {
  margin-right: 0.5rem;
  flex: 1 0;
  flex-basis: calc(100% / var(--cols) - var(--gap) / var(--cols) * (var(--cols) - 1));
}
body .wc-block-grid.swiper-initialized .wc-block-grid__products .wc-block-grid__product:last-of-type {
  margin-right: 0 !important; /* stylelint-disable-line declaration-no-important */
}
body .wc-block-grid.has-1-columns .wc-block-grid__products {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
body .wc-block-grid.has-1-columns.swiper-initialized .wc-block-grid__product {
  --cols: 1;
}
body .wc-block-grid.has-2-columns .wc-block-grid__products {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
body .wc-block-grid.has-2-columns.swiper-initialized .wc-block-grid__product {
  --cols: 2;
}
body .wc-block-grid.has-3-columns .wc-block-grid__products {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
body .wc-block-grid.has-3-columns.swiper-initialized .wc-block-grid__product {
  --cols: 2;
}
body .wc-block-grid.has-4-columns .wc-block-grid__products {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
body .wc-block-grid.has-4-columns.swiper-initialized .wc-block-grid__product {
  --cols: 2;
}
body .wc-block-grid.has-5-columns .wc-block-grid__products {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
body .wc-block-grid.has-5-columns.swiper-initialized .wc-block-grid__product {
  --cols: 2;
}
body .wc-block-grid.has-6-columns .wc-block-grid__products {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
body .wc-block-grid.has-6-columns.swiper-initialized .wc-block-grid__product {
  --cols: 2;
}
body .wc-block-grid {
  /* stylelint-enable */
}
body .wc-block-grid .wc-block-grid__product-link:hover .wc-block-grid__product-title {
  color: var(--wp--preset--color--black);
}
body .wc-block-grid .wc-block-grid__product-title {
  margin-bottom: 0.5rem;
  text-align: left;
}
body .wc-block-grid .wc-block-grid__product-price {
  text-align: left;
}

#wc_bis_product_form {
  width: 100%;
}

.wc_bis_send_form {
  max-width: 100%;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.woocommerce div.product .stock-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 1.25rem;
  flex-wrap: wrap;
}
.woocommerce div.product p.stock {
  margin: 0;
  font-weight: 500;
  color: rgba(65, 147, 98, 0.6666666667);
  width: -moz-fit-content;
  width: fit-content;
  font-size: 0.875rem;
}
.woocommerce div.product p.stock.out-of-stock {
  color: #e71321;
}
.woocommerce div.product .stock-wrapper svg {
  width: 14px;
  height: 14px;
  margin-right: 9px;
}
.woocommerce div.product .stock-wrapper svg path {
  fill: rgba(65, 147, 98, 0.6666666667);
}
.woocommerce div.product .stock-wrapper.out-of-stock svg path {
  fill: #e71321;
}

.wc_bis_already_registered {
  width: 100%;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.summary-upsells {
  width: 100%;
  padding: 15px 1.5rem;
}
.summary-upsells > h4 {
  margin: 2rem 0 1.5rem;
  font-weight: 600;
  font-size: 0.875rem;
}

.woocommerce ul.upsells__products {
  display: flex;
  flex-flow: column wrap;
  margin: 0 0 1.5rem;
  padding: 1.5rem 0;
  border-bottom: 1px solid var(--wp--preset--color--base-300);
  border-top: 1px solid;
  gap: 0 !important; /* stylelint-disable-line declaration-no-important */
}
.woocommerce ul.upsells__products li.product--upsell {
  border-bottom: 1px solid var(--wp--preset--color--base-300);
  float: none;
  display: flex;
  align-items: center;
  flex-direction: unset;
  margin: 0 0 1.5rem;
  padding: 0 0 1.5rem;
  width: 100%;
}
.woocommerce ul.upsells__products li.product--upsell .product--upsell__image {
  flex: 0 0 50px;
  margin-right: 10px;
}
.woocommerce ul.upsells__products li.product--upsell .product--upsell__info {
  flex-grow: 1;
  margin-right: 10px;
}
.woocommerce ul.upsells__products li.product--upsell .product--upsell__title {
  padding: 0;
  font-weight: 400;
  font-size: 0.875rem;
}
.woocommerce ul.upsells__products li.product--upsell .price {
  margin: 0;
  font-size: 0.875rem;
}
.woocommerce ul.upsells__products li.product--upsell .button {
  background-color: transparent;
  border: 2px solid var(--wp--preset--color--primary-500);
  color: var(--wp--preset--color--primary-500);
}
.woocommerce ul.upsells__products li.product--upsell .button:hover, .woocommerce ul.upsells__products li.product--upsell .button:focus {
  border: 2px solid var(--wp--preset--color--primary-400);
  background-color: var(--wp--preset--color--primary-400);
  color: var(--wp--preset--color--white);
}
.woocommerce ul.upsells__products li.product--upsell .button:focus-visible {
  outline: 3px solid #91cba8;
  border: 2px solid var(--wp--preset--color--primary-400);
  background-color: var(--wp--preset--color--primary-400);
  color: var(--wp--preset--color--white);
}
.woocommerce ul.upsells__products li.product--upsell .button:active, .woocommerce ul.upsells__products li.product--upsell .button:active:focus, .woocommerce ul.upsells__products li.product--upsell .button.is-active {
  border: 2px solid var(--wp--preset--color--primary-600);
  background-color: var(--wp--preset--color--primary-600);
  color: var(--wp--preset--color--white);
}
.woocommerce ul.upsells__products li.product--upsell .button:disabled, .woocommerce ul.upsells__products li.product--upsell .button:disabled:hover {
  color: var(--wp--preset--color--base-500) !important;
  background-color: transparent !important;
  border-color: var(--wp--preset--color--base-500) !important;
}
.woocommerce ul.upsells__products li.product--upsell .button {
  /* stylelint-disable max-nesting-depth */
}
.woocommerce ul.upsells__products li.product--upsell .button {
  padding: 0.5em 1em;
  margin-top: 0 !important;
  width: auto;
}
.woocommerce ul.upsells__products li.product--upsell .button {
  /* stylelint-enable */
}
.woocommerce ul.upsells__products li.product--upsell:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.woocommerce-grouped-product-list.group_table {
  width: 100%;
}

/* stylelint-disable */
.woocommerce div.product form.cart.grouped_form {
  margin-bottom: 0 !important;
}

.woocommerce.single-product .woocommerce-grouped-product-list-item.product {
  border: 0;
  border-bottom: 1px solid var(--wp--preset--color--base-400);
  display: flex;
  flex-direction: column;
  padding-top: 0;
  padding: 10px 0 !important;
  position: relative;
}
.woocommerce.single-product .woocommerce-grouped-product-list-item.product:last-child {
  border-bottom: 0;
}

.group-products-section-title {
  border-bottom: 1px solid #000;
  width: 100%;
  margin-bottom: 0;
  padding-bottom: 10px;
}

td.woocommerce-grouped-product-list-item__label {
  order: 1;
  padding: 0 !important;
}
td.woocommerce-grouped-product-list-item__label label a {
  color: #000;
  font-weight: 500;
}
td.woocommerce-grouped-product-list-item__label label a:hover, td.woocommerce-grouped-product-list-item__label label a:focus {
  color: var(--wp--preset--color--primary-500);
  text-decoration: underline;
}

td.woocommerce-grouped-product-list-item__price {
  order: 2;
}
td.woocommerce-grouped-product-list-item__price span,
td.woocommerce-grouped-product-list-item__price bdi {
  font-weight: 100 !important;
}

.woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label,
.woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__price {
  width: 100%;
  padding: 0 120px 0 0 !important;
}
.woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__quantity {
  width: 100px;
}

/* stylelint-enable */
.woocommerce .woocommerce-grouped-product-list-item__quantity {
  order: 3;
  position: absolute;
  right: 0;
  top: 10px;
}
.woocommerce .woocommerce-grouped-product-list-item__quantity .quantity-wrapper {
  max-width: 100px;
  width: 100%;
  border: 1px solid var(--wp--preset--color--base-400);
  height: 40px;
  display: flex;
}
.woocommerce .woocommerce-grouped-product-list-item__quantity .quantity-wrapper.disabled {
  display: none;
}
.woocommerce .woocommerce-grouped-product-list-item__quantity a.button.product_type_variable.add_to_cart_button {
  padding: 5px 10px;
  font-size: 0.82rem;
  line-height: 1.2;
}

.woocommerce.single-product .product-type-grouped .first-payment-date {
  padding: 0 30px;
  margin-bottom: 0;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.woo-variation-swatches .product-type-variable-subscription .variable-items-wrapper {
  width: 100%;
  flex-flow: column nowrap;
}
.woo-variation-swatches .product-type-variable-subscription .variable-items-wrapper li.variable-item {
  width: 100%;
  border: 0;
  border-radius: 0;
  box-shadow: unset;
  margin: 0;
  justify-content: flex-start;
  border-top: 1px solid var(--wp--preset--color--base-400);
  padding: 4px 0;
  height: auto;
}
.woo-variation-swatches .product-type-variable-subscription .variable-items-wrapper li.variable-item:first-child {
  border-top: 0;
  padding-top: 0;
}
.woo-variation-swatches .product-type-variable-subscription .variable-items-wrapper li.variable-item:last-child {
  border-bottom: 1px solid var(--wp--preset--color--base-400);
}
.woo-variation-swatches .product-type-variable-subscription .variable-items-wrapper li.variable-item:not(.radio-variable-item):hover {
  box-shadow: none;
}
.woo-variation-swatches .product-type-variable-subscription .variable-items-wrapper li.variable-item .variable-item-span {
  display: block;
  text-align: left;
  /* stylelint-disable-next-line declaration-no-important */
  padding: 10px 0 10px 35px !important;
}
.woo-variation-swatches .product-type-variable-subscription .variable-items-wrapper li.variable-item.selected {
  box-shadow: unset;
  background-color: transparent;
}
.woo-variation-swatches .product-type-variable-subscription .variable-items-wrapper li.variable-item.selected .variable-item-span-button:before {
  background: var(--wp--preset--color--black);
}
.woo-variation-swatches .product-type-variable-subscription .variable-items-wrapper li.variable-item.selected .variable-item-span-button:after {
  opacity: 1;
}
.woo-variation-swatches .product-type-variable-subscription .variable-items-wrapper .variable-item-span-button {
  color: var(--wp--preset--color--black);
  padding: 14px 0 14px 32px;
  height: auto;
  width: auto;
  line-height: 1.2;
  letter-spacing: 0;
  font-weight: 400;
  position: relative;
  font-size: 0.875rem;
}
.woo-variation-swatches .product-type-variable-subscription .variable-items-wrapper .variable-item-span-button:before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  border: 1px solid var(--wp--preset--color--black);
  position: absolute;
  left: 0;
  top: 7px;
  border-radius: 50%;
  transition: background 0.2s ease-in-out;
}
.woo-variation-swatches .product-type-variable-subscription .variable-items-wrapper .variable-item-span-button:after {
  content: "";
  display: block;
  text-align: center;
  width: 9px;
  height: 4px;
  border-bottom: 2px solid var(--wp--preset--color--white);
  border-left: 2px solid var(--wp--preset--color--white);
  position: absolute;
  left: 6px;
  top: 15px;
  border-radius: 0;
  transition: opacity 0.2s ease-in-out;
  transform: rotate(-45deg);
  opacity: 0;
  pointer-events: none;
}

.product-type-subscription .summary-inner-wrapper span.subscription-details,
.product-type-variable-subscription .summary-inner-wrapper span.subscription-details {
  display: inline;
  line-height: 1.4;
  letter-spacing: 0;
  font-weight: 300;
  font-size: 14px;
}

.woocommerce div.product.product-type-variable-subscription .variations_form .woocommerce-variation-add-to-cart {
  display: block;
}

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item):focus {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
}

.woocommerce.single-product div.product.product-type-subscription .summary-inner-wrapper p.price .from,
.woocommerce.single-product div.product.product-type-variable-subscription .summary-inner-wrapper p.price .from {
  font-size: 16px;
}
.woocommerce.single-product div.product.product-type-subscription .summary-inner-wrapper p.price ins .amount,
.woocommerce.single-product div.product.product-type-variable-subscription .summary-inner-wrapper p.price ins .amount {
  color: #e71321;
  font-size: 16px;
}
.woocommerce.single-product div.product.product-type-subscription .summary-inner-wrapper p.price del,
.woocommerce.single-product div.product.product-type-subscription .summary-inner-wrapper p.price del .amount,
.woocommerce.single-product div.product.product-type-variable-subscription .summary-inner-wrapper p.price del,
.woocommerce.single-product div.product.product-type-variable-subscription .summary-inner-wrapper p.price del .amount {
  color: var(--wp--preset--color--base-600);
  font-size: 16px;
}
.woocommerce.single-product div.product.product-type-subscription .summary-inner-wrapper p.price del bdi,
.woocommerce.single-product div.product.product-type-subscription .summary-inner-wrapper p.price del bdi span,
.woocommerce.single-product div.product.product-type-variable-subscription .summary-inner-wrapper p.price del bdi,
.woocommerce.single-product div.product.product-type-variable-subscription .summary-inner-wrapper p.price del bdi span {
  color: var(--wp--preset--color--base-600);
}

.woocommerce div.product.product-type-variable-subscription form.cart .variations td.value:before {
  display: none;
}

.woocommerce .product-type-variable-subscription form.variations_form table.variations td.label label {
  display: block;
  width: 100%;
  color: var(--wp--preset--color--black);
  font-weight: 600;
  margin-bottom: 10px;
  font-size: 1rem;
}

.wcsatt-options-product-prompt .wcsatt-options-prompt-text,
span.wcsatt-options-prompt-text-label {
  margin-bottom: 0;
}

.subscription-product-content--sale-label {
  background-color: #e71321;
  display: none;
  width: auto;
  padding: 6px 18px;
  border-radius: 26px;
  color: var(--wp--preset--color--white);
  margin: -10px 0 15px;
  font-size: 0.875rem;
}
.subscription-product-content--sale-label.active {
  display: inline-block;
}

.limited-subscription-notice.notice {
  letter-spacing: 0;
  color: #e71321;
  font-weight: 500;
  margin-bottom: 0;
  font-size: 0.875rem;
}

.wcsatt-options-prompt-radios,
ul.wcsatt-options-product {
  margin-bottom: 1em;
  padding: 0;
}
.wcsatt-options-prompt-radios .one-time-option,
.wcsatt-options-prompt-radios .subscription-option,
.wcsatt-options-prompt-radios .wcsatt-options-prompt-radio,
ul.wcsatt-options-product .one-time-option,
ul.wcsatt-options-product .subscription-option,
ul.wcsatt-options-product .wcsatt-options-prompt-radio {
  border-top: 1px solid var(--wp--preset--color--base-400);
  padding: 0;
}
.wcsatt-options-prompt-radios .one-time-option label,
.wcsatt-options-prompt-radios .subscription-option label,
.wcsatt-options-prompt-radios .wcsatt-options-prompt-radio label,
ul.wcsatt-options-product .one-time-option label,
ul.wcsatt-options-product .subscription-option label,
ul.wcsatt-options-product .wcsatt-options-prompt-radio label {
  cursor: pointer;
  display: block;
  padding: 14px 0;
  position: relative;
}
.wcsatt-options-prompt-radios .one-time-option .subscription-option-details,
.wcsatt-options-prompt-radios .one-time-option .one-time-option-details,
.wcsatt-options-prompt-radios .one-time-option .wcsatt-options-prompt-action,
.wcsatt-options-prompt-radios .subscription-option .subscription-option-details,
.wcsatt-options-prompt-radios .subscription-option .one-time-option-details,
.wcsatt-options-prompt-radios .subscription-option .wcsatt-options-prompt-action,
.wcsatt-options-prompt-radios .wcsatt-options-prompt-radio .subscription-option-details,
.wcsatt-options-prompt-radios .wcsatt-options-prompt-radio .one-time-option-details,
.wcsatt-options-prompt-radios .wcsatt-options-prompt-radio .wcsatt-options-prompt-action,
ul.wcsatt-options-product .one-time-option .subscription-option-details,
ul.wcsatt-options-product .one-time-option .one-time-option-details,
ul.wcsatt-options-product .one-time-option .wcsatt-options-prompt-action,
ul.wcsatt-options-product .subscription-option .subscription-option-details,
ul.wcsatt-options-product .subscription-option .one-time-option-details,
ul.wcsatt-options-product .subscription-option .wcsatt-options-prompt-action,
ul.wcsatt-options-product .wcsatt-options-prompt-radio .subscription-option-details,
ul.wcsatt-options-product .wcsatt-options-prompt-radio .one-time-option-details,
ul.wcsatt-options-product .wcsatt-options-prompt-radio .wcsatt-options-prompt-action {
  padding: 0 0 0 35px;
  display: flex;
}
.wcsatt-options-prompt-radios .one-time-option .subscription-option-details:before,
.wcsatt-options-prompt-radios .one-time-option .one-time-option-details:before,
.wcsatt-options-prompt-radios .one-time-option .wcsatt-options-prompt-action:before,
.wcsatt-options-prompt-radios .subscription-option .subscription-option-details:before,
.wcsatt-options-prompt-radios .subscription-option .one-time-option-details:before,
.wcsatt-options-prompt-radios .subscription-option .wcsatt-options-prompt-action:before,
.wcsatt-options-prompt-radios .wcsatt-options-prompt-radio .subscription-option-details:before,
.wcsatt-options-prompt-radios .wcsatt-options-prompt-radio .one-time-option-details:before,
.wcsatt-options-prompt-radios .wcsatt-options-prompt-radio .wcsatt-options-prompt-action:before,
ul.wcsatt-options-product .one-time-option .subscription-option-details:before,
ul.wcsatt-options-product .one-time-option .one-time-option-details:before,
ul.wcsatt-options-product .one-time-option .wcsatt-options-prompt-action:before,
ul.wcsatt-options-product .subscription-option .subscription-option-details:before,
ul.wcsatt-options-product .subscription-option .one-time-option-details:before,
ul.wcsatt-options-product .subscription-option .wcsatt-options-prompt-action:before,
ul.wcsatt-options-product .wcsatt-options-prompt-radio .subscription-option-details:before,
ul.wcsatt-options-product .wcsatt-options-prompt-radio .one-time-option-details:before,
ul.wcsatt-options-product .wcsatt-options-prompt-radio .wcsatt-options-prompt-action:before {
  border: 1px solid var(--wp--preset--color--black);
  border-radius: 50%;
  content: "";
  display: block;
  height: 22px;
  left: 0;
  position: absolute;
  top: 12px;
  transition: background-color 0.2s ease-in-out;
  width: 22px;
}
.wcsatt-options-prompt-radios .one-time-option .subscription-option-details:after,
.wcsatt-options-prompt-radios .one-time-option .one-time-option-details:after,
.wcsatt-options-prompt-radios .one-time-option .wcsatt-options-prompt-action:after,
.wcsatt-options-prompt-radios .subscription-option .subscription-option-details:after,
.wcsatt-options-prompt-radios .subscription-option .one-time-option-details:after,
.wcsatt-options-prompt-radios .subscription-option .wcsatt-options-prompt-action:after,
.wcsatt-options-prompt-radios .wcsatt-options-prompt-radio .subscription-option-details:after,
.wcsatt-options-prompt-radios .wcsatt-options-prompt-radio .one-time-option-details:after,
.wcsatt-options-prompt-radios .wcsatt-options-prompt-radio .wcsatt-options-prompt-action:after,
ul.wcsatt-options-product .one-time-option .subscription-option-details:after,
ul.wcsatt-options-product .one-time-option .one-time-option-details:after,
ul.wcsatt-options-product .one-time-option .wcsatt-options-prompt-action:after,
ul.wcsatt-options-product .subscription-option .subscription-option-details:after,
ul.wcsatt-options-product .subscription-option .one-time-option-details:after,
ul.wcsatt-options-product .subscription-option .wcsatt-options-prompt-action:after,
ul.wcsatt-options-product .wcsatt-options-prompt-radio .subscription-option-details:after,
ul.wcsatt-options-product .wcsatt-options-prompt-radio .one-time-option-details:after,
ul.wcsatt-options-product .wcsatt-options-prompt-radio .wcsatt-options-prompt-action:after {
  content: "";
  display: block;
  text-align: center;
  width: 9px;
  height: 4px;
  border-bottom: 2px solid var(--wp--preset--color--white);
  border-left: 2px solid var(--wp--preset--color--white);
  position: absolute;
  left: 7px;
  top: 20px;
  border-radius: 0;
  transition: opacity 0.2s ease-in-out;
  transform: rotate(-45deg);
  opacity: 0;
  pointer-events: none;
}
.wcsatt-options-prompt-radios .one-time-option input[type=radio]:checked + .subscription-option-details:before,
.wcsatt-options-prompt-radios .one-time-option input[type=radio]:checked + .one-time-option-details:before,
.wcsatt-options-prompt-radios .one-time-option input[type=radio]:checked + .wcsatt-options-prompt-action:before,
.wcsatt-options-prompt-radios .subscription-option input[type=radio]:checked + .subscription-option-details:before,
.wcsatt-options-prompt-radios .subscription-option input[type=radio]:checked + .one-time-option-details:before,
.wcsatt-options-prompt-radios .subscription-option input[type=radio]:checked + .wcsatt-options-prompt-action:before,
.wcsatt-options-prompt-radios .wcsatt-options-prompt-radio input[type=radio]:checked + .subscription-option-details:before,
.wcsatt-options-prompt-radios .wcsatt-options-prompt-radio input[type=radio]:checked + .one-time-option-details:before,
.wcsatt-options-prompt-radios .wcsatt-options-prompt-radio input[type=radio]:checked + .wcsatt-options-prompt-action:before,
ul.wcsatt-options-product .one-time-option input[type=radio]:checked + .subscription-option-details:before,
ul.wcsatt-options-product .one-time-option input[type=radio]:checked + .one-time-option-details:before,
ul.wcsatt-options-product .one-time-option input[type=radio]:checked + .wcsatt-options-prompt-action:before,
ul.wcsatt-options-product .subscription-option input[type=radio]:checked + .subscription-option-details:before,
ul.wcsatt-options-product .subscription-option input[type=radio]:checked + .one-time-option-details:before,
ul.wcsatt-options-product .subscription-option input[type=radio]:checked + .wcsatt-options-prompt-action:before,
ul.wcsatt-options-product .wcsatt-options-prompt-radio input[type=radio]:checked + .subscription-option-details:before,
ul.wcsatt-options-product .wcsatt-options-prompt-radio input[type=radio]:checked + .one-time-option-details:before,
ul.wcsatt-options-product .wcsatt-options-prompt-radio input[type=radio]:checked + .wcsatt-options-prompt-action:before {
  background-color: var(--wp--preset--color--black);
}
.wcsatt-options-prompt-radios .one-time-option input[type=radio]:checked + .subscription-option-details:after,
.wcsatt-options-prompt-radios .one-time-option input[type=radio]:checked + .one-time-option-details:after,
.wcsatt-options-prompt-radios .one-time-option input[type=radio]:checked + .wcsatt-options-prompt-action:after,
.wcsatt-options-prompt-radios .subscription-option input[type=radio]:checked + .subscription-option-details:after,
.wcsatt-options-prompt-radios .subscription-option input[type=radio]:checked + .one-time-option-details:after,
.wcsatt-options-prompt-radios .subscription-option input[type=radio]:checked + .wcsatt-options-prompt-action:after,
.wcsatt-options-prompt-radios .wcsatt-options-prompt-radio input[type=radio]:checked + .subscription-option-details:after,
.wcsatt-options-prompt-radios .wcsatt-options-prompt-radio input[type=radio]:checked + .one-time-option-details:after,
.wcsatt-options-prompt-radios .wcsatt-options-prompt-radio input[type=radio]:checked + .wcsatt-options-prompt-action:after,
ul.wcsatt-options-product .one-time-option input[type=radio]:checked + .subscription-option-details:after,
ul.wcsatt-options-product .one-time-option input[type=radio]:checked + .one-time-option-details:after,
ul.wcsatt-options-product .one-time-option input[type=radio]:checked + .wcsatt-options-prompt-action:after,
ul.wcsatt-options-product .subscription-option input[type=radio]:checked + .subscription-option-details:after,
ul.wcsatt-options-product .subscription-option input[type=radio]:checked + .one-time-option-details:after,
ul.wcsatt-options-product .subscription-option input[type=radio]:checked + .wcsatt-options-prompt-action:after,
ul.wcsatt-options-product .wcsatt-options-prompt-radio input[type=radio]:checked + .subscription-option-details:after,
ul.wcsatt-options-product .wcsatt-options-prompt-radio input[type=radio]:checked + .one-time-option-details:after,
ul.wcsatt-options-product .wcsatt-options-prompt-radio input[type=radio]:checked + .wcsatt-options-prompt-action:after {
  opacity: 1;
}
.wcsatt-options-prompt-radios .one-time-option:first-child,
.wcsatt-options-prompt-radios .subscription-option:first-child,
.wcsatt-options-prompt-radios .wcsatt-options-prompt-radio:first-child,
ul.wcsatt-options-product .one-time-option:first-child,
ul.wcsatt-options-product .subscription-option:first-child,
ul.wcsatt-options-product .wcsatt-options-prompt-radio:first-child {
  border-top: 0;
}
.wcsatt-options-prompt-radios .one-time-option:last-child,
.wcsatt-options-prompt-radios .subscription-option:last-child,
.wcsatt-options-prompt-radios .wcsatt-options-prompt-radio:last-child,
ul.wcsatt-options-product .one-time-option:last-child,
ul.wcsatt-options-product .subscription-option:last-child,
ul.wcsatt-options-product .wcsatt-options-prompt-radio:last-child {
  border-bottom: 1px solid var(--wp--preset--color--base-400);
}
.wcsatt-options-prompt-radios .one-time-option input,
.wcsatt-options-prompt-radios .subscription-option input,
.wcsatt-options-prompt-radios .wcsatt-options-prompt-radio input,
ul.wcsatt-options-product .one-time-option input,
ul.wcsatt-options-product .subscription-option input,
ul.wcsatt-options-product .wcsatt-options-prompt-radio input {
  opacity: 0;
  position: absolute;
}
.wcsatt-options-prompt-radios .one-time-option:after,
.wcsatt-options-prompt-radios .subscription-option:after,
.wcsatt-options-prompt-radios .wcsatt-options-prompt-radio:after,
ul.wcsatt-options-product .one-time-option:after,
ul.wcsatt-options-product .subscription-option:after,
ul.wcsatt-options-product .wcsatt-options-prompt-radio:after {
  content: "";
  display: block;
  text-align: center;
  width: 9px;
  height: 4px;
  border-bottom: 2px solid var(--wp--preset--color--white);
  border-left: 2px solid var(--wp--preset--color--white);
  position: absolute;
  left: 6px;
  top: 15px;
  border-radius: 0;
  transition: opacity 0.2s ease-in-out;
  transform: rotate(-45deg);
  opacity: 0;
  pointer-events: none;
}

.woocommerce div.product ul.wcsatt-options-product span.no-price.one-time-price,
.woocommerce div.product ul.wcsatt-options-product span.price,
.woocommerce div.product ul.wcsatt-options-product span.price ins .woocommerce-Price-amount {
  color: var(--wp--preset--color--black);
  font-weight: 400;
  height: auto;
  letter-spacing: 0;
  line-height: 1.2;
  padding: 0;
  position: relative;
  width: auto;
  font-size: 0.875rem;
}

.woocommerce div.product ul.wcsatt-options-prompt-radios .wcsatt-options-prompt-action {
  color: var(--wp--preset--color--black);
  font-weight: 400;
  height: auto;
  letter-spacing: 0;
  line-height: 1.2;
  width: auto;
  font-size: 0.875rem;
}

.wcsatt-options-product-prompt {
  margin-bottom: 0;
}

.has-subscription-plans .summary-inner-wrapper {
  display: flex;
  flex-direction: column;
}
.has-subscription-plans .woocommerce-variation-price {
  display: block;
}
.has-subscription-plans .product_title + p.price * {
  font-size: 1.375rem;
}
.has-subscription-plans .product_title + p.price small.wcsatt-sub-options {
  line-height: 1.2;
}
.has-subscription-plans.product-type-variable .product_title + p.price .wcsatt-options-wrapper {
  display: none;
}
.has-subscription-plans.product-type-variable .product_title + p.price > span.price {
  display: none;
}
.has-subscription-plans.product-type-variable .woocommerce-variation-price span.price {
  display: none;
}
.has-subscription-plans.product-type-variable .woocommerce-product-details__short-description p:last-child {
  margin-bottom: 1rem;
}

.woocommerce div.product.has-subscription-plans form.cart .woocommerce-variation-add-to-cart {
  display: block;
}

.wcsatt-options-wrapper-grouped .wcsatt-options-product-wrapper {
  margin-top: 1rem;
}

.wcsatt-options-product-prompt.wcsatt-options-product-prompt-radio {
  margin-bottom: 1rem;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
div.bundled_product_summary,
.woocommerce div.product.bundled_product_summary {
  display: flex;
  flex-flow: row wrap;
}
div.bundled_product_summary .required,
.woocommerce div.product.bundled_product_summary .required {
  color: var(--wp--preset--color--base-900);
  text-decoration: unset;
}

/* stylelint-disable */
.woocommerce-page div.product div.bundled_product_images,
.woocommerce-page #content div.product div.bundled_product_images,
.woocommerce div.product div.bundled_product_images,
.woocommerce #content div.product div.bundled_product_images {
  flex-basis: 50px;
  width: 50px;
  height: 50px;
  background-color: #eee;
}

/* stylelint-enable */
.bundle_form .bundled_product_summary:not(.thumbnail_hidden) .details {
  float: none;
  flex-basis: calc(100% - 50px);
  max-width: calc(100% - 50px);
  padding: 0 0 0 1.5rem !important; /* stylelint-disable-line declaration-no-important */
}

.product-type-bundle .small_width.bundle_form div.bundled_product_summary:not(.thumbnail_hidden) .details,
.product-type-bundle .small_width.composite_form .bundle_form div.bundled_product_summary:not(.thumbnail_hidden) .details {
  padding: 0 0 0 1.5rem;
}

.woocommerce .bundle_form div.product.bundled_product_summary {
  margin-bottom: 0;
  padding: 1.5rem 0;
  border-bottom-color: var(--wp--preset--color--base-300);
}

.bundled_product_title_inner {
  margin-bottom: 0;
}
.bundled_product_title_inner .item_title {
  letter-spacing: 0;
  line-height: 1.5;
  font-size: 1rem;
}

.bundled_product_excerpt.product_excerpt p {
  margin-bottom: 0;
  font-size: 0.875rem;
}

.woocommerce.single-product .bundled_product .bundled_product_title.product_title {
  margin-bottom: 0;
  line-height: 1;
}

.bundled_product_summary.product .bundled_product_title .bundled_product_title_link {
  margin-left: 0;
}
.bundled_product_summary.product .bundled_product_title .bundled_product_permalink {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin-left: 0.3rem;
}
.bundled_product_summary.product .bundled_product_title .bundled_product_permalink:before {
  background-image: url("../../../qala-theme/assets/images/icons/information/information-outlined.svg");
  content: "";
  background-size: contain;
  width: 20px;
  height: 20px;
  display: inline-block;
}

.woocommerce.single-product .product .bundled_product_title.product_title,
.qala-quickview .product .bundled_product_title.product_title {
  padding: 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  font-size: var(--wp--preset--font-size--step-1);
}

.bundled_product.bundled_product_summary .cart .variations td.label {
  padding-top: 0;
}

.woocommerce.single-product .product.product-type-bundle .price {
  margin-bottom: 0;
}

.bundle-product-content--price-subtitle {
  color: #656565;
  display: block;
  margin-bottom: 1.5rem;
  font-weight: 300;
  padding: 0 25px;
  font-size: 0.875rem;
}

.bundle-product-content--products-title {
  display: block;
  width: 100%;
  border-bottom: 1px solid var(--wp--preset--color--black);
  color: var(--wp--preset--color--black);
  font-weight: 500;
  padding: 3px 25px;
  font-size: 1rem;
}

.bundled_product .attribute_options .variable-item.color-variable-item,
.bundled_product .attribute_options .variable-item.color-variable-item:hover {
  border: 0;
  box-shadow: unset;
}
.bundled_product .attribute_options .variable-item-span {
  padding: 0 5px;
  letter-spacing: 0;
  font-weight: 400;
}

.bundle_error {
  padding-left: unset;
}
.bundle_error .woocommerce-info {
  background: unset;
  padding-left: 65px;
  padding-right: unset;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  align-items: center;
}
.bundle_error .woocommerce-info:before {
  display: flex;
  content: "!";
  width: 30px;
  height: 30px;
  border: 1px solid #e71321;
  align-items: center;
  justify-content: center;
  color: #e71321;
  border-radius: 50%;
  position: relative;
  top: unset;
  left: unset;
  line-height: 1;
}
.bundle_error .woocommerce-info .msg {
  padding: unset;
}
.bundle_error .woocommerce-info .msg li {
  color: #e71321;
  font-size: 0.875rem;
}

.summary-inner-wrapper .bundle_sells_title {
  margin-top: 1.5rem;
  padding-top: 0;
}
.summary-inner-wrapper .bundle_sells_title > h3 {
  border-bottom: 1px solid var(--wp--preset--color--black);
  margin: 0;
  padding-bottom: 1.5rem;
  font-weight: 600;
  font-size: 0.875rem;
}

.bundled_product_summary .bundled_product_optional_checkbox {
  font-size: 0.875rem;
}
.bundled_product_summary .bundled_product_optional_checkbox .price,
.bundled_product_summary .bundled_product_optional_checkbox .price > * {
  color: var(--wp--preset--color--base-900);
  font-size: 0.875rem;
}
.bundled_product_summary .bundled_product_optional_checkbox .price ins {
  margin-right: 10px;
}
.bundled_product_summary .bundled_product_optional_checkbox span {
  font-weight: 400;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.wc-bookings-booking-form {
  border: unset;
  padding: unset;
}
.wc-bookings-booking-form fieldset {
  border: unset;
  margin: unset;
  padding: unset;
}
.wc-bookings-booking-form .ui-datepicker-header {
  background: unset;
  border-radius: unset;
  border: unset;
  border-top: 1px solid var(--wp--preset--color--base-400);
  border-bottom: 1px solid var(--wp--preset--color--base-400);
  color: var(--wp--preset--color--black);
  text-transform: unset;
  font-family: var(--wp--preset--font-family--zalando-sans);
  font-size: 1rem;
}
.wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker .ui-datepicker-title {
  padding: 20px 0;
  margin: 0 45px;
}
.wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev,
.wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker .ui-datepicker-next {
  top: 50%;
  background: var(--wp--preset--color--primary-500);
  border-radius: 50%;
  height: 40px;
  width: 40px;
  transform: translateY(-50%);
  justify-content: center;
  align-items: center;
  transition: background-color 0.35s ease;
}
.wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev:hover, .wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev:focus,
.wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker .ui-datepicker-next:hover,
.wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker .ui-datepicker-next:focus {
  background: var(--wp--preset--color--primary-400);
}
.wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev.ui-state-disabled,
.wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker .ui-datepicker-next.ui-state-disabled {
  background: var(--wp--preset--color--base-500);
}
.wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev > span,
.wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker .ui-datepicker-next > span {
  filter: brightness(0) invert(1);
  background-size: 20px 20px;
}
.wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev span {
  background-image: url("../../../qala-theme/assets/images/icons/navigation/chevron-left.svg");
  background-position: -2px center;
}
.wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker .ui-datepicker-next span {
  background-image: url("../../../qala-theme/assets/images/icons/navigation/chevron-right.svg");
  background-position: 0 center;
}
.wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev-hover {
  left: 2px;
}
.wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker .ui-datepicker-next-hover {
  right: 2px;
}
.wc-bookings-booking-form .ui-widget-content {
  box-shadow: unset;
}
.wc-bookings-booking-form .wc-bookings-booking-cost {
  margin: unset;
  padding-left: unset;
  padding-right: unset;
  background: transparent;
}
.wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker th,
.wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td {
  border: unset;
  color: var(--wp--preset--color--black);
  font-weight: 400;
  font-family: var(--wp--preset--font-family--zalando-sans);
  font-size: 0.875rem;
}
.wc-bookings-booking-form .ui-state-disabled,
.wc-bookings-booking-form .ui-widget-content .ui-state-disabled,
.wc-bookings-booking-form .ui-widget-header .ui-state-disabled {
  opacity: 1;
}
.wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.ui-datepicker-other-month {
  background: var(--wp--preset--color--base-100);
  color: var(--wp--preset--color--base-300);
}
.wc-bookings-booking-form {
  /* stylelint-disable declaration-no-important  */
}
.wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.bookable-range .ui-state-default {
  background: rgba(65, 147, 98, 0.6666666667) !important;
}
.wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.bookable-range .ui-state-default.ui-state-hover {
  color: var(--wp--preset--color--white) !important;
}
.wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.fully_booked span,
.wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.fully_booked a {
  background-color: #FDEDEE !important;
  color: var(--wp--preset--color--white) !important;
}
.wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.bookable a {
  background-color: unset !important;
  color: rgba(65, 147, 98, 0.6666666667) !important;
  text-shadow: none;
  transition: all 0.35s ease;
}
.wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.bookable a:hover, .wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.bookable a:focus {
  background-color: rgba(65, 147, 98, 0.6666666667) !important;
  color: var(--wp--preset--color--white) !important;
}
.wc-bookings-booking-form .wc-bookings-date-picker-date-fields {
  line-height: 45px;
  display: flex;
  justify-content: space-between;
}
.wc-bookings-booking-form .wc-bookings-date-picker-date-fields input,
.wc-bookings-booking-form .wc_bookings_field_duration input {
  padding: 5px;
  height: 45px;
  font-size: 14px;
  border-radius: 0;
  border: 1px solid var(--wp--preset--color--black);
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.ac-nav-collapse .vat-switcher-container {
  margin: 0;
  padding: 1rem 2rem;
  border-top: 1px solid var(--wp--preset--color--base-300);
  border-bottom: 1px solid var(--wp--preset--color--base-300);
}
.ac-nav-collapse:has(.top-header-mobile) .vat-switcher-container {
  border-bottom: 0;
}

.site:has(.ac-nav-collapse .vat-switcher-container) .usp-bar .vat-switcher-container,
.site:has(.ac-nav-collapse .vat-switcher-container) .site-header-right-column .vat-switcher-container {
  display: none;
}

figure {
  margin-right: 0;
  margin-left: 0;
}

.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.alignright {
  float: right;
}

.alignleft {
  float: left;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  /* stylelint-disable-next-line declaration-no-important */
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  /* stylelint-disable-next-line declaration-no-important */
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/**
 * Galleries
 */
.gallery {
  margin-bottom: 1em;
  overflow: auto;
}
.gallery.gallery-columns-1 .gallery-item {
  width: 100%;
}
.gallery.gallery-columns-2 .gallery-item {
  width: 50%;
}
.gallery.gallery-columns-3 .gallery-item {
  width: 33.3%;
}
.gallery.gallery-columns-4 .gallery-item {
  width: 25%;
}
.gallery.gallery-columns-5 .gallery-item {
  width: 20%;
}
.gallery.gallery-columns-6 .gallery-item {
  width: 16.6667%;
}
.gallery.gallery-columns-7 .gallery-item {
  width: 14.2857%;
}
.gallery.gallery-columns-8 .gallery-item {
  width: 12.5%;
}
.gallery.gallery-columns-9 .gallery-item {
  width: 11.1111%;
}
.gallery:before, .gallery:after {
  content: "";
  clear: both;
  display: block;
}

.gallery .gallery-item {
  float: left;
}
.gallery .gallery-item .gallery-icon a {
  display: block;
}
.gallery .gallery-item .gallery-icon img {
  border: unset;
  height: auto;
  margin: 0 auto;
}
.gallery .gallery-item .gallery-caption {
  margin: 0;
  text-align: center;
}
.wp-block-column .wp-block-group form {
  width: 100%;
}

.wp-block-column > .wp-block-group .wp-block-qala-blocks-hero {
  width: 100%;
}

.wp-block-columns.has-background {
  padding: 1em;
}

.wp-block-cover.alignfull .wp-block-cover__inner-container > .alignwide {
  max-width: var(--wp--custom--wide-size);
  margin-left: auto;
  margin-right: auto;
}

/* stylelint-disable selector-max-id */
#cmplz-document {
  max-width: var(--wp--custom--content-size);
}
#cmplz-document .alignfull, .alignwide #cmplz-document {
  max-width: none;
}

/* stylelint-enable */
/**
 * This file is mainly to reduce CLS on load. We hide all products apart from the first 2
 * (or 3 at breakpoint-m, 4 at breakpoint-l etc), then show them once the slider has initialised.
 *
 */
/* stylelint-disable max-nesting-depth */
.wp-block-product-best-sellers .wc-block-grid__product {
  flex-direction: column;
}
.wp-block-product-best-sellers .wc-block-grid__product:nth-child(n+3) {
  display: none;
}
.wp-block-product-best-sellers.swiper-initialized .swiper-slide {
  transition: opacity 0.2s ease-in-out;
  opacity: 0;
  pointer-events: none;
}
.wp-block-product-best-sellers.swiper-initialized .swiper-slide.swiper-slide-visible:not(.swiper-slide-prev), .wp-block-product-best-sellers.swiper-initialized .swiper-slide.swiper-slide-active {
  opacity: 1;
  pointer-events: all;
}
.wp-block-product-best-sellers.swiper-initialized .wc-block-grid__product {
  display: flex !important; /* stylelint-disable-line declaration-no-important */
}

/* stylelint-enable */
.wp-block-quote cite {
  display: block;
}

/**
 * This file is used for any rules which affect all qala template parts
 * e.g. standard horizontal padding on all qala template part blocks
 * We need to add standard horizontal padding to blocks within a group used in template parts
 * so they match the grid of the rest of the site.
 *
 */
.qala-block-template-part > .wp-block-group > * {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.qala-block-template-part.block-template-part-wc-single-product__after-add-to-cart {
  max-width: 100%;
}
.qala-block-template-part.block-template-part-wc-single-product__after-add-to-cart > .wp-block-group > * {
  padding: 0;
}

.block-template-part-posts--home__before-archive-content > .wp-block-group {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

/**
 * This is the default styling for this area. The entire archive header area should be restructured someday
 * but that is beyond the scope of this project/ticket.
 *
 */
.block-template-part-posts--archive__before-blog-content h1 {
  margin-bottom: 0;
  font-size: 2.25rem;
}
.block-template-part-posts--archive__before-blog-content ~ .archive-wrapper {
  padding-top: 1.25rem;
}

.block-template-part-posts--home__before-blog-content > .wp-block-group {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.wp-block-group--circle-container .wp-block-group--circle {
  aspect-ratio: 1/1;
}

/**
 * This is used in javascript/BlockEditor/coreBlocksFullBlockLink.js
 * A user can make the whole column or group clickable, because the CSS makes the first link
 * in the block full width and height. E.g. in our spotlight pattern you could toggle full block link
 * on the column and make the button link at the bottom 100% height and width of the column.
 *
 */
.full-block-link {
  position: relative;
}
.full-block-link a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  top: 0;
  left: 0;
}

.team-zoom-overlay {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.team-zoom-overlay:hover img, .team-zoom-overlay:focus img {
  transform: scale(1.2);
}
.team-zoom-overlay:hover figure:after, .team-zoom-overlay:focus figure:after {
  background-color: rgba(53, 69, 157, 0.3137254902);
}
.team-zoom-overlay > :last-child {
  margin-top: auto;
  margin-bottom: 1em;
}
.team-zoom-overlay img {
  transition: transform 1.5s;
  will-change: transform;
  width: 100%;
}
.team-zoom-overlay figure {
  position: relative;
  overflow: hidden;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.team-zoom-overlay figure:after {
  content: "";
  background-color: transparent;
  transition: background-color 1.5s;
  display: block;
  position: absolute;
  inset: 0;
}

.samarbetspartners-group {
  box-shadow: 0 5px 30px -5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}

.k-product-card.wc-block-product-template__responsive.columns-3 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
  row-gap: 2rem;
}
.k-product-card > li {
  border-radius: 15px;
  box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.2);
  padding-bottom: 15px;
  display: flex;
  flex-direction: column;
}
.k-product-card > li > *:not(.wc-block-components-product-image, .wp-block-woocommerce-product-image) {
  padding-left: 15px;
  padding-right: 15px;
}
.k-product-card .wp-block-woocommerce-product-image,
.k-product-card .wc-block-components-product-image {
  position: relative;
  aspect-ratio: 1;
}
.k-product-card.k-product-card--all-courses .wp-block-woocommerce-product-image,
.k-product-card.k-product-card--all-courses .wc-block-components-product-image {
  aspect-ratio: 3/2;
}
.k-product-card .attachment-woocommerce_single,
.k-product-card .wc-block-components-product-image img {
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  border-top-left-radius: 15px !important; /* stylelint-disable-line declaration-no-important */
  border-top-right-radius: 15px !important; /* stylelint-disable-line declaration-no-important */
}

.k-product-card-home > li {
  border-radius: 20px;
  box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  background-color: var(--wp--preset--color--white);
}
.k-product-card-home > li .wp-block-group {
  align-self: stretch;
}
.k-product-card-home > li > *:not(.wp-block-woocommerce-product-image) {
  padding-left: 15px;
  padding-right: 15px;
}
.k-product-card-home .wp-block-woocommerce-product-image {
  position: relative;
  aspect-ratio: 1;
}
.k-product-card-home .wp-block-woocommerce-product-image img {
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  width: 100%;
  height: 100%;
}

.k-buttons {
  margin-top: auto;
  align-items: stretch;
  display: grid !important; /* stylelint-disable-line declaration-no-important */
  grid-template-columns: repeat(2, minmax(min-content, 1fr));
}
.k-buttons .wp-block-button__link.wp-element-button {
  height: 100%;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.k-buttons .wp-block-button {
  width: 100%;
  height: 100%;
}
.k-buttons .add_to_cart_button {
  font-size: var(--wp--preset--font-size--step-0) !important; /* stylelint-disable-line declaration-no-important */
}

.krogarna-card {
  border-radius: 15px;
  box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.2);
  padding-bottom: 15px;
}
.krogarna-card > *:not(.wp-block-image) {
  padding-left: 15px;
  padding-right: 15px;
}
.krogarna-card .wp-block-image img {
  width: 100%;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

/* stylelint-disable declaration-no-important */
.home-logos-gallery.wp-block-gallery {
  flex-flow: row nowrap;
  position: relative;
  gap: 0 !important;
  align-items: center !important;
  height: 110px !important;
  margin-top: 4rem;
}
.home-logos-gallery.wp-block-gallery figure,
.home-logos-gallery.wp-block-gallery img {
  width: 55px !important;
  height: 55px !important;
}
.home-logos-gallery.wp-block-gallery figure {
  --multiplier: 27px;
  position: absolute !important;
  right: 0;
  margin: 0 !important;
}
.home-logos-gallery.wp-block-gallery figure:nth-of-type(10) {
  right: var(--multiplier);
  z-index: 1;
}
.home-logos-gallery.wp-block-gallery figure:nth-of-type(9) {
  right: calc(var(--multiplier) * 2);
  z-index: 2;
}
.home-logos-gallery.wp-block-gallery figure:nth-of-type(8) {
  right: calc(var(--multiplier) * 3);
  z-index: 3;
}
.home-logos-gallery.wp-block-gallery figure:nth-of-type(7) {
  right: calc(var(--multiplier) * 4);
  z-index: 4;
}
.home-logos-gallery.wp-block-gallery figure:nth-of-type(6) {
  right: calc(var(--multiplier) * 5);
  z-index: 5;
}
.home-logos-gallery.wp-block-gallery figure:nth-of-type(5) {
  right: calc(var(--multiplier) * 6);
  z-index: 6;
}
.home-logos-gallery.wp-block-gallery figure:nth-of-type(4) {
  right: calc(var(--multiplier) * 7);
  z-index: 7;
}
.home-logos-gallery.wp-block-gallery figure:nth-of-type(3) {
  right: calc(var(--multiplier) * 8);
  z-index: 8;
}
.home-logos-gallery.wp-block-gallery figure:nth-of-type(2) {
  right: calc(var(--multiplier) * 9);
  z-index: 9;
}
.home-logos-gallery.wp-block-gallery figure:nth-of-type(1) {
  right: calc(var(--multiplier) * 10);
  z-index: 10;
}

/* stylelint-enable */
.wp-social-link button {
  background-color: inherit;
  border-radius: inherit;
  border: 0;
  display: inline-flex;
  padding: 0.75em;
}
.wp-social-link button:active, .wp-social-link button:hover, .wp-social-link button:focus {
  border-radius: inherit;
  border: 0;
}

/**
 * Adapted from the brilliant Adam Argyle @argyleink
 * https://nerdy.dev/open-and-close-transitions-for-the-details-element
 */
.wp-block-details::details-content { /* stylelint-disable-line selector-pseudo-element-no-unknown */
  opacity: 0;
  block-size: 0;
  overflow-y: clip;
  transition: content-visibility 0.35s allow-discrete, opacity 0.35s, block-size 0.35s;
}
.wp-block-details > :last-child {
  margin-bottom: 0;
}
.wp-block-details > summary {
  transition: margin-bottom 0.35s;
  list-style: none;
}
.wp-block-details > summary ::-webkit-details-marker {
  display: none;
}
.wp-block-details > summary:before {
  content: "►";
  margin-right: 0.75rem;
  font-size: 0.8em;
  transition: transform 0.35s;
  display: inline-block;
}
.wp-block-details[open] {
  margin-bottom: 1.5rem;
}
.wp-block-details[open]::details-content { /* stylelint-disable-line selector-pseudo-element-no-unknown */
  opacity: 1;
  block-size: auto;
}
.wp-block-details[open] > summary {
  margin-bottom: 1.5rem;
}
.wp-block-details[open] > summary:before {
  transform: rotate(90deg);
}

.ld-course-list-items .ld_course_grid .entry-title {
  font-size: var(--wp--preset--font-size--step-1);
}

.ld-course-list-items .ld_course_grid .thumbnail.course {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.ld-course-list-items .ld_course_grid {
  display: flex;
}

.ld-course-list-items .ld_course_grid .thumbnail .caption {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: inherit;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
/*
 * === Element ===
 *
 * This layer should contain styling for html elements.
 * NO CLASS DECLARATIONS PERMITTED IN THIS LAYER
 * DISCLAIMER: There are currently some classes extending on element styling present, but this is the only exeption.
 *
 */
.guides {
  counter-reset: guide-number;
  margin-top: -20px;
  justify-content: center;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.guide {
  counter-increment: guide-number;
  margin-top: 20px;
}

.guide-inner {
  border: solid 2px var(--wp--preset--color--base-100);
  padding: 30px 15px;
}

.guide-number {
  display: block;
}
.guide-number:before {
  content: "0" counter(guide-number);
}

.guide-number,
.guide-icon {
  margin-top: 0;
  margin-bottom: 5px;
  text-align: center;
}

.guide-icon img {
  max-width: 32px;
}

.guide-heading {
  color: var(--wp--preset--color--primary-500);
  text-align: center;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 4px;
}

.guide-paragraph {
  text-align: center;
  margin-bottom: 0;
  margin-top: 0;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.text-and-image {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.text-and-image .image-right {
  flex-direction: row-reverse;
}
.text-and-image .image-column {
  padding-bottom: 15px;
}
.text-and-image .text-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-basis: 100%;
  max-width: 100%;
}
.text-and-image .text-column .module-heading,
.text-and-image .text-column p {
  text-align: center;
  width: 100%;
}
.text-and-image .text-column .module-heading {
  margin: 0;
}
.text-and-image .text-column p {
  margin: 0.5em 0 0.9em;
}
.text-and-image .text-column .full-width-button-container {
  width: 100%;
}
.text-and-image .icons-list {
  margin: 1rem 0;
  width: 100%;
}
.text-and-image .icons-list__item {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.875rem;
}
.text-and-image .icons-list__item-icon-wrap {
  flex-basis: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.text-and-image .icons-list__item-icon-wrap svg, .text-and-image .icons-list__item-icon-wrap img {
  max-width: 22px;
}
.text-and-image .icons-list__item-content-wrap {
  flex-basis: calc(100% - 36px);
  padding-left: 0.75rem;
}
.text-and-image .icons-list__item-subtitle, .text-and-image .icons-list__item-title {
  display: block;
  font-size: 0.875rem;
}
.text-and-image .icons-list__item-title {
  font-weight: 600;
}
.text-and-image .icons-list__item-subtitle {
  font-weight: 300;
  line-height: 1.2;
}

.text-and-image.light {
  background-color: var(--wp--preset--color--white);
}
.text-and-image.light .text-column .module-heading,
.text-and-image.light .text-column p {
  color: var(--wp--preset--color--black);
}
.text-and-image.light .icons-list__item-icon-wrap {
  background-color: var(--wp--preset--color--primary-variant-midnight);
}
.text-and-image.light .icons-list__item-icon-wrap svg,
.text-and-image.light .icons-list__item-icon-wrap path {
  fill: var(--wp--preset--color--white);
}
.text-and-image.light .cta-primary {
  background-color: var(--wp--preset--color--secondary-600);
  border: 2px solid var(--wp--preset--color--secondary-600);
  color: var(--wp--preset--color--primary-600);
}
.text-and-image.light .cta-primary:hover, .text-and-image.light .cta-primary:focus {
  border: 2px solid var(--wp--preset--color--secondary-600);
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--primary-600);
}
.text-and-image.light .cta-primary:focus-visible {
  outline: 3px solid #91cba8;
  border: 2px solid var(--wp--preset--color--secondary-600);
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--primary-600);
}
.text-and-image.light .cta-primary:active, .text-and-image.light .cta-primary:active:focus, .text-and-image.light .cta-primary.is-active {
  border: 2px solid var(--wp--preset--color--secondary-600);
  background-color: var(--wp--preset--color--secondary-600);
  color: var(--wp--preset--color--primary-600);
}
.text-and-image.light .cta-primary:disabled, .text-and-image.light .cta-primary:disabled:hover {
  color: var(--wp--preset--color--secondary-200) !important;
  background-color: var(--wp--preset--color--secondary-100) !important;
  border-color: var(--wp--preset--color--secondary-100) !important;
}
.text-and-image.light .cta-secondary {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
  color: var(--wp--preset--color--base-1000);
  border-bottom: 2px solid var(--wp--preset--color--base-1000);
  position: relative;
}
.text-and-image.light .cta-secondary:hover, .text-and-image.light .cta-secondary:focus {
  border: 0;
  background-color: transparent;
  border-bottom: 2px solid var(--wp--preset--color--base-500);
  color: var(--wp--preset--color--base-500);
}
.text-and-image.light .cta-secondary:focus-within {
  outline: 3px solid #91cba8;
  border-radius: 0.25rem;
  background-color: transparent;
  border-bottom: 2px solid var(--wp--preset--color--base-500);
  color: var(--wp--preset--color--base-500);
}
.text-and-image.light .cta-secondary:active, .text-and-image.light .cta-secondary:active:focus, .text-and-image.light .cta-secondary.is-active {
  border: 0;
  border-bottom: 2px solid var(--wp--preset--color--base-600);
  background-color: transparent;
  color: var(--wp--preset--color--base-600);
}
.text-and-image.light .cta-secondary:disabled, .text-and-image.light .cta-secondary:disabled:hover {
  color: var(--wp--preset--color--base-500) !important;
  background-color: transparent !important;
  border-color: var(--wp--preset--color--base-500) !important;
}

.text-and-image.dark {
  background-color: var(--wp--preset--color--primary-variant-midnight);
}
.text-and-image.dark .text-column .module-heading,
.text-and-image.dark .text-column p {
  color: var(--wp--preset--color--white);
}
.text-and-image.dark .icons-list__item-subtitle,
.text-and-image.dark .icons-list__item-title {
  color: var(--wp--preset--color--white);
}
.text-and-image.dark .icons-list__item-icon-wrap {
  background-color: var(--wp--preset--color--white);
}
.text-and-image.dark .icons-list__item-icon-wrap svg,
.text-and-image.dark .icons-list__item-icon-wrap path {
  fill: var(--wp--preset--color--primary-variant-midnight);
}
.text-and-image.dark .cta-primary {
  background-color: var(--wp--preset--color--primary-500);
  border: 2px solid var(--wp--preset--color--primary-500);
  border-radius: 0.25rem;
  display: inline-block;
  color: var(--wp--preset--color--white);
  transition: all 0.4s ease;
  padding: 0.75rem 1.5rem;
  text-transform: none;
  font-weight: 500;
  cursor: pointer;
  letter-spacing: 0;
  text-decoration: none;
  text-decoration-color: transparent;
  outline-color: transparent;
  line-height: 1.1;
  -webkit-font-smoothing: initial;
  outline-offset: 0;
  font-size: clamp(0.875rem, 0.875rem + (1vw - 0.225rem) * 0.2419354839, 1.0625rem); /* stylelint-disable-line max-line-length */
}
.text-and-image.dark .cta-primary:hover, .text-and-image.dark .cta-primary:focus {
  box-shadow: none;
  border: 2px solid var(--wp--preset--color--primary-400);
  background-color: var(--wp--preset--color--primary-400);
  color: var(--wp--preset--color--white);
  text-decoration: none;
  text-decoration-color: transparent;
}
.text-and-image.dark .cta-primary:focus-visible {
  outline: 2px solid #91cba8;
  border: 2px solid var(--wp--preset--color--primary-400);
  background-color: var(--wp--preset--color--primary-400);
  color: var(--wp--preset--color--white);
}
.text-and-image.dark .cta-primary:active, .text-and-image.dark .cta-primary:active:focus, .text-and-image.dark .cta-primary.is-active {
  border: 2px solid var(--wp--preset--color--primary-600);
  background-color: var(--wp--preset--color--primary-600);
  color: var(--wp--preset--color--white);
}
.text-and-image.dark .cta-primary:disabled, .text-and-image.dark .cta-primary:disabled:hover {
  box-shadow: none;
  color: var(--wp--preset--color--primary-400) !important;
  background-color: var(--wp--preset--color--primary-500) !important;
  border-color: var(--wp--preset--color--primary-500) !important;
  cursor: not-allowed;
}
.text-and-image.dark .cta-primary:focus:not(:focus-visible) {
  outline: none !important; /* [1] */
}
.text-and-image.dark .cta-secondary {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
  color: var(--wp--preset--color--primary-500);
  position: relative;
  border-bottom: 2px solid var(--wp--preset--color--primary-500);
}
.text-and-image.dark .cta-secondary:hover, .text-and-image.dark .cta-secondary:focus {
  border: 0;
  background-color: transparent;
  border-bottom: 2px solid var(--wp--preset--color--primary-300);
  color: var(--wp--preset--color--primary-400);
}
.text-and-image.dark .cta-secondary:focus-visible {
  outline: 2px solid #91cba8;
  background-color: transparent;
  border-bottom: 2px solid var(--wp--preset--color--primary-300);
  color: var(--wp--preset--color--primary-400);
}
.text-and-image.dark .cta-secondary:focus-within {
  border-radius: 0.25rem;
}
.text-and-image.dark .cta-secondary:active, .text-and-image.dark .cta-secondary:active:focus, .text-and-image.dark .cta-secondary.is-active {
  border: 0;
  border-bottom: 2px solid var(--wp--preset--color--primary-600);
  background-color: transparent;
  color: var(--wp--preset--color--primary-600);
}
.text-and-image.dark .cta-secondary:disabled, .text-and-image.dark .cta-secondary:disabled:hover {
  color: var(--wp--preset--color--primary-200) !important;
  background-color: transparent !important;
  border-color: var(--wp--preset--color--primary-200) !important;
}

.text-and-image.background-image {
  position: relative;
}
.text-and-image.background-image .text-and-image__background-image img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.text-and-image.background-image .container {
  position: relative;
  z-index: 1;
}
.text-and-image.background-image .text-column {
  margin: -38px 48px 0;
  padding: 3em 30px;
}
.text-and-image.background-image .text-column.dark {
  background-color: var(--wp--preset--color--primary-variant-midnight);
}
.text-and-image.background-image .text-column.light {
  background-color: var(--wp--preset--color--white);
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.text-module-wrapper {
  position: relative;
  overflow: hidden;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.text-module-wrapper p {
  max-width: 100%;
}
.text-module-wrapper .module-heading {
  margin-top: 0;
}
.text-module-wrapper .text-module-pattern svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.text-module-wrapper .text-module-pattern.text-module-pattern-desktop {
  display: none;
}
.text-module-wrapper .text-module-pattern.text-module-pattern-mobile {
  display: block;
}
.text-module-wrapper.light {
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--black);
}
.text-module-wrapper.light .module-heading,
.text-module-wrapper.light p {
  color: var(--wp--preset--color--black);
}
.text-module-wrapper.light .text-module-pattern svg {
  opacity: 0.3;
}
.text-module-wrapper.dark {
  background-color: var(--wp--preset--color--primary-variant-midnight);
  color: var(--wp--preset--color--white);
}
.text-module-wrapper.dark .module-heading,
.text-module-wrapper.dark a,
.text-module-wrapper.dark p {
  color: var(--wp--preset--color--white);
}
.text-module-wrapper.dark .cta-secondary {
  background-color: rgba(255, 255, 255, 0.12);
  border: 2px solid var(--wp--preset--color--white);
  color: var(--wp--preset--color--white);
}
.text-module-wrapper.dark .cta-secondary:hover, .text-module-wrapper.dark .cta-secondary:focus {
  border: 2px solid var(--wp--preset--color--white);
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--primary-500);
}
.text-module-wrapper.dark .cta-secondary:focus-visible {
  outline: 3px solid #91cba8;
  border: 2px solid var(--wp--preset--color--white);
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--primary-500);
}
.text-module-wrapper.dark .cta-secondary:active, .text-module-wrapper.dark .cta-secondary:active:focus, .text-module-wrapper.dark .cta-secondary.is-active {
  border: 2px solid transparent;
  background-color: var(--wp--preset--color--primary-100);
  color: var(--wp--preset--color--primary-500);
}
.text-module-wrapper.dark .cta-secondary:disabled, .text-module-wrapper.dark .cta-secondary:disabled:hover {
  color: var(--wp--preset--color--base-400) !important;
  background-color: transparent !important;
  border-color: var(--wp--preset--color--base-500) !important;
}
.text-module-wrapper .text-module-left {
  z-index: 5;
}
.text-module-wrapper .text-module-left p:first-of-type {
  margin-top: 0;
}
.text-module-wrapper .text-module-left-column {
  z-index: 5;
  padding-bottom: 15px;
}
.text-module-wrapper .text-module {
  text-align: center;
  justify-content: center;
  display: flex;
  z-index: 5;
}
.text-module-wrapper .text-module p {
  margin-top: 0;
}
.text-module-wrapper .text-module .module-heading {
  width: 100%;
  margin-bottom: 0.5em;
}
.text-module-wrapper .text-module .text-module-content {
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.text-module-wrapper .module-button-container {
  width: auto;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.faq-wrapper {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.faq-wrapper .faq-terms {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin-bottom: 38px;
}
.faq-wrapper .faq-terms .btn {
  text-align: center;
}
.faq-wrapper.light {
  background-color: var(--wp--preset--color--white);
}
.faq-wrapper.light .module-heading {
  color: var(--wp--preset--color--primary-500);
}
.faq-wrapper.light p {
  color: var(--wp--preset--color--black);
}
.faq-wrapper.dark {
  background-color: var(--wp--preset--color--primary-variant-midnight);
}
.faq-wrapper.dark .faq-terms a.btn {
  color: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--white);
}
.faq-wrapper.dark .faq-terms a.btn:active, .faq-wrapper.dark .faq-terms a.btn:active:focus, .faq-wrapper.dark .faq-terms a.btn:focus, .faq-wrapper.dark .faq-terms a.btn:hover {
  border-color: var(--wp--preset--color--primary-500);
}
.faq-wrapper.dark .product-block-counter:before {
  color: var(--wp--preset--color--primary-variant-chambray);
}
.faq-wrapper.dark .accordion-title:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7'%3E%3Cpath fill='none' fill-rule='nonzero' stroke='%23fff' d='M.773.876l4.95 4.95 4.95-4.95'/%3E%3C/svg%3E%0A");
}
.faq-wrapper.dark .module-heading,
.faq-wrapper.dark .product-block-content h2,
.faq-wrapper.dark .product-block-content h2:after,
.faq-wrapper.dark .product-block-content h1.module-heading:after,
.faq-wrapper.dark li,
.faq-wrapper.dark p {
  color: var(--wp--preset--color--white);
}
.faq-wrapper.dark .product-block {
  border-color: var(--wp--preset--color--primary-variant-chambray);
}

.archive-button-wrapper {
  display: flex;
  justify-content: center;
}
.archive-button-wrapper .btn {
  width: 100%;
  text-align: center;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.ac-module-shop-categories .shop-categories-wrapper {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.ac-module-shop-categories .shop-categories-wrapper.light {
  background-color: var(--wp--preset--color--white);
}
.ac-module-shop-categories .shop-categories-wrapper.dark {
  background-color: var(--wp--preset--color--primary-variant-midnight);
}
.ac-module-shop-categories .shop-category-item-link {
  display: block;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  background: var(--wp--preset--color--white);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  transform: translateY(-50%);
  border: 0;
  color: var(--wp--preset--color--base-900);
  line-height: 1;
  letter-spacing: 0;
  padding: 16px;
  font-weight: 400;
  font-size: 0.6875rem;
}
.ac-module-shop-categories .shop-category-item-link:hover, .ac-module-shop-categories .shop-category-item-link:focus {
  color: var(--wp--preset--color--primary-variant-chambray);
}
.ac-module-shop-categories .shop-category-item-link.arrow-style-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ac-module-shop-categories .shop-category-item-link.arrow-style-button svg {
  transition: transform 0.2s linear;
}
.ac-module-shop-categories .shop-category-item-link.arrow-style-button svg path {
  fill: var(--wp--preset--color--primary-500);
}
.ac-module-shop-categories .col-m-6 .shop-category-item-link {
  padding: 26px;
}
.ac-module-shop-categories .shop-category-item:hover .arrow-style-button svg {
  transform: translateX(5px);
  transition: transform 0.2s linear;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.information-bar-wrapper {
  padding: 16px 0 18px;
}
.information-bar-wrapper.light {
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--black);
}
.information-bar-wrapper.dark {
  background-color: var(--wp--preset--color--primary-variant-midnight);
  color: var(--wp--preset--color--white);
}
.information-bar-wrapper img {
  max-height: 16px;
}
.information-bar-wrapper p {
  margin: 0;
  text-align: center;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.wp-block-qala-blocks-testimonials {
  max-width: var(--wp--custom--content-size);
  margin-left: auto;
  margin-right: auto;
}

.testimonials {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.testimonial {
  padding: 5px 15px 15px;
}

.testimonial-inner {
  padding: 25px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  color: var(--wp--preset--color--black);
}

.testimonial-quote {
  border-left: 0;
  position: relative;
  line-height: 25px;
}
.testimonial-quote:before {
  content: "”";
  font-weight: 500;
  color: var(--wp--preset--color--primary-variant-botticelli);
  position: absolute;
  top: -15px;
  font-size: 4rem;
}
.testimonial-quote p {
  letter-spacing: 0;
  font-weight: 300;
  padding: 0;
  font-size: 0.9375rem;
}

.testimonial-person {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding-top: 1rem;
  border-top: 1px dotted rgba(0, 0, 0, 0.12);
  color: var(--wp--preset--color--base-500);
}

.testimonial-person-image {
  border-radius: 100px;
  margin-right: 1rem;
}
.testimonial-person-image img {
  height: 32px;
  width: 32px;
  border-radius: 50%;
}

.testimonial-person-info {
  flex: 1;
}
.testimonial-person-info p {
  line-height: 1.54;
  margin: 0;
  font-weight: 500;
  font-size: 0.75rem;
}

.ac-module-accordion__wrapper {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
/* stylelint-disable selector-max-id, declaration-no-important */
#cookie-law-info-bar {
  background-color: var(--wp--preset--color--base-900) !important;
  color: var(--wp--preset--color--white) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#cookie-law-info-bar .cli-style-v2 {
  line-height: normal;
}
#cookie-law-info-bar .cli-bar-message {
  width: 100%;
  flex-grow: 1;
  font-weight: 300;
  margin-top: 0.625em;
  margin-bottom: 0.625em;
  font-size: 0.75rem;
}
#cookie-law-info-bar .cli-bar-btn_container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
#cookie-law-info-bar .cli-bar-btn_container a {
  background-color: var(--wp--preset--color--primary-500);
  border: 2px solid var(--wp--preset--color--primary-500);
  border-radius: 0.25rem;
  display: inline-block;
  color: var(--wp--preset--color--white);
  transition: all 0.4s ease;
  padding: 0.75rem 1.5rem;
  text-transform: none;
  font-weight: 500;
  cursor: pointer;
  letter-spacing: 0;
  text-decoration: none;
  text-decoration-color: transparent;
  outline-color: transparent;
  line-height: 1.1;
  -webkit-font-smoothing: initial;
  outline-offset: 0;
  font-size: clamp(0.875rem, 0.875rem + (1vw - 0.225rem) * 0.2419354839, 1.0625rem); /* stylelint-disable-line max-line-length */
}
#cookie-law-info-bar .cli-bar-btn_container a:hover, #cookie-law-info-bar .cli-bar-btn_container a:focus {
  box-shadow: none;
  border: 2px solid var(--wp--preset--color--primary-400);
  background-color: var(--wp--preset--color--primary-400);
  color: var(--wp--preset--color--white);
  text-decoration: none;
  text-decoration-color: transparent;
}
#cookie-law-info-bar .cli-bar-btn_container a:focus-visible {
  outline: 2px solid #91cba8;
  border: 2px solid var(--wp--preset--color--primary-400);
  background-color: var(--wp--preset--color--primary-400);
  color: var(--wp--preset--color--white);
}
#cookie-law-info-bar .cli-bar-btn_container a:active, #cookie-law-info-bar .cli-bar-btn_container a:active:focus, #cookie-law-info-bar .cli-bar-btn_container a.is-active {
  border: 2px solid var(--wp--preset--color--primary-600);
  background-color: var(--wp--preset--color--primary-600);
  color: var(--wp--preset--color--white);
}
#cookie-law-info-bar .cli-bar-btn_container a:disabled, #cookie-law-info-bar .cli-bar-btn_container a:disabled:hover {
  box-shadow: none;
  color: var(--wp--preset--color--primary-400) !important;
  background-color: var(--wp--preset--color--primary-500) !important;
  border-color: var(--wp--preset--color--primary-500) !important;
  cursor: not-allowed;
}
#cookie-law-info-bar .cli-bar-btn_container a:focus:not(:focus-visible) {
  outline: none !important; /* [1] */
}
#cookie-law-info-bar .cli-bar-btn_container a {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}
#cookie-law-info-bar .cookie_action_close_header {
  color: var(--wp--preset--color--white) !important;
  background-color: var(--wp--preset--color--primary-500) !important;
  line-height: normal;
  order: 1;
  margin-bottom: 16px;
}
#cookie-law-info-bar .cli_settings_button {
  background-color: transparent;
  border: 2px solid var(--wp--preset--color--primary-500);
  color: var(--wp--preset--color--primary-500);
}
#cookie-law-info-bar .cli_settings_button:hover, #cookie-law-info-bar .cli_settings_button:focus {
  border: 2px solid var(--wp--preset--color--primary-400);
  background-color: var(--wp--preset--color--primary-400);
  color: var(--wp--preset--color--white);
}
#cookie-law-info-bar .cli_settings_button:focus-visible {
  outline: 3px solid #91cba8;
  border: 2px solid var(--wp--preset--color--primary-400);
  background-color: var(--wp--preset--color--primary-400);
  color: var(--wp--preset--color--white);
}
#cookie-law-info-bar .cli_settings_button:active, #cookie-law-info-bar .cli_settings_button:active:focus, #cookie-law-info-bar .cli_settings_button.is-active {
  border: 2px solid var(--wp--preset--color--primary-600);
  background-color: var(--wp--preset--color--primary-600);
  color: var(--wp--preset--color--white);
}
#cookie-law-info-bar .cli_settings_button:disabled, #cookie-law-info-bar .cli_settings_button:disabled:hover {
  color: var(--wp--preset--color--base-500) !important;
  background-color: transparent !important;
  border-color: var(--wp--preset--color--base-500) !important;
}
#cookie-law-info-bar .cli_settings_button {
  margin-left: 0 !important;
  margin-right: 0 !important;
  order: 2;
  color: var(--wp--preset--color--white) !important;
  border-color: var(--wp--preset--color--white) !important;
}

.cli-modal .cli-tab-footer .wt-cli-privacy-accept-btn {
  background-color: var(--wp--preset--color--primary-500);
  border: 2px solid var(--wp--preset--color--primary-500);
  border-radius: 0.25rem;
  display: inline-block;
  color: var(--wp--preset--color--white);
  transition: all 0.4s ease;
  padding: 0.75rem 1.5rem;
  text-transform: none;
  font-weight: 500;
  cursor: pointer;
  letter-spacing: 0;
  text-decoration: none;
  text-decoration-color: transparent;
  outline-color: transparent;
  line-height: 1.1;
  -webkit-font-smoothing: initial;
  outline-offset: 0;
  font-size: clamp(0.875rem, 0.875rem + (1vw - 0.225rem) * 0.2419354839, 1.0625rem); /* stylelint-disable-line max-line-length */
}
.cli-modal .cli-tab-footer .wt-cli-privacy-accept-btn:hover, .cli-modal .cli-tab-footer .wt-cli-privacy-accept-btn:focus {
  box-shadow: none;
  border: 2px solid var(--wp--preset--color--primary-400);
  background-color: var(--wp--preset--color--primary-400);
  color: var(--wp--preset--color--white);
  text-decoration: none;
  text-decoration-color: transparent;
}
.cli-modal .cli-tab-footer .wt-cli-privacy-accept-btn:focus-visible {
  outline: 2px solid #91cba8;
  border: 2px solid var(--wp--preset--color--primary-400);
  background-color: var(--wp--preset--color--primary-400);
  color: var(--wp--preset--color--white);
}
.cli-modal .cli-tab-footer .wt-cli-privacy-accept-btn:active, .cli-modal .cli-tab-footer .wt-cli-privacy-accept-btn:active:focus, .cli-modal .cli-tab-footer .wt-cli-privacy-accept-btn.is-active {
  border: 2px solid var(--wp--preset--color--primary-600);
  background-color: var(--wp--preset--color--primary-600);
  color: var(--wp--preset--color--white);
}
.cli-modal .cli-tab-footer .wt-cli-privacy-accept-btn:disabled, .cli-modal .cli-tab-footer .wt-cli-privacy-accept-btn:disabled:hover {
  box-shadow: none;
  color: var(--wp--preset--color--primary-400) !important;
  background-color: var(--wp--preset--color--primary-500) !important;
  border-color: var(--wp--preset--color--primary-500) !important;
  cursor: not-allowed;
}
.cli-modal .cli-tab-footer .wt-cli-privacy-accept-btn:focus:not(:focus-visible) {
  outline: none !important; /* [1] */
}
.cli-modal .cli-switch input:checked + .cli-slider {
  background-color: var(--wp--preset--color--primary-500);
}
.cli-modal .cli-tab-section {
  margin: 0;
  border-bottom: 1px solid var(--wp--preset--color--base-500);
}
.cli-modal .cli-tab-container .cli-row {
  max-height: 85vh;
}
.cli-modal .cli-tab-header {
  background: none;
  border-radius: 0;
  padding-top: 24px;
  padding-bottom: 24px;
}
.cli-modal .cli-tab-header a.cli-nav-link {
  font-weight: 500;
  font-size: 1.125rem;
}

.cli-modal.cli-blowup .cli-modal-dialog {
  animation: slide-right 0.5s forwards;
  margin: 0;
  min-height: 100vh;
}
.cli-modal.cli-blowup .cli-modal-dialog .cli-modal-content {
  min-height: 100vh;
  border-radius: 0;
}
.cli-modal.cli-blowup .cli-modal-dialog span.cli-necessary-caption {
  color: var(--wp--preset--color--primary-500);
  display: flex;
  align-items: center;
}
.cli-modal.cli-blowup .cli-modal-dialog span.cli-necessary-caption:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.0347 5.83382C14.833 5.83973 14.6415 5.92429 14.5008 6.06962L8.3198 12.2826L5.50382 9.45207C5.43226 9.37716 5.34656 9.31735 5.25172 9.27615C5.15688 9.23495 5.05482 9.21319 4.95151 9.21213C4.8482 9.21107 4.74572 9.23075 4.65006 9.27C4.55441 9.30926 4.46751 9.3673 4.39446 9.44074C4.3214 9.51417 4.26366 9.60152 4.22461 9.69766C4.18556 9.79381 4.16598 9.89682 4.16703 10.0007C4.16808 10.1045 4.18974 10.2071 4.23072 10.3024C4.27171 10.3978 4.33121 10.4839 4.40574 10.5558L7.77076 13.9383C7.9164 14.0846 8.11388 14.1668 8.3198 14.1668C8.52572 14.1668 8.72321 14.0846 8.86884 13.9383L15.5989 7.17339C15.7109 7.06371 15.7874 6.9226 15.8183 6.76851C15.8492 6.61443 15.8332 6.45455 15.7722 6.30979C15.7112 6.16504 15.6082 6.04216 15.4766 5.95723C15.345 5.87231 15.191 5.82929 15.0347 5.83382Z' fill='%235483bf'/%3E%3C/svg%3E%0A");
}

.cli-modal.cli-blowup.cli-out .cli-modal-dialog {
  animation: slide-right 0.2s reverse;
}

.cli-modal-backdrop {
  z-index: 2500;
}

/* stylelint-enable */
.ac-modules__full-width .container, .ac-modules__full-width.container {
  margin: 0;
  width: 100%;
  max-width: none;
}

.entry-content > * {
  max-width: var(--wp--custom--content-size);
  margin-right: auto;
  margin-left: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.entry-content > *.woocommerce, .entry-content > *.alignwide {
  max-width: var(--wp--custom--wide-size);
}
.entry-content > *.alignfull {
  padding-left: unset;
  padding-right: unset;
  max-width: unset;
}
.entry-content > *.alignfull.wp-block-group > .wp-block-group:not(.alignfull) {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.wp-block-cover.is-light:has(> .has-black-background-color),
.wp-block-cover.is-light .has-black-background-color ~ .wp-block-cover__inner-container,
.wp-block-cover.is-light:has(> .has-background-dim),
.wp-block-cover.is-light .has-background-dim ~ .wp-block-cover__inner-container {
  color: #fff;
}

.wp-block-gallery {
  --wp--style--gallery-gap-default: 1em;
}
.text-and-media-pattern .wp-block-group > *:not(.wp-block-buttons) {
  max-width: 500px;
}
.text-and-media-pattern .wp-block-group > *:first-child {
  margin: 0;
}
.text-and-media-pattern .wp-block-group > *:first-child + * {
  margin: 0.75rem 0 1.5rem;
}
.text-and-media-pattern * {
  margin-left: 0;
}
.text-and-media-pattern.is-stacked-on-mobile .wp-block-media-text__media {
  padding: 2rem 0;
}

.cover-hero-pattern {
  padding: 2rem 1.5rem;
  min-height: unset;
}
.cover-hero-pattern.alignfull {
  width: unset;
}
.cover-hero-pattern .wp-block-cover__inner-container > *:first-child {
  margin-top: 0;
}

/* stylelint-disable max-nesting-depth */
.square-grid-pattern {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.square-grid-pattern:not(.block-editor-block-list__block) {
  display: grid;
  gap: 1em;
}
.square-grid-pattern:not(.block-editor-block-list__block) .wp-block-cover {
  min-height: auto;
  height: -moz-max-content;
  height: max-content;
  display: flex;
  align-items: stretch;
}
.square-grid-pattern:not(.block-editor-block-list__block) .wp-block-cover:after {
  content: "";
  padding-bottom: 100%;
}
.square-grid-pattern:not(.block-editor-block-list__block) .wp-block-cover .wp-block-cover__inner-container {
  height: unset;
}
.square-grid-pattern:not(.block-editor-block-list__block) .wp-block-cover__inner-container {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.square-grid-pattern:not(.block-editor-block-list__block) .wp-block-cover__inner-container .wp-block-buttons {
  position: absolute;
  bottom: 1rem;
}
.square-grid-pattern.block-editor-block-list__block .wp-block-group__inner-container {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
}
.square-grid-pattern.block-editor-block-list__block .wp-block-group__inner-container .wp-block-cover {
  flex: 1 0 49%;
  margin-top: 0;
}
.square-grid-pattern.block-editor-block-list__block .wp-block-group__inner-container .block-list-appender.wp-block {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.square-grid-pattern.block-editor-block-list__block .wp-block-group__inner-container .block-editor-rich-text__editable {
  width: 100%;
}

/* stylelint-enable max-nesting-depth */
.spotlight-pattern {
  padding: 0 30px;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.spotlight-pattern .wp-block-columns {
  gap: 1em;
}
.spotlight-pattern .spotlight-pattern__heading {
  margin-top: 0;
}
.spotlight-pattern .wp-block-column p {
  margin: 1rem 0 1.25rem;
}
.spotlight-pattern.alignfull {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

.product-list-with-cta-pattern {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.product-list-with-cta-pattern.has-background {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}
.product-list-with-cta-pattern .product-list-with-cta-pattern__heading {
  margin-top: 0;
  margin-bottom: 1.5rem;
}
.qala-newsletter-pattern .mc4wp-form .mc4wp-form-fields p:last-child {
  margin-bottom: 0;
}
.qala-newsletter-pattern .wp-block-columns {
  margin-bottom: unset;
}
.qala-newsletter-pattern h3 {
  margin-bottom: 0.5em;
}

.wp-block-column .nf-form-content {
  padding: 25px 0 0;
}

body.mceContentBody {
  height: auto;
  position: relative;
  margin: 10px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.qec-results__container {
  display: grid;
  gap: 0.5rem 0.5rem;
  margin: 0 0 4rem 0;
  padding-left: 0;
  will-change: transform;
}
.qec-results__container--mobile-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.qec-results__container--mobile-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.qec-results__container--mobile-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.qec-results__container--mobile-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.qec-results__container--mobile-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.qec-results__container--mobile-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.qec-results__product {
  position: relative;
  display: flex;
  flex-direction: column;
}
.qec-results__product:hover img, .qec-results__product:focus img {
  transform: var(--image-hover-transition-transform-scale-hover);
}
.qec-results__product .added_to_cart {
  align-self: flex-start;
}
.qec-results__product img {
  transition: var(--image-hover-transition-property) var(--image-hover-transition-duration) var(--image-hover-transition-timing-function);
  will-change: var(--image-hover-transition-property);
}
.qec-results__image-container {
  position: relative;
  height: 300px;
  width: 100%;
  overflow: hidden;
}
.qec-results__image-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.qec-results__generic-post-title {
  color: var(--wp--preset--color--base-1000);
  margin: 0;
  word-break: break-word;
}
.qec-results__generic-post-image-wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 66%;
  overflow: hidden;
}
.qec-results__generic-post-image-wrapper img:not(.qala-labels-wrapper *) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.qec-results__generic-product-title {
  padding: 0.5rem 0;
  margin: 0;
  font-weight: 500;
  text-transform: none;
  color: var(--wp--preset--color--base-800);
  word-break: break-word;
  font-size: clamp(0.875rem, 0.875rem + (1vw - 0.225rem) * 0.2419354839, 1.0625rem); /* stylelint-disable-line max-line-length */
}
.qec-results__generic-product-title a {
  color: var(--wp--preset--color--base-800);
}
.qec-results__price {
  margin-bottom: 2rem;
  color: var(--wp--preset--color--base-900);
  display: flex;
  justify-content: flex-start;
  font-size: clamp(0.8125rem, 0.8125rem + (1vw - 0.225rem) * 0.2419354839, 1rem); /* stylelint-disable-line max-line-length */
}
.qec-results__price ins {
  text-decoration: none;
}
.qec-results__price ins .woocommerce-Price-amount {
  color: #e71321;
  letter-spacing: 0;
}
.qec-results__price .woocommerce-Price-currencySymbol {
  margin-left: 3px;
}
.qec-results__price del .woocommerce-Price-amount {
  color: inherit;
  letter-spacing: 0;
}
.qec-results__price del {
  color: var(--wp--preset--color--base-900);
  margin-left: 0.5em;
  opacity: 1;
}
.qec-results__price .woocommerce-Price-amount {
  color: var(--wp--preset--color--base-900);
  font-family: var(--wp--preset--font-family--zalando-sans);
  letter-spacing: 0;
  font-weight: 300;
}
.qec-results__generic-product-button {
  align-self: flex-start;
}
.qec-results__button {
  margin-top: 1rem;
}
.qec-results__on-sale {
  position: absolute;
  pointer-events: none;
  border-radius: 0;
  top: 1.15em;
  right: auto;
  bottom: auto;
  left: 1.15em;
  margin: 0;
  min-height: auto;
  min-width: auto;
  line-height: normal;
  padding: 0.3em 0.77em;
  display: inline-table;
  font-weight: 500;
  color: var(--wp--preset--color--white);
  background-color: var(--wp--preset--color--primary-500);
  letter-spacing: 0;
  font-size: clamp(0.8125rem, 0.8125rem + (1vw - 0.225rem) * 0.2419354839, 1rem); /* stylelint-disable-line max-line-length */
}
.qec-results__object-type-selector {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}
.qec-results__object-type-selector button {
  padding: 0.5rem 1rem;
  border-radius: 40px;
}
.qec-results__post {
  display: flex;
  flex-direction: column;
  padding-bottom: 2rem;
  gap: 0.5rem;
}
.qec-results__post:hover img, .qec-results__post:focus img {
  transform: var(--image-hover-transition-transform-scale-hover);
}
.qec-results__post img {
  transition: var(--image-hover-transition-property) var(--image-hover-transition-duration) var(--image-hover-transition-timing-function);
  will-change: var(--image-hover-transition-property);
}
.qec-results__date {
  color: var(--wp--preset--color--base-500);
  font-size: clamp(0.8125rem, 0.8125rem + (1vw - 0.225rem) * 0.1612903226, 0.9375rem); /* stylelint-disable-line max-line-length */
}
.qec-results__excerpt {
  margin-bottom: 0;
  overflow: hidden;
  max-height: 3lh;
}
.qec-results__excerpt--no-image {
  max-height: 9lh;
}
.qec-results__generic-post-button {
  align-self: flex-start;
}
.qec-results__footer {
  margin-top: auto;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.qec-modern-product:hover img, .qec-modern-product:focus img {
  transform: var(--image-hover-transition-transform-scale-hover);
}
.qec-modern-product img {
  transition: var(--image-hover-transition-property) var(--image-hover-transition-duration) var(--image-hover-transition-timing-function);
  will-change: var(--image-hover-transition-property);
}
.qec-modern-product__image-container {
  border: 1px solid var(--wp--preset--color--base-200);
  overflow: hidden;
  height: 0;
  padding-top: 110%;
  position: relative;
}
.qec-modern-product__image-container img:not(.qala-labels-wrapper *) {
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: none !important;
}
.qec-modern-product__term {
  letter-spacing: 0.02rem;
  line-height: 1.25rem;
  margin-bottom: 0.5rem;
  font-size: clamp(0.75rem, 0.75rem + (1vw - 0.225rem) * 0.1612903226, 0.875rem); /* stylelint-disable-line max-line-length */
}
.qec-modern-product__hover-cta {
  position: absolute !important;
  border-radius: 0 !important;
  bottom: 0;
  padding: 1rem !important;
  width: 100%;
  text-align: center;
  transform: translateY(105%);
}
.qec-modern-product__title {
  margin: 0;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  line-height: 1.6rem;
  font-weight: 600;
  font-size: clamp(0.875rem, 0.875rem + (1vw - 0.225rem) * 0.2419354839, 1.0625rem); /* stylelint-disable-line max-line-length */
}
.qec-modern-product__sku {
  text-transform: uppercase;
  line-height: 2.0625rem;
  color: var(--wp--preset--color--base-600);
  font-size: clamp(0.75rem, 0.75rem + (1vw - 0.225rem) * 0.1612903226, 0.875rem); /* stylelint-disable-line max-line-length */
}
.qec-modern-product__price {
  margin-top: auto;
}
.qec-modern-product__price ins {
  text-decoration: none;
  margin-right: 0.5rem;
}
.qec-modern-product__price,
.qec-modern-product del {
  color: var(--wp--preset--color--base-900);
  font-weight: 400;
  line-height: 1rem;
  font-size: clamp(0.8125rem, 0.8125rem + (1vw - 0.225rem) * 0.2419354839, 1rem); /* stylelint-disable-line max-line-length */
}
.qec-modern-product__price .woocommerce-price-suffix,
.qec-modern-product del .woocommerce-price-suffix {
  color: var(--wp--preset--color--base-700);
  font-weight: 400;
  line-height: 2.0625rem;
  font-size: clamp(0.6875rem, 0.6875rem + (1vw - 0.225rem) * 0.1612903226, 0.8125rem); /* stylelint-disable-line max-line-length */
}
.qec-modern-product__stock {
  display: flex;
  width: 100%;
  align-items: center;
  position: relative;
  font-size: clamp(0.875rem, 0.875rem + (1vw - 0.225rem) * 0.1612903226, 1rem); /* stylelint-disable-line max-line-length */
}
.qec-modern-product__stock-dot {
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0.5rem;
  border-radius: 50%;
}
.qec-modern-product__stock-dot[data-has-stock=true] {
  background-color: rgba(65, 147, 98, 0.6666666667);
}
.qec-modern-product__stock-dot[data-has-stock=false] {
  background-color: #e71321;
}
.qec-modern-product__footer {
  margin-top: auto;
}
.qec-modern-product__on-sale {
  position: absolute;
  left: 1rem;
  top: 1rem;
  padding: 5px 14px;
  border-radius: 20px;
  background-color: #dc3a40;
  line-height: 1.5rem;
  color: var(--wp--preset--color--white);
  font-weight: 400;
  font-size: clamp(0.875rem, 0.875rem + (1vw - 0.225rem) * 0.2419354839, 1.0625rem); /* stylelint-disable-line max-line-length */
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
/*
 * === Element ===
 *
 * This layer should contain styling for html elements.
 * NO CLASS DECLARATIONS PERMITTED IN THIS LAYER
 * DISCLAIMER: There are currently some classes extending on element styling present, but this is the only exeption.
 *
 */
.editor-styles-wrapper .is-root-container .wp-block.is-reusable {
  max-width: none;
  width: 100%;
  position: relative;
  padding-top: 36px;
}
.editor-styles-wrapper .is-root-container .wp-block.is-reusable:after {
  content: "Reusable Block";
  position: absolute;
  top: 0;
  left: 0;
  padding: 6px;
  box-shadow: none;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background: rgba(65, 147, 98, 0.6666666667);
  color: var(--wp--preset--color--white);
}
.editor-styles-wrapper img:where([style*=border-width]), .editor-styles-wrapper img:where(.has-border-color) {
  border-style: solid;
}

.edit-post-visual-editor__post-title-wrapper > * {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.is-root-container > *.alignfull.wp-block-group > .wp-block-group:not(.alignfull) {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.is-root-container .wp-block-social-link-anchor {
  font-size: 0;
}

/* stylelint-disable declaration-no-important */
.is-root-container.block-editor-block-list__layout > *:not(.alignfull) {
  overflow-x: hidden;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.is-root-container.block-editor-block-list__layout > ul,
.is-root-container.block-editor-block-list__layout > ol {
  padding-left: calc(1.5rem + 15px) !important;
  padding-right: calc(1.5rem + 15px) !important;
}
.is-root-container.block-editor-block-list__layout > ul li,
.is-root-container.block-editor-block-list__layout > ol li {
  font-size: var(--wp--preset--font-size--step-0);
}

/* stylelint-enable */
.components-base-control__help {
  font-weight: 400;
}

/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
/*
 * === Settings ===
 *
 * This layer should contain fonts, color definitions, etc.
 * NO STYLE DECLARATIONS PERMITTED IN THIS LAYER
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
form.wsf-form,
form label.wsf-label,
form input[type=checkbox].wsf-field + label.wsf-label,
form input[type=radio].wsf-field + label.wsf-label,
form select.wsf-field,
form textarea.wsf-field,
form input.wsf-field[type],
form label a {
  color: var(--wp--preset--color--base-1000);
  line-height: 1.5;
  font-weight: 400;
  font-size: 0.875rem;
}
form input.wsf-field[type] {
  background: transparent;
  border-color: var(--wp--preset--color--black);
  border-radius: 0.25rem;
  padding: 0.75rem 1rem;
}
form input.wsf-field[type]:focus {
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.85);
}
form input.wsf-field[type]::-moz-placeholder {
  color: var(--wp--preset--color--base-600);
}
form input.wsf-field[type]::placeholder {
  color: var(--wp--preset--color--base-600);
}
form.wsf-validated input.wsf-field[type]:invalid {
  background-color: #FDEDEE;
  border-color: #e71321;
}
form.wsf-validated input.wsf-field[type]:invalid:focus {
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.85);
}
form .wsf-invalid-feedback {
  color: #e71321;
}
form.wsf-form .wsf-section {
  margin-bottom: 1.25rem;
}
form.wsf-form .wsf-text-danger {
  color: #e71321;
}
form button.wsf-button.wsf-button-primary {
  background-color: var(--wp--preset--color--primary-500);
  border: 2px solid var(--wp--preset--color--primary-500);
  border-radius: 0.25rem;
  display: inline-block;
  color: var(--wp--preset--color--white);
  transition: all 0.4s ease;
  padding: 0.75rem 1.5rem;
  text-transform: none;
  font-weight: 500;
  cursor: pointer;
  letter-spacing: 0;
  text-decoration: none;
  text-decoration-color: transparent;
  outline-color: transparent;
  line-height: 1.1;
  -webkit-font-smoothing: initial;
  outline-offset: 0;
  font-size: clamp(0.875rem, 0.875rem + (1vw - 0.225rem) * 0.2419354839, 1.0625rem); /* stylelint-disable-line max-line-length */
}
form button.wsf-button.wsf-button-primary:hover, form button.wsf-button.wsf-button-primary:focus {
  box-shadow: none;
  border: 2px solid var(--wp--preset--color--primary-400);
  background-color: var(--wp--preset--color--primary-400);
  color: var(--wp--preset--color--white);
  text-decoration: none;
  text-decoration-color: transparent;
}
form button.wsf-button.wsf-button-primary:focus-visible {
  outline: 2px solid #91cba8;
  border: 2px solid var(--wp--preset--color--primary-400);
  background-color: var(--wp--preset--color--primary-400);
  color: var(--wp--preset--color--white);
}
form button.wsf-button.wsf-button-primary:active, form button.wsf-button.wsf-button-primary:active:focus, form button.wsf-button.wsf-button-primary.is-active {
  border: 2px solid var(--wp--preset--color--primary-600);
  background-color: var(--wp--preset--color--primary-600);
  color: var(--wp--preset--color--white);
}
form button.wsf-button.wsf-button-primary:disabled, form button.wsf-button.wsf-button-primary:disabled:hover {
  box-shadow: none;
  color: var(--wp--preset--color--primary-400) !important;
  background-color: var(--wp--preset--color--primary-500) !important;
  border-color: var(--wp--preset--color--primary-500) !important;
  cursor: not-allowed;
}
form button.wsf-button.wsf-button-primary:focus:not(:focus-visible) {
  outline: none !important; /* [1] */
}
form button.wsf-button.wsf-button-primary {
  border-radius: 0.25rem;
  padding: 0.75rem 1.5rem;
  line-height: 1.1;
  color: var(--wp--preset--color--white);
  background-color: var(--wp--preset--color--primary-500);
  border-color: var(--wp--preset--color--primary-500);
}
form button.wsf-button.wsf-button-primary:hover, form button.wsf-button.wsf-button-primary:focus, form button.wsf-button.wsf-button-primary:active {
  color: var(--wp--preset--color--white);
  background-color: var(--wp--preset--color--primary-400);
  border-color: var(--wp--preset--color--primary-400);
}
form input[type=checkbox].wsf-field + label.wsf-label:before {
  border-radius: 50%;
}
form input[type=checkbox].wsf-field:checked + label.wsf-label:before {
  background-color: var(--wp--preset--color--primary-500);
  border: var(--wp--preset--color--primary-500);
}
form input[type=radio].wsf-field:checked + label.wsf-label:after,
form input[type=checkbox].wsf-field:checked + label.wsf-label:after {
  background-image: none;
  background-color: var(--wp--preset--color--primary-500);
  border-radius: 50%;
  border: 4px solid var(--wp--preset--color--white);
}
form input[type=checkbox].wsf-field + label.wsf-label,
form input[type=radio].wsf-field + label.wsf-label {
  padding-inline-start: 20px;
}
form input[type=checkbox].wsf-field + label.wsf-label:before, form input[type=checkbox].wsf-field + label.wsf-label:after,
form input[type=radio].wsf-field + label.wsf-label:before,
form input[type=radio].wsf-field + label.wsf-label:after {
  height: 16px;
  width: 16px;
  top: 2px;
}
form input[type=checkbox].wsf-field + label.wsf-label a,
form input[type=radio].wsf-field + label.wsf-label a {
  text-decoration: underline;
}

form.wsforms-dark-background.wsf-form,
form.wsforms-dark-background label.wsf-label,
form.wsforms-dark-background input[type=checkbox].wsf-field + label.wsf-label,
form.wsforms-dark-background input[type=radio].wsf-field + label.wsf-label,
form.wsforms-dark-background select.wsf-field,
form.wsforms-dark-background textarea.wsf-field,
form.wsforms-dark-background input.wsf-field[type],
form.wsforms-dark-background label a,
.wp-block-group.wsforms-dark-background.wsf-form,
.wp-block-group.wsforms-dark-background label.wsf-label,
.wp-block-group.wsforms-dark-background input[type=checkbox].wsf-field + label.wsf-label,
.wp-block-group.wsforms-dark-background input[type=radio].wsf-field + label.wsf-label,
.wp-block-group.wsforms-dark-background select.wsf-field,
.wp-block-group.wsforms-dark-background textarea.wsf-field,
.wp-block-group.wsforms-dark-background input.wsf-field[type],
.wp-block-group.wsforms-dark-background label a {
  color: var(--wp--preset--color--white);
}
form.wsforms-dark-background .wsf-invalid-feedback,
form.wsforms-dark-background .wsf-text-danger,
.wp-block-group.wsforms-dark-background .wsf-invalid-feedback,
.wp-block-group.wsforms-dark-background .wsf-text-danger {
  color: #FDEDEE;
}
form.wsforms-dark-background input.wsf-field[type],
form.wsforms-dark-background textarea.wsf-field,
.wp-block-group.wsforms-dark-background input.wsf-field[type],
.wp-block-group.wsforms-dark-background textarea.wsf-field {
  background-color: transparent;
  border-color: var(--wp--preset--color--white);
}
form.wsforms-dark-background input.wsf-field[type]:placeholder,
form.wsforms-dark-background textarea.wsf-field:placeholder,
.wp-block-group.wsforms-dark-background input.wsf-field[type]:placeholder,
.wp-block-group.wsforms-dark-background textarea.wsf-field:placeholder {
  color: var(--wp--preset--color--base-500);
}
form.wsforms-dark-background input[type=checkbox].wsf-field:checked + label.wsf-label:before,
.wp-block-group.wsforms-dark-background input[type=checkbox].wsf-field:checked + label.wsf-label:before {
  background-color: var(--wp--preset--color--primary-500);
  border: var(--wp--preset--color--primary-500);
}
form.wsforms-dark-background button.wsf-button.wsf-button-primary,
.wp-block-group.wsforms-dark-background button.wsf-button.wsf-button-primary {
  color: var(--wp--preset--color--white);
  background-color: transparent;
  border-color: var(--wp--preset--color--white);
}
form.wsforms-dark-background button.wsf-button.wsf-button-primary:hover, form.wsforms-dark-background button.wsf-button.wsf-button-primary:focus, form.wsforms-dark-background button.wsf-button.wsf-button-primary:active,
.wp-block-group.wsforms-dark-background button.wsf-button.wsf-button-primary:hover,
.wp-block-group.wsforms-dark-background button.wsf-button.wsf-button-primary:focus,
.wp-block-group.wsforms-dark-background button.wsf-button.wsf-button-primary:active {
  color: var(--wp--preset--color--white);
  background-color: var(--wp--preset--color--primary-500);
  border-color: var(--wp--preset--color--white);
}
form.wsforms-dark-background a:hover, form.wsforms-dark-background a:focus, form.wsforms-dark-background a:active,
.wp-block-group.wsforms-dark-background a:hover,
.wp-block-group.wsforms-dark-background a:focus,
.wp-block-group.wsforms-dark-background a:active {
  color: var(--wp--preset--color--white);
}

footer .footer-newsletter .footer-heading {
  margin-bottom: 1.375rem;
}
footer .footer-newsletter .wsf-field-wrapper {
  margin-bottom: 1rem;
}
footer .footer-newsletter form.wsforms-dark-background label.wsf-label,
footer .footer-newsletter form.wsforms-dark-background input[type=checkbox].wsf-field + label.wsf-label,
footer .footer-newsletter form.wsforms-dark-background label a,
footer .footer-newsletter form.wsforms-dark-background .wsf-text-danger {
  color: var(--wp--preset--color--white);
}
footer .footer-newsletter form.wsforms-dark-background label a:hover {
  color: var(--wp--preset--color--white);
}
footer .footer-newsletter form.wsforms-dark-background label a:focus {
  color: var(--wp--preset--color--white);
}
footer .footer-newsletter form input.wsf-field[type],
footer .footer-newsletter textarea {
  background: var(--wp--preset--color--primary-600);
  border-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--white);
}
footer .footer-newsletter form input.wsf-field[type]:hover,
footer .footer-newsletter textarea:hover {
  --wsf-field-box-shadow: 0 0 0 2px var(--wp--preset--color--white);
  --wsf-field-border-color-hover: var(--wp--preset--color--white);
  --wsf-field-color-background-hover: var(--wp--preset--color--primary-600);
  box-shadow: var(--wsf-field-box-shadow);
  background: var(--wp--preset--color--primary-600);
  border-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--white);
}
footer .footer-newsletter form input.wsf-field[type]:focus,
footer .footer-newsletter textarea:focus {
  --wsf-field-box-shadow: 0 0 0 4px var(--wp--preset--color--white);
  --wsf-field-border-color-focus: var(--wp--preset--color--white);
  --wsf-field-color-background-focus: var(--wp--preset--color--primary-600);
  background: var(--wp--preset--color--primary-600);
  border-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--white);
}
footer .footer-newsletter .wsf-form input[type=checkbox].wsf-field:checked {
  --wsf-field-checkbox-checked-color-background: var(--wp--preset--color--white);
}
footer .footer-newsletter .wsf-form button.wsf-button.wsf-button-primary,
footer .footer-newsletter form.wsforms-dark-background button.wsf-button.wsf-button-primary {
  --wsf-field-button-primary-color-background: var(--wp--preset--color--primary-600);
  --wsf-field-button-primary-border-color: var(--wp--preset--color--white);
  --wsf-field-button-primary-color: var(--wp--preset--color--white);
  background-color: var(--wp--preset--color--primary-600);
  border-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--white);
}
footer .footer-newsletter .wsf-form button.wsf-button.wsf-button-primary:hover,
footer .footer-newsletter form.wsforms-dark-background button.wsf-button.wsf-button-primary:hover {
  --wsf-field-button-primary-color-background-hover: var(--wp--preset--color--primary-600);
  --wsf-field-button-primary-border-color-hover: var(--wp--preset--color--white);
  --wsf-field-button-primary-color-hover: var(--wp--preset--color--white);
  --wsf-field-box-shadow: 0 0 0 2px var(--wp--preset--color--white);
  box-shadow: var(--wsf-field-box-shadow);
}
footer .footer-newsletter .wsf-form button.wsf-button.wsf-button-primary:focus,
footer .footer-newsletter form.wsforms-dark-background button.wsf-button.wsf-button-primary:focus {
  --wsf-field-button-primary-color-background-focus: var(--wp--preset--color--primary-600);
  --wsf-field-button-primary-border-color-focus: var(--wp--preset--color--white);
  --wsf-field-button-primary-color-focus: var(--wp--preset--color--white);
  --wsf-field-box-shadow: 0 0 0 4px var(--wp--preset--color--white);
  box-shadow: var(--wsf-field-box-shadow);
}
footer .footer-newsletter form input.wsf-field[type]::-moz-placeholder {
  opacity: 1;
  color: var(--wp--preset--color--white);
}
footer .footer-newsletter form input.wsf-field[type]::placeholder {
  opacity: 1;
  color: var(--wp--preset--color--white);
}
footer .footer-newsletter .wsf-help {
  color: var(--wp--preset--color--white);
}
footer .footer-newsletter label {
  color: var(--wp--preset--color--white);
  transform: translate(0, 0);
}
footer .footer-newsletter form .wsf-tile label.wsf-label {
  color: var(--wp--preset--color--white);
}

.ws-forms-centered .wsf-field-wrapper {
  display: flex;
  justify-content: center;
}

.wsf-field-wrapper textarea.wsf-field:focus {
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.85);
}

/*
 *=== Utilities and overrides ===
 *
 * This layer is reserved for highly specific overrides like
 * utility classes with !important and hacky code with high specificity
 *
 * All modification is done in the related files, not here.
 * SEE: style.scss for more info.
 */
.text-center {
  text-align: center !important;
}

/* Reverse icon colours for dark backgrounds.
Add class to image block and it will get added to figure element.
Used for newsletter form patterns */
.icon-is-white img {
  filter: brightness(0) invert(1);
}

/* Centre elements in block on mobile only */

.disable-gap {
  gap: 0 !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

@media (min-width: 0px) {
  .grid-slider-xxs.grid {
    display: flex;
  }
  .grid-slider-xxs [class*=col-] {
    max-width: none;
    align-self: flex-start;
  }
  .slider-container-xxs:before {
    display: none;
  }
}

@media (min-width: 360px) {
  .col-xs-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xs-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xs-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-xs-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xs-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xs-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-xs-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xs-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xs-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-xs-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xs-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xs-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .grid__reverse-order-xs {
    flex-direction: row-reverse;
  }
  .grid-slider-xs.grid {
    display: flex;
  }
  .grid-slider-xs [class*=col-] {
    max-width: none;
    align-self: flex-start;
  }
  .slider-container-xs:before {
    display: none;
  }
}

@media (min-width: 576px) {
  h1,
  .h1,
  .has-step-6-font-size {
    line-height: 1.13;
    letter-spacing: 0;
  }
  h2, .faq-wrapper h1.module-heading,
  .h2,
  .has-step-5-font-size {
    line-height: 1.16;
    letter-spacing: 0;
  }
  h3, .text-module-wrapper .module-heading, .text-and-image .text-column .module-heading, .guide-number, .woocommerce-account .woocommerce .u-columns.col2-set h2,
  .woocommerce-account .woocommerce .woocommerce-form-login h2,
  .h3,
  .cli-modal.cli-blowup .cli-modal-dialog .cli-modal-content h4,
  .woocommerce.single-product .product .product_title,
  .qala-quickview .product .product_title,
  .error-404 .page-title,
  .has-step-4-font-size {
    line-height: 1.2;
    letter-spacing: 0;
  }
  h4,
  .has-step-3-font-size {
    line-height: 1.125;
    letter-spacing: initial;
  }
  h5,
  .has-step-2-font-size {
    line-height: 1.3;
    letter-spacing: initial;
  }
  h6,
  .has-step-1-font-size {
    line-height: 1.4;
    letter-spacing: initial;
  }
  blockquote {
    margin: 2em 0;
    padding-left: 2em;
  }
  blockquote p {
    font-size: 1rem;
  }
  blockquote cite {
    font-size: 0.9375rem;
  }
  .col-s-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-s-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-s-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-s-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-s-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-s-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-s-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-s-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-s-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-s-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-s-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-s-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .grid__reverse-order-s {
    flex-direction: row-reverse;
  }
  .slider-container {
    margin-top: 65px;
    margin-bottom: 65px;
  }
  .main-menu-wrapper.open .menu-login-link {
    font-size: 1.25rem;
  }
  .footer-content {
    padding-top: 2.8125rem;
    padding-bottom: 2.8125rem;
  }
  a.btn-small,
  .btn-small > .wp-block-button__link {
    padding: 8px 16px;
    line-height: 1.1;
  }
  a.btn-medium,
  .btn-medium > .wp-block-button__link {
    padding: 12px 24px;
    line-height: 1.1;
  }
  a.btn-large,
  .btn-large > .wp-block-button__link {
    padding: 12px 32px;
    line-height: 1.1;
  }
  .subheading {
    line-height: 1.4;
  }
  .meta, .woocommerce div.product form.cart .variations td.label label,
  .woocommerce div.product form.cart .variations td.label .label-value, .woocommerce.single-product .woocommerce-breadcrumb,
  .qala-quickview .woocommerce-breadcrumb {
    line-height: 1.46;
  }
  .woocommerce .quantity {
    border: 0;
  }
  .woocommerce .quantity input[type=button] {
    padding: 0.5em 1em;
    font-size: 1rem;
  }
  .grid-slider-s.grid {
    display: flex;
  }
  .grid-slider-s [class*=col-] {
    max-width: none;
    align-self: flex-start;
  }
  .slider-container-s:before {
    display: none;
  }
  .entry-footer .single-post-author-bio-wrapper {
    padding: 30px 15px;
  }
  .entry-footer .single-post-author-image img {
    max-width: 100%;
  }
  .entry-footer .single-post-author-bio {
    margin-left: 30px;
  }
  .entry-footer .single-post-author-bio .section-heading {
    letter-spacing: 0;
    margin-top: 0.9em;
    margin-bottom: 0.2em;
  }
  .entry-footer .author-description {
    font-size: 0.9375rem;
  }
  .search-result-heading .container {
    justify-content: flex-start;
  }
  .search-result-heading h1 {
    padding: 2.5rem 0;
    display: block;
    font-size: 1.75rem;
  }
  .search-result-heading span {
    margin-left: calculate-rem(10);
  }
  .search-categories {
    padding: 2.5rem 0;
  }
  .search-results article {
    margin: 4rem 0 0 0;
  }
  .search-results article .entry-title {
    margin: 0;
  }
  .search-results article .entry-summary .content-wrapper {
    display: block;
  }
  .search-post-image {
    padding-right: inherit;
  }
  .search-post-content h2 {
    font-size: 1.25rem;
  }
  .woocommerce-account .woocommerce .u-columns.col2-set .woocommerce-form-row,
  .woocommerce-account .woocommerce .woocommerce-form-login .woocommerce-form-row {
    max-width: 20rem;
  }
  .woocommerce-account.woocommerce-lost-password .site-main .container .woocommerce-form-row,
  .woocommerce-account.woocommerce-rest-password .site-main .container .woocommerce-form-row {
    max-width: 20rem;
  }
  .product-cat-additional-content .column-2 p {
    -moz-column-gap: 65px;
         column-gap: 65px;
  }
  .archive-popular-products {
    padding-top: 50px;
  }
  .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-price {
    font-size: 0.8125rem;
  }
  .cross-sells div.container {
    margin: 0 auto;
    padding: 0 15px;
  }
  .product-images-slider-container[data-thumbnail-position-mobile=bottom] .product-images-slider-thumbnails .product-images-slider-item-thumb, .product-images-slider-container[data-thumbnail-position-mobile=top] .product-images-slider-thumbnails .product-images-slider-item-thumb {
    max-width: 98px;
  }
  .product-images-slider-thumbnails {
    max-width: 98px;
    flex-basis: 98px;
  }
  .product-image-slider {
    max-width: calc(100% - 98px);
    flex-basis: calc(100% - 98px);
  }
  .primary-cat-label {
    line-height: 1.1;
    font-size: 0.875rem;
  }
  .product-tags a {
    line-height: 1.5;
    font-size: 0.625rem;
  }
  .woocommerce div.product form.cart .single_add_to_cart_button {
    padding: 12px 24px;
    line-height: 1.1;
    font-size: 1rem;
  }
  .k-product-card.wc-block-product-template__responsive.columns-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }
  .home-logos-gallery.wp-block-gallery figure,
  .home-logos-gallery.wp-block-gallery img {
    width: 82.5px !important;
    height: 82.5px !important;
  }
  .home-logos-gallery.wp-block-gallery figure {
    --multiplier: 41px;
  }
  .information-bar-wrapper small {
    font-size: 0.875rem;
  }
  .testimonial-quote {
    margin: 2.6em 0 2.2em;
  }
  .square-grid-pattern:not(.block-editor-block-list__block) {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2em;
  }
}

@media (min-width: 600px) and (max-width: 781px) {
  .wp-block-columns:not(.is-not-stacked-on-mobile):has(> .wp-block-column:last-child:nth-of-type(even)) {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 600px) {
  .text-and-media-pattern p:not(.subheading) {
    margin: 1.5rem 0 3rem;
  }
  .text-and-media-pattern.is-stacked-on-mobile {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .text-and-media-pattern.is-stacked-on-mobile .wp-block-media-text__media {
    padding: 0;
  }
}

@media (min-width: 768px) {
  .site-main > .woocommerce-notices-wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }
  p, .guide-heading, body .wc-block-grid .wc-block-grid__product-title {
    line-height: 1.5;
    letter-spacing: 0;
  }
  small,
  .has-step-minus-1-font-size {
    line-height: 1.57;
    letter-spacing: 0;
  }
  .entry-content > ul,
  .entry-content > ol {
    padding-left: 45px;
    padding-right: 45px;
  }
  .entry-content > blockquote:after {
    left: 30px;
  }
  .entry-content > blockquote p, .entry-content > blockquote cite {
    padding-left: calc(1.5rem + 2em);
  }
  .col-xxs-1 {
    padding: 0 30px 30px;
  }
  .col-xxs-2 {
    padding: 0 30px 30px;
  }
  .col-xxs-3 {
    padding: 0 30px 30px;
  }
  .col-xxs-4 {
    padding: 0 30px 30px;
  }
  .col-xxs-5 {
    padding: 0 30px 30px;
  }
  .col-xxs-6 {
    padding: 0 30px 30px;
  }
  .col-xxs-7 {
    padding: 0 30px 30px;
  }
  .col-xxs-8 {
    padding: 0 30px 30px;
  }
  .col-xxs-9 {
    padding: 0 30px 30px;
  }
  .col-xxs-10 {
    padding: 0 30px 30px;
  }
  .col-xxs-11 {
    padding: 0 30px 30px;
  }
  .col-xxs-12 {
    padding: 0 30px 30px;
  }
  .col-xs-1 {
    padding: 0 30px 30px;
  }
  .col-xs-2 {
    padding: 0 30px 30px;
  }
  .col-xs-3 {
    padding: 0 30px 30px;
  }
  .col-xs-4 {
    padding: 0 30px 30px;
  }
  .col-xs-5 {
    padding: 0 30px 30px;
  }
  .col-xs-6 {
    padding: 0 30px 30px;
  }
  .col-xs-7 {
    padding: 0 30px 30px;
  }
  .col-xs-8 {
    padding: 0 30px 30px;
  }
  .col-xs-9 {
    padding: 0 30px 30px;
  }
  .col-xs-10 {
    padding: 0 30px 30px;
  }
  .col-xs-11 {
    padding: 0 30px 30px;
  }
  .col-xs-12 {
    padding: 0 30px 30px;
  }
  .col-s-1 {
    padding: 0 30px 30px;
  }
  .col-s-2 {
    padding: 0 30px 30px;
  }
  .col-s-3 {
    padding: 0 30px 30px;
  }
  .col-s-4 {
    padding: 0 30px 30px;
  }
  .col-s-5 {
    padding: 0 30px 30px;
  }
  .col-s-6 {
    padding: 0 30px 30px;
  }
  .col-s-7 {
    padding: 0 30px 30px;
  }
  .col-s-8 {
    padding: 0 30px 30px;
  }
  .col-s-9 {
    padding: 0 30px 30px;
  }
  .col-s-10 {
    padding: 0 30px 30px;
  }
  .col-s-11 {
    padding: 0 30px 30px;
  }
  .col-s-12 {
    padding: 0 30px 30px;
  }
  .col-m-1 {
    padding: 0 30px 30px;
  }
  .col-m-2 {
    padding: 0 30px 30px;
  }
  .col-m-3 {
    padding: 0 30px 30px;
  }
  .col-m-4 {
    padding: 0 30px 30px;
  }
  .col-m-5 {
    padding: 0 30px 30px;
  }
  .col-m-6 {
    padding: 0 30px 30px;
  }
  .col-m-7 {
    padding: 0 30px 30px;
  }
  .col-m-8 {
    padding: 0 30px 30px;
  }
  .col-m-9 {
    padding: 0 30px 30px;
  }
  .col-m-10 {
    padding: 0 30px 30px;
  }
  .col-m-11 {
    padding: 0 30px 30px;
  }
  .col-m-12 {
    padding: 0 30px 30px;
  }
  .col-l-1 {
    padding: 0 30px 30px;
  }
  .col-l-2 {
    padding: 0 30px 30px;
  }
  .col-l-3 {
    padding: 0 30px 30px;
  }
  .col-l-4 {
    padding: 0 30px 30px;
  }
  .col-l-5 {
    padding: 0 30px 30px;
  }
  .col-l-6 {
    padding: 0 30px 30px;
  }
  .col-l-7 {
    padding: 0 30px 30px;
  }
  .col-l-8 {
    padding: 0 30px 30px;
  }
  .col-l-9 {
    padding: 0 30px 30px;
  }
  .col-l-10 {
    padding: 0 30px 30px;
  }
  .col-l-11 {
    padding: 0 30px 30px;
  }
  .col-l-12 {
    padding: 0 30px 30px;
  }
  .col-xl-1 {
    padding: 0 30px 30px;
  }
  .col-xl-2 {
    padding: 0 30px 30px;
  }
  .col-xl-3 {
    padding: 0 30px 30px;
  }
  .col-xl-4 {
    padding: 0 30px 30px;
  }
  .col-xl-5 {
    padding: 0 30px 30px;
  }
  .col-xl-6 {
    padding: 0 30px 30px;
  }
  .col-xl-7 {
    padding: 0 30px 30px;
  }
  .col-xl-8 {
    padding: 0 30px 30px;
  }
  .col-xl-9 {
    padding: 0 30px 30px;
  }
  .col-xl-10 {
    padding: 0 30px 30px;
  }
  .col-xl-11 {
    padding: 0 30px 30px;
  }
  .col-xl-12 {
    padding: 0 30px 30px;
  }
  .col-m-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-m-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-m-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-m-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-m-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-m-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-m-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-m-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-m-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-m-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-m-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-m-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .grid__reverse-order-m {
    flex-direction: row-reverse;
  }
  .container, #cookie-law-info-bar .cli-bar-container {
    padding-left: 30px;
    padding-right: 30px;
  }
  .container--fluid {
    padding-left: 30px;
    padding-right: 30px;
  }
  .container--alignwide {
    padding-left: 30px;
    padding-right: 30px;
  }
  .grid {
    margin: 0 -30px;
  }
  .slider-container .btn {
    margin: 0 auto;
  }
  .slider-container .swiper-buttons {
    position: static;
  }
  .slider-container:not(:has(.btn)) {
    padding-bottom: 0;
  }
  .slider-header {
    justify-content: space-between;
    flex-direction: row;
  }
  .popular-products-slider .product:nth-child(n+3),
  .products-slider .product:nth-child(n+3) {
    display: block;
  }
  .popular-products-slider .product:nth-child(n+5),
  .products-slider .product:nth-child(n+5) {
    display: none;
  }
  .popular-products-slider.swiper-initialized .products .product,
  .products-slider.swiper-initialized .products .product {
    --gap: 1rem;
    margin-right: 1rem;
  }
  .popular-products-slider.swiper-initialized .products.columns-3 .product,
  .products-slider.swiper-initialized .products.columns-3 .product {
    --cols: 3;
  }
  .popular-products-slider.swiper-initialized .products.columns-4 .product,
  .products-slider.swiper-initialized .products.columns-4 .product {
    --cols: 4;
  }
  .popular-products-slider.swiper-initialized .products.columns-5 .product,
  .products-slider.swiper-initialized .products.columns-5 .product {
    --cols: 4;
  }
  .popular-products-slider.swiper-initialized .products.columns-6 .product,
  .products-slider.swiper-initialized .products.columns-6 .product {
    --cols: 4;
  }
  .footer-content {
    padding-top: 6.25rem;
    padding-bottom: 5rem;
  }
  .footer-logo img {
    max-width: 142px;
  }
  .footer-social-media {
    order: 2;
  }
  .footer-payment-social {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-top: 0.625rem;
  }
  .footer-payment-social div + div {
    margin-top: 0;
  }
  .sub-footer-menu-wrapper .sub-footer-menu {
    flex-flow: row nowrap;
  }
  .sub-footer-menu-wrapper .sub-footer-menu .menu-item {
    margin-right: 0;
  }
  .sub-footer-menu-wrapper .sub-footer-menu .menu-item:after {
    content: "|";
    display: inline-block;
    margin: 0 4px;
  }
  .site-footer .footer-logo img {
    max-width: 100%;
  }
  .site-footer__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem 2rem;
  }
  .site-footer__logo-image {
    max-width: 280px;
  }
  .site-footer__svg-logo svg {
    max-width: 300px;
  }
  .site-footer__customer-service-number {
    font-size: 2rem;
  }
  .site-footer__column {
    grid-column: span 1;
  }
  .site-footer__bottom-inner {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    text-align: left;
  }
  .site-footer__legal-nav {
    order: 0;
  }
  .site-footer__legal-menu {
    justify-content: flex-start;
    gap: 2rem;
  }
  .site-footer__copyright {
    order: 1;
  }
  .footer-menu-section {
    flex-basis: 0;
    padding-left: 0;
    padding-right: 0;
    max-width: none;
    margin-bottom: 0;
  }
  .footer-menu-section.has-social-section {
    flex-basis: 0;
  }
  .footer-menu-section.has-social-section .footer-menu-section-wrapper {
    flex-basis: 100%;
    width: 100%;
  }
  .footer-cta {
    padding-left: 0;
    padding-right: 0;
  }
  .footer-cta li {
    width: 100%;
    flex-basis: 100%;
  }
  .footer-cta li:nth-child(odd) {
    padding-right: 0;
  }
  .footer-cta li:nth-child(even) {
    padding-left: 0;
  }
  .site-footer__multimarket {
    order: 2;
    justify-content: flex-end;
  }
  .full-width-button {
    width: auto;
    margin-top: 0;
    text-align: left;
  }
  .module-button-container.full-width-button-container {
    margin: -0.5rem;
  }
  .module-button-container.full-width-button-container .module-button-wrapper {
    width: auto;
    padding: 0.5rem;
  }
  .wp-block-buttons.stack-on-mobile {
    flex-direction: row;
  }
  .accordion {
    margin-top: 30px;
    margin-bottom: 60px;
  }
  .accordion-item .accordion-content {
    padding-left: 15px;
  }
  .accordion-item .accordion-title:after {
    right: 15px;
  }
  .accordion-item .accordion-inner-content {
    margin-top: -6px;
    padding-bottom: 30px;
  }
  body .qala-filters__tax-list__show-hide,
  body .qala-filters__tax-list__orderby-container {
    width: auto;
    margin-bottom: 0;
  }
  body .qala-filters__tax-list__orderby-container .choices {
    width: 260px;
  }
  .usp-bar--column ul.usp-bar__list {
    padding: 30px;
    flex-direction: column;
    align-items: flex-start;
  }
  .grid-slider-m.grid {
    display: flex;
  }
  .grid-slider-m [class*=col-] {
    max-width: none;
    align-self: flex-start;
  }
  .slider-container-m:before {
    display: none;
  }
  .page .entry-header {
    padding: 30px 0 0 0;
  }
  .entry-header > * {
    padding-left: 30px;
    padding-right: 30px;
  }
  .password-box .post-password-box {
    margin: auto;
    padding: 2.5rem 2.25rem 2rem;
  }
  .password-box .post-password-box .post-password-heading {
    font-size: 1.5rem;
  }
  .password-box .post-password-box .post-password-form__label {
    font-size: 1rem;
  }
  .entry-header .single-post-category {
    margin: 30px 0 0 0;
  }
  .entry-header .header-post-meta {
    padding-bottom: 30px;
    gap: 30px;
  }
  .entry-header .header-post-meta:after {
    width: calc(100% - 60px);
  }
  .entry-footer {
    padding-left: 30px;
    padding-right: 30px;
  }
  .entry-footer .author-name a {
    font-size: 1.0625rem;
  }
  .woocommerce.single-product .summary-inner-wrapper,
  .qala-quickview .summary-inner-wrapper {
    padding: 30px 30px 30px 30px;
  }
  .woocommerce.single-product .summary-inner-wrapper span.availability_date,
  .qala-quickview .summary-inner-wrapper span.availability_date {
    padding: unset;
  }
  .woocommerce.single-product .summary-inner-wrapper > *,
  .qala-quickview .summary-inner-wrapper > * {
    padding-left: 0;
    padding-right: 0;
  }
  .woocommerce.single-product .product .product_title,
  .qala-quickview .product .product_title {
    line-height: 1.33;
    margin-top: 0;
    margin-bottom: 1.15rem;
    padding-left: 0;
    padding-right: 0;
  }
  .woocommerce.single-product div.product p.price,
  .qala-quickview div.product p.price {
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 1.45rem;
    padding-left: 0;
    padding-right: 0;
  }
  .woocommerce.single-product .woocommerce-product-details__short-description,
  .qala-quickview .woocommerce-product-details__short-description {
    padding-left: 0;
    padding-right: 0;
  }
  .woocommerce.single-product .woocommerce-product-details__short-description p,
  .qala-quickview .woocommerce-product-details__short-description p {
    margin-top: inherit;
    line-height: 1.73;
    letter-spacing: 0;
  }
  .product-gallery-wrap {
    border: 0;
    padding: 0;
  }
  .ac-module__wrapper--pdp {
    padding: 4rem 0 2rem;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
  .product-icons {
    gap: 30px;
    margin-bottom: 30px;
  }
  .archive-header-wrapper .archive-header {
    padding-left: 30px;
    padding-right: 30px;
  }
  .archive-wrapper .btn.show-more-articles {
    width: -moz-fit-content;
    width: fit-content;
  }
  .archive-masonry {
    grid-template-columns: repeat(2, 1fr);
  }
  .archive-item {
    background-color: var(--wp--preset--color--base-100);
    width: 100%;
    display: inline-block;
    border: 0;
    padding-bottom: 0;
    gap: unset;
  }
  .archive-item .image-container {
    padding: 0;
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  .archive-item .image-container img {
    width: 100%;
    height: auto;
    max-width: 100%;
  }
  .archive-item .meta {
    margin-top: 1.25rem;
    margin-bottom: 0;
  }
  .archive-item .archive-item-heading {
    font-weight: 600;
    font-size: 1.375rem;
  }
  .archive-item .archive-item-excerpt {
    color: var(--wp--preset--color--base-700);
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
  .archive-item .btn {
    display: block;
  }
  .archive-item .archive-item-excerpt-mobile {
    display: none;
  }
  .archive-item .archive-item-excerpt-desktop {
    display: block;
  }
  .archive-item .archive-item-content {
    padding: 1.5rem 1.5rem 2.5rem 1.5rem;
  }
  .archive-item .archive-item-content > a[rel=tag] {
    font-size: 0.75rem;
  }
  .archive-item__read-more {
    display: inline-block;
    position: relative;
  }
  .archive-stay-informed__content > * {
    max-width: calc(490 / 930 * 100%);
    margin-left: auto;
    margin-right: auto;
  }
  .error-404 {
    padding: 60px 0;
  }
  .error-404 .page-text {
    margin-bottom: 60px;
  }
  .error-404 .btn-404 {
    width: auto;
  }
  .image-404 svg {
    margin-top: 0;
    height: 19.375rem;
  }
  .woocommerce-account .single-page {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .woocommerce-account .woocommerce .u-columns.col2-set .col-1,
  .woocommerce-account .woocommerce .u-columns.col2-set .col-2,
  .woocommerce-account .woocommerce .woocommerce-form-login .col-1,
  .woocommerce-account .woocommerce .woocommerce-form-login .col-2 {
    width: 48%;
  }
  .woocommerce-account .woocommerce .u-columns.col2-set .col-1,
  .woocommerce-account .woocommerce .woocommerce-form-login .col-1 {
    border-bottom: 0;
    border-right: 1px dashed var(--wp--preset--color--primary-500);
  }
  .woocommerce-account .woocommerce .u-columns.col2-set .col-2,
  .woocommerce-account .woocommerce .woocommerce-form-login .col-2 {
    padding-top: 0;
  }
  .post-type-archive-product main.site-main {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    gap: 1rem 1rem;
  }
  .woocommerce ul.products.columns-3,
  .woocommerce-page ul.products.columns-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .woocommerce ul.products.columns-4,
  .woocommerce-page ul.products.columns-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .woocommerce ul.products.columns-5,
  .woocommerce-page ul.products.columns-5 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .woocommerce ul.products.columns-6,
  .woocommerce-page ul.products.columns-6 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .woocommerce-order-received h1 {
    margin: 0;
    font-size: 2.25rem;
  }
  .woocommerce-order-received .entry-header {
    padding-top: 4rem;
    padding-bottom: 3rem;
  }
  .woocommerce-order-received .woocommerce-order > p {
    padding-bottom: 2.8rem;
  }
  .woocommerce-order-received .order-note span {
    line-height: 1.46;
    letter-spacing: 0;
    font-size: 0.8125rem;
  }
  .woocommerce-order-received .woocommerce-customer-details {
    display: none;
  }
  .woocommerce-order-received ul.woocommerce-thankyou-order-details li {
    display: block;
    padding: 0;
  }
  .woocommerce-order-received ul.woocommerce-thankyou-order-details li strong {
    padding-top: 1rem;
    font-family: var(--wp--preset--font-family--zalando-sans);
    line-height: 1.73;
    letter-spacing: 0;
    font-size: 0.9375rem;
  }
  .woocommerce-thankyou-order-details {
    flex-flow: row nowrap;
  }
  .woocommerce-order-received .woocommerce-order ul.order_details {
    padding-bottom: 6rem;
  }
  .custom-order-table {
    border-top: 0;
    padding-bottom: 6rem;
  }
  .table-headings {
    display: flex;
  }
  .table-headings__product,
  .table-headings__price,
  .table-headings__quantity,
  .table-headings__total {
    font-size: 0.8125rem;
  }
  .product-cell .image {
    margin-right: 3.2rem;
  }
  .product-cell a {
    display: block;
  }
  .table-content__row {
    border-bottom: solid 2px var(--wp--preset--color--base-100);
    align-items: center;
    padding: 2rem 0;
  }
  div.row_product_name {
    display: none;
  }
  .table-content__row-rest,
  .table-heading-rest {
    max-width: 340px;
    flex-direction: row;
  }
  .row_quantity:before {
    display: none;
  }
  .row_quantity span {
    text-align: center;
  }
  div.row_total {
    display: flex;
    justify-content: flex-end;
  }
  div.row_price {
    font-weight: 500;
  }
  .row_total,
  .row_price,
  .row_quantity,
  .row_product_name {
    width: 100px;
    line-height: 1.53;
    letter-spacing: 0;
    font-weight: 500;
    font-family: var(--wp--preset--font-family--zalando-sans);
    font-size: 1.0625rem;
  }
  .custom-order-summary {
    padding-top: 2.8rem;
  }
  .summary-row span {
    line-height: 1.46;
    letter-spacing: 0;
    font-size: 0.8125rem;
  }
  .summary-row:last-of-type span {
    line-height: 1.6;
    letter-spacing: 0;
    font-size: 1.0625rem;
  }
  .woocommerce-order-received .custom-customer-details {
    padding-bottom: 6rem;
  }
  .woocommerce-order-received .woocommerce-customer-details .woocommerce-columns.woocommerce-columns--2 {
    flex-direction: row;
  }
  .woocommerce-order-received .woocommerce-customer-details .woocommerce-columns.woocommerce-columns--2 > div:first-of-type {
    margin-right: 1rem;
  }
  .woocommerce-order-received .woocommerce-customer-details .woocommerce-columns.woocommerce-columns--2 > div:nth-of-type(2) {
    padding-top: 0;
  }
  .woocommerce-order-received .woocommerce-customer-details .woocommerce-columns.woocommerce-columns--2 .woocommerce-column__title {
    line-height: 1.46;
    letter-spacing: 0;
    font-size: 0.8125rem;
  }
  .woocommerce-order-received .woocommerce-customer-details address {
    border: solid 1px var(--wp--preset--color--base-300);
    border-bottom-width: 1px;
    border-right-width: 1px;
    padding: 0.6rem 1.1rem;
  }
  .woocommerce-order-received .custom-customer-details .woocommerce-customer-details {
    display: block;
  }
  .elastic-search {
    margin: 24px 0;
  }
  .login-page {
    padding: 6rem 1.5rem;
  }
  .login-page__container {
    padding: 3rem;
  }
  .product-cat-additional-content {
    padding-top: 85px;
    padding-bottom: 85px;
  }
  .headings-aligner .wc-crumbs {
    display: block;
  }
  .archive-hero .grid .col-l-6 {
    padding: 0 30px;
  }
  .archive-popular-products {
    margin-bottom: 0;
  }
  .woocommerce .woocommerce-error,
  .woocommerce .woocommerce-info,
  .woocommerce .woocommerce-message {
    font-size: 1.0625rem;
  }
  .woocommerce .woocommerce-error {
    padding: 1rem 1rem 1rem 3.75rem;
  }
  .products-slider {
    padding-top: 15px;
  }
  .woocommerce div.product form.cart {
    padding: 0;
  }
  .woocommerce div.product form.cart .single_add_to_cart_button {
    flex: 1 0 auto;
    display: inline-block;
    text-align: center;
  }
  .woocommerce-variation-description p {
    margin-top: inherit;
    line-height: 1.73;
    letter-spacing: 0;
  }
  form.composite_form {
    padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
  }
  .product-blocks {
    padding-left: 30px;
    padding-right: 30px;
  }
  .product-block:first-child {
    border-top: 1px solid var(--wp--preset--color--base-300);
  }
  .product-block-inner-content {
    margin-left: 0;
    padding-bottom: 0;
    padding-left: 40px;
  }
  .product-block-inner-content .product-attributes table td,
  .product-block-inner-content .product-attributes table th {
    font-size: 1rem;
  }
  .product-images-slider-container[data-thumbnail-position-mobile=""] .product-images-slider-thumbnails, .product-images-slider-container[data-thumbnail-position-mobile=right] .product-images-slider-thumbnails {
    margin-right: 0;
    margin-left: 13px;
  }
  .product-images-slider-container[data-thumbnail-position-mobile=bottom] .product-images-slider-thumbnails, .product-images-slider-container[data-thumbnail-position-mobile=top] .product-images-slider-thumbnails {
    margin-top: 15px;
  }
  .product-images-slider-container[data-thumbnail-position-mobile=bottom] .product-images-slider-thumbnails .product-images-slider-item-thumb, .product-images-slider-container[data-thumbnail-position-mobile=top] .product-images-slider-thumbnails .product-images-slider-item-thumb {
    margin-right: 14.3px;
    margin-bottom: 0;
  }
  .product-images-slider-container[data-thumbnail-position-mobile=top] .product-images-slider-thumbnails {
    margin-top: 0;
    margin-bottom: 15px;
  }
  .product-images-slider-thumbnails {
    margin-right: 13px;
  }
  .product-images-slider-thumbnails .product-images-slider-item-thumb {
    margin-bottom: 13px;
  }
  .product-images-slider-thumbnails .product-images-slider-item-thumb:last-of-type {
    margin-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
  }
  .product-image-slider[data-slider-type="1"] .video-slide {
    aspect-ratio: 16/9;
  }
  .product-image-slider[data-slider-type="1"] .video-slide:after {
    clip-path: polygon(0% 0%, 0% 100%, 45% 100%, 45% 43%, 55% 43%, 55% 57%, 0% 57%, 0% 100%, 100% 100%, 100% 0%);
  }
  .primary-cat-label__wrapper {
    margin: 0 0 0.5rem 0;
  }
  .product-tags {
    padding-left: 0;
    padding-right: 0;
  }
  body .wc-block-grid__products {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
  body .wc-block-grid.swiper-initialized .wc-block-grid__products .wc-block-grid__product {
    --gap: 1rem;
    margin-right: 1rem;
  }
  body .wc-block-grid.has-3-columns .wc-block-grid__products {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  body .wc-block-grid.has-3-columns.swiper-initialized .wc-block-grid__product {
    --cols: 3;
  }
  body .wc-block-grid.has-4-columns .wc-block-grid__products {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  body .wc-block-grid.has-4-columns.swiper-initialized .wc-block-grid__product {
    --cols: 4;
  }
  body .wc-block-grid.has-5-columns .wc-block-grid__products {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  body .wc-block-grid.has-5-columns.swiper-initialized .wc-block-grid__product {
    --cols: 4;
  }
  body .wc-block-grid.has-6-columns .wc-block-grid__products {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  body .wc-block-grid.has-6-columns.swiper-initialized .wc-block-grid__product {
    --cols: 4;
  }
  .summary-upsells {
    padding: 0;
  }
  .bundle-product-content--price-subtitle {
    padding: 0;
  }
  .bundle-product-content--products-title {
    padding: 3px 0;
  }
  .wp-block-product-best-sellers.has-3-columns .wc-block-grid__product:nth-child(n+3) {
    display: flex;
  }
  .wp-block-product-best-sellers.has-3-columns .wc-block-grid__product:nth-child(n+4) {
    display: none;
  }
  .wp-block-product-best-sellers.has-4-columns .wc-block-grid__product:nth-child(n+3) {
    display: flex;
  }
  .wp-block-product-best-sellers.has-4-columns .wc-block-grid__product:nth-child(n+5) {
    display: none;
  }
  .wp-block-product-best-sellers.has-5-columns .wc-block-grid__product:nth-child(n+3) {
    display: flex;
  }
  .wp-block-product-best-sellers.has-5-columns .wc-block-grid__product:nth-child(n+5) {
    display: none;
  }
  .wp-block-product-best-sellers.has-6-columns .wc-block-grid__product:nth-child(n+3) {
    display: flex;
  }
  .wp-block-product-best-sellers.has-6-columns .wc-block-grid__product:nth-child(n+5) {
    display: none;
  }
  .qala-block-template-part > .wp-block-group > * {
    padding-left: 30px;
    padding-right: 30px;
  }
  .block-template-part-posts--home__before-archive-content > .wp-block-group {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .block-template-part-posts--home__before-blog-content > .wp-block-group {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .home-logos-gallery.wp-block-gallery figure,
  .home-logos-gallery.wp-block-gallery img {
    width: 110px !important;
    height: 110px !important;
  }
  .home-logos-gallery.wp-block-gallery figure {
    --multiplier: 55px;
  }
  .guides {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .guide-inner {
    border: 0;
    padding: 0 15px;
  }
  .guide-number,
  .guide-icon {
    margin-bottom: 6px;
  }
  .guide-icon {
    margin-bottom: 15px;
  }
  .guide-icon img {
    max-width: 35px;
  }
  .guide-heading {
    margin-bottom: 10px;
  }
  .text-and-image {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .text-and-image .text-and-image-grid {
    justify-content: space-between;
  }
  .text-and-image .image-column {
    padding-bottom: 0;
  }
  .text-and-image .text-column {
    flex-basis: 40%;
    max-width: 40%;
    align-items: flex-start;
  }
  .text-and-image .text-column .module-heading,
  .text-and-image .text-column p {
    text-align: left;
  }
  .text-and-image .text-column p {
    margin-bottom: 1.4em;
  }
  .text-and-image.background-image .text-column {
    margin: 0;
    padding: 3em 2em 4.5em;
  }
  .text-module-wrapper {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .text-module-wrapper .text-module-left {
    padding-left: 0.5em;
  }
  .text-module-wrapper .text-module-left p:first-of-type {
    margin-top: 0.3em;
  }
  .text-module-wrapper .text-module-left-column {
    padding-bottom: 15px;
  }
  .text-module-wrapper .text-module .module-heading {
    width: 70%;
    margin-bottom: 0.7em;
  }
  .text-module-wrapper .text-module .text-module-content {
    max-width: 58%;
  }
  .faq-wrapper {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .faq-wrapper .faq-terms {
    grid-template-columns: 1fr 1fr;
    gap: 15px;
  }
  .archive-button-wrapper .btn {
    width: auto;
  }
  .ac-module-shop-categories .shop-categories-wrapper {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .ac-module-shop-categories .shop-category-item-link {
    font-size: 0.8125rem;
  }
  .information-bar-wrapper {
    padding: 20px 0;
  }
  .information-bar-wrapper img {
    max-height: 20px;
    margin-right: 15px;
  }
  .information-bar-wrapper p {
    text-align: left;
  }
  .testimonials {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .ac-module-accordion__wrapper {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  #cookie-law-info-bar .cli-bar-btn_container {
    flex-direction: row;
    width: auto;
  }
  #cookie-law-info-bar .cli-bar-btn_container a {
    width: auto;
  }
  #cookie-law-info-bar .cookie_action_close_header {
    margin: 0 16px !important;
  }
  .cli-modal.cli-blowup .cli-modal-dialog {
    float: right;
  }
  .ac-modules__full-width .information-bar-wrapper p {
    text-align: center;
  }
  .entry-content > * {
    padding-left: 30px;
    padding-right: 30px;
  }
  .entry-content > *.alignfull.wp-block-group > .wp-block-group:not(.alignfull) {
    padding-left: 30px;
    padding-right: 30px;
  }
  .cover-hero-pattern {
    padding: 10rem 3rem;
  }
  .square-grid-pattern {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .square-grid-pattern:not(.block-editor-block-list__block) {
    padding-right: 2rem;
    padding-left: 2rem;
  }
  .spotlight-pattern {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .product-list-with-cta-pattern {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .product-list-with-cta-pattern .product-list-with-cta-pattern__heading {
    margin-bottom: 3rem;
  }
  .qala-newsletter-pattern.alignfull .wp-block-cover__inner-container > .alignwide {
    padding-left: 30px;
    padding-right: 30px;
  }
  .qec-results__container {
    gap: 1rem 1rem;
  }
  .qec-results__generic-post-title {
    word-break: keep-all;
  }
  .qec-results__post {
    gap: 1rem;
  }
  .edit-post-visual-editor__post-title-wrapper > * {
    padding-left: 30px;
    padding-right: 30px;
  }
  .is-root-container > *.alignfull.wp-block-group > .wp-block-group:not(.alignfull) {
    padding-left: 30px;
    padding-right: 30px;
  }
  .is-root-container.block-editor-block-list__layout > *:not(.alignfull) {
    padding-left: 30px;
    padding-right: 30px;
  }
  .is-root-container.block-editor-block-list__layout > ul,
  .is-root-container.block-editor-block-list__layout > ol {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
  footer .footer-newsletter label a {
    font-size: 0.875rem;
  }
}

@media (min-width: 781px) {
  .admin-bar .site-header.js-is-stuck {
    top: 32px;
  }
}

@media (min-width: 782px) {
  .spotlight-pattern .wp-block-columns {
    gap: 2em;
  }
}

@media (min-width: 783px) {
  .archive-tag-wrapper:after {
    right: -30px;
  }
}

@media (min-width: 992px) {
  .col-l-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-l-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-l-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-l-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-l-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-l-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-l-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-l-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-l-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-l-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-l-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-l-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .grid__reverse-order-l {
    flex-direction: row-reverse;
  }
  .popular-products-slider.swiper-initialized .products .product,
  .products-slider.swiper-initialized .products .product {
    --gap: 1.5rem;
    margin-right: 1.5rem;
  }
  .popular-products-slider.swiper-initialized .products.columns-5 .product,
  .products-slider.swiper-initialized .products.columns-5 .product {
    --cols: 5;
  }
  .popular-products-slider.swiper-initialized .products.columns-6 .product,
  .products-slider.swiper-initialized .products.columns-6 .product {
    --cols: 6;
  }
  .site-branding {
    line-height: 1.4;
  }
  .main-navigation {
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
  .main-navigation .site-header-right-column .site-search-form {
    display: flex;
  }
  .main-navigation .mobile-toggle,
  .main-navigation.main-navigation--hamburger-left > .mobile-toggle {
    display: none;
  }
  .mobile-nav-toggle {
    display: none;
  }
  .site-header__desktop-column__button {
    display: flex !important; /* stylelint-disable-line */
  }
  .site-header--layout-logo-centered .main-navigation--hamburger-left .site-search-form {
    grid-area: 1/1/2/2;
  }
  .site-header--layout-logo-centered.js-is-sticky .main-navigation--hamburger-left, .site-header--layout-logo-centered.js-is-stuck .main-navigation--hamburger-left {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .site-header--layout-logo-centered.js-is-sticky .main-navigation--hamburger-left .site-search-form, .site-header--layout-logo-centered.js-is-stuck .main-navigation--hamburger-left .site-search-form {
    grid-area: 1/1/2/2;
    margin-top: 0;
  }
  .site-header--layout-logo-centered.js-is-sticky .main-navigation--hamburger-left .site-branding, .site-header--layout-logo-centered.js-is-stuck .main-navigation--hamburger-left .site-branding {
    visibility: visible;
  }
  .site-header--layout-logo-centered { /* stylelint-disable-line order/order */ }
  .site-header--layout-logo-centered .main-navigation {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .site-header--layout-logo-centered .main-navigation__right-column-header-buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .site-header--layout-logo-centered .site-search-form {
    grid-area: 1/1/2/2;
    margin: 0;
    max-width: 280px;
  }
  .site-header--layout-logo-centered .site-search-form.site-search-form--hide-mob {
    display: block;
  }
  .site-header--layout-logo-centered .site-branding {
    grid-area: 1/2/2/3;
    margin: 18px 0;
    display: flex;
    justify-content: center;
  }
  .site-header--layout-logo-centered .site-header-right-column {
    grid-area: 1/3/2/4;
  }
  .site-header--layout-logo-centered .site-header-buttons.desktop {
    grid-area: 1/4/2/4;
  }
  .site-header--layout-logo-centered .ac-nav-collapse {
    grid-area: 2/1/2/4;
  }
  .site-header--layout-logo-centered .ac-nav-collapse .main-menu > .menu-item {
    height: 100% !important;
  }
  .site-header--layout-logo-centered .ac-nav-collapse .main-menu > .menu-item > a,
  .site-header--layout-logo-centered .ac-nav-collapse .main-menu > .menu-item > .toggle-sub-menu {
    padding: 16px 0 26px;
  }
  .site-header--layout-logo-centered .ac-nav-collapse .main-menu > .menu-item > .toggle-sub-menu:before, .site-header--layout-logo-centered .ac-nav-collapse .main-menu > .menu-item > .toggle-sub-menu:after {
    top: calc(50% - 4px);
  }
  .site-header--layout-logo-centered .ac-nav-collapse .main-menu .btn {
    margin-top: -10px;
  }
  .main-navigation--hamburger-left {
    display: flex;
    position: static;
  }
  .site-header-buttons {
    display: none;
  }
  .site-header-buttons.desktop {
    display: flex;
    align-items: center;
  }
  body:has(.megamenu.open) {
    overflow-y: auto;
  }
  body:has(.usp-bar + .site-header) .usp-bar {
    z-index: 2001;
  }
  body:has(.info-bar + .site-header) .info-bar {
    z-index: 2001;
  }
  body:has(.usp-bar + .info-bar + .site-header) .usp-bar,
  body:has(.info-bar + .usp-bar + .site-header) .usp-bar {
    z-index: 2001;
  }
  body:has(.usp-bar + .info-bar + .site-header) .info-bar,
  body:has(.info-bar + .usp-bar + .site-header) .info-bar {
    z-index: 2001;
  }
  .main-menu-wrapper {
    z-index: inherit;
    display: flex;
    flex: 1 1 62%;
    align-items: stretch;
    justify-content: center;
    position: static;
    left: initial;
    top: initial;
    bottom: initial;
    transition: none;
    max-width: none;
    width: auto;
    overflow-y: initial;
  }
  .main-menu-wrapper.open {
    left: initial;
  }
  .main-menu-wrapper.open:before {
    display: none;
  }
  .main-menu-wrapper .inner-menu-wrapper {
    flex-grow: 2;
    flex-direction: row;
    min-height: auto;
    background-color: transparent;
    padding: 0;
  }
  .main-menu-wrapper .main-menu__mobile-top {
    display: none;
  }
  .main-menu-wrapper .mobile-menu-buttons {
    display: none;
  }
  .main-menu-wrapper .menu-login-link,
  .main-menu-wrapper .secondary-menu {
    display: none;
  }
  .main-menu-navigation {
    flex-direction: row;
    flex-grow: 2;
  }
  .main-menu {
    flex-direction: row;
    flex-grow: 2;
    align-items: center;
  }
  .main-menu .menu-item {
    flex-wrap: nowrap;
    padding: 0 clamp(5px, 1.9%, 1.125rem);
    border-top: 0;
  }
  .main-menu .menu-item .menu-item__link {
    letter-spacing: 0;
    display: inline-flex;
    align-items: center;
    line-height: 1.46;
    text-transform: none;
    padding: 0;
    white-space: nowrap;
  }
  .main-menu .menu-item .menu-item__link .menu-item__label {
    white-space: nowrap;
  }
  .main-menu .sub-menu .menu-item {
    border-bottom: 1px solid var(--wp--preset--color--base-300);
  }
  .main-menu .menu-item:not(.menu--with-sidebar) > .sub-menu-container .menu-item__link[href="#"], .main-menu .menu-item:not(.menu--with-sidebar) > .sub-menu-container .menu-item__link[href=""], .main-menu .menu-item:not(.menu--with-sidebar) > .sub-menu-container .menu-item__link:not([href]),
  .main-menu .menu-item.menu--with-sidebar .sub-menu-depth-1 .menu-item__link[href="#"],
  .main-menu .menu-item.menu--with-sidebar .sub-menu-depth-1 .menu-item__link[href=""],
  .main-menu .menu-item.menu--with-sidebar .sub-menu-depth-1 .menu-item__link:not([href]) {
    pointer-events: none !important;
  }
  .main-menu .menu-item:not(.menu--with-sidebar) > .sub-menu-container .menu-item__link[href="#"] *, .main-menu .menu-item:not(.menu--with-sidebar) > .sub-menu-container .menu-item__link[href=""] *, .main-menu .menu-item:not(.menu--with-sidebar) > .sub-menu-container .menu-item__link:not([href]) *,
  .main-menu .menu-item.menu--with-sidebar .sub-menu-depth-1 .menu-item__link[href="#"] *,
  .main-menu .menu-item.menu--with-sidebar .sub-menu-depth-1 .menu-item__link[href=""] *,
  .main-menu .menu-item.menu--with-sidebar .sub-menu-depth-1 .menu-item__link:not([href]) * {
    pointer-events: none !important;
  }
  .main-menu > .menu-item.open:has(.sub-menu-depth-0 > .menu-item.open) > .menu-item__link, .main-menu > .menu-item.open:has(.sub-menu-depth-0 > .menu-item.open) > .toggle-sub-menu {
    display: block;
  }
  .main-menu > .menu-item:first-of-type {
    padding-left: 0.25em;
  }
  .main-menu > .menu-item:last-of-type {
    padding-right: 0.25em;
  }
  .main-menu > .menu-item > .menu-item__link {
    text-wrap: nowrap;
    padding: 25px 0;
    /* stylelint-disable value-list-comma-space-after, comment-empty-line-before */
    transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, padding 0.25s ease-in-out;
    /* stylelint-enable value-list-comma-space-after, comment-empty-line-before */
  }
  .js-is-sticky--change .main-menu > .menu-item > .menu-item__link {
    padding: 25px 0;
  }
  .main-menu > .menu-item:hover > a, .main-menu > .menu-item:focus > a, .main-menu > .menu-item:focus-within > a {
    background-color: transparent;
  }
  .main-menu .toggle-sub-menu {
    display: none;
  }
  .main-menu .menu-item.open > .toggle-sub-menu {
    transform: none;
  }
  .main-menu .menu-item > .menu-item__link {
    padding: 25px 0;
  }
  .main-menu > .menu-item > .toggle-sub-menu {
    background-image: none;
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    padding: 25px 0;
  }
  .main-menu > .menu-item > .toggle-sub-menu:hover, .main-menu > .menu-item > .toggle-sub-menu:focus {
    background-color: transparent;
  }
  .main-menu > .menu-item > .toggle-sub-menu:hover:before, .main-menu > .menu-item > .toggle-sub-menu:hover:after, .main-menu > .menu-item > .toggle-sub-menu:focus:before, .main-menu > .menu-item > .toggle-sub-menu:focus:after {
    background-color: var(--wp--preset--color--secondary-600);
  }
  .main-menu > .menu-item > .toggle-sub-menu:before, .main-menu > .menu-item > .toggle-sub-menu:after {
    content: "";
    top: 50%;
    position: absolute;
    width: 7px;
    height: 1.5px;
    background-color: var(--wp--preset--color--base-900);
    display: block;
    transition: all 0.2s ease;
    cursor: pointer;
  }
  .main-menu > .menu-item > .toggle-sub-menu:before {
    left: 4.5px;
    transform: rotate(45deg);
    border-bottom-left-radius: 1rem;
    border-top-left-radius: 1rem;
  }
  .main-menu > .menu-item > .toggle-sub-menu:after {
    right: 4.5px;
    transform: rotate(-45deg);
    border-bottom-right-radius: 1rem;
    border-top-right-radius: 1rem;
  }
  .main-menu > .menu-item.menu-item:not(.megamenu--open-on-tap):focus-within > .toggle-sub-menu:before, .main-menu > .menu-item.menu-item:not(.megamenu--open-on-tap):focus-within > .toggle-sub-menu:after,
  .main-menu > .menu-item.menu-item:not(.megamenu--open-on-tap):hover > .toggle-sub-menu:before,
  .main-menu > .menu-item.menu-item:not(.megamenu--open-on-tap):hover > .toggle-sub-menu:after,
  .main-menu > .menu-item.open > .toggle-sub-menu:before,
  .main-menu > .menu-item.open > .toggle-sub-menu:after {
    background-color: var(--wp--preset--color--secondary-600);
  }
  .main-menu > .menu-item.menu-item:not(.megamenu--open-on-tap):focus-within > .toggle-sub-menu:before,
  .main-menu > .menu-item.menu-item:not(.megamenu--open-on-tap):hover > .toggle-sub-menu:before,
  .main-menu > .menu-item.open > .toggle-sub-menu:before {
    transform: rotate(-45deg);
  }
  .main-menu > .menu-item.menu-item:not(.megamenu--open-on-tap):focus-within > .toggle-sub-menu:after,
  .main-menu > .menu-item.menu-item:not(.megamenu--open-on-tap):hover > .toggle-sub-menu:after,
  .main-menu > .menu-item.open > .toggle-sub-menu:after {
    transform: rotate(45deg);
  }
  .main-menu .menu-item > .sub-menu-container {
    height: auto;
    opacity: 1;
  }
  .main-menu .menu-item > .sub-menu-container > .sub-menu {
    clip-path: inset(-100vw -100vw -100vw -5px);
  }
  .main-menu .menu-item > .sub-menu-container > .sub-menu > .menu-item > .menu-item__link {
    transform: translateX(-120%);
    transition: transform 0.25s;
  }
  .main-menu .menu-item > .sub-menu-container > .sub-menu > .menu-item:nth-of-type(1) > .menu-item__link {
    transition-delay: 175ms;
  }
  .main-menu .menu-item > .sub-menu-container > .sub-menu > .menu-item:nth-of-type(2) > .menu-item__link {
    transition-delay: 200ms;
  }
  .main-menu .menu-item > .sub-menu-container > .sub-menu > .menu-item:nth-of-type(3) > .menu-item__link {
    transition-delay: 225ms;
  }
  .main-menu .menu-item > .sub-menu-container > .sub-menu > .menu-item:nth-of-type(4) > .menu-item__link {
    transition-delay: 250ms;
  }
  .main-menu .menu-item > .sub-menu-container > .sub-menu > .menu-item:nth-of-type(5) > .menu-item__link {
    transition-delay: 275ms;
  }
  .main-menu .menu-item > .sub-menu-container > .sub-menu > .menu-item:nth-of-type(6) > .menu-item__link {
    transition-delay: 300ms;
  }
  .main-menu .menu-item > .sub-menu-container > .sub-menu > .menu-item:nth-of-type(7) > .menu-item__link {
    transition-delay: 325ms;
  }
  .main-menu .menu-item > .sub-menu-container > .sub-menu > .menu-item:nth-of-type(8) > .menu-item__link {
    transition-delay: 350ms;
  }
  .main-menu .menu-item > .sub-menu-container > .sub-menu > .menu-item:nth-of-type(9) > .menu-item__link {
    transition-delay: 375ms;
  }
  .main-menu .menu-item > .sub-menu-container > .sub-menu > .menu-item:nth-of-type(10) > .menu-item__link {
    transition-delay: 400ms;
  }
  .main-menu .menu-item > .sub-menu-container > .sub-menu > .menu-item:nth-of-type(11) > .menu-item__link {
    transition-delay: 425ms;
  }
  .main-menu .menu-item > .sub-menu-container > .sub-menu > .menu-item:nth-of-type(12) > .menu-item__link {
    transition-delay: 450ms;
  }
  .main-menu .menu-item > .sub-menu-container > .sub-menu > .menu-item:nth-of-type(13) > .menu-item__link {
    transition-delay: 475ms;
  }
  .main-menu .menu-item > .sub-menu-container > .sub-menu > .menu-item:nth-of-type(14) > .menu-item__link {
    transition-delay: 500ms;
  }
  .main-menu .menu-item > .sub-menu-container > .sub-menu > .menu-item:nth-of-type(15) > .menu-item__link {
    transition-delay: 525ms;
  }
  .main-menu .menu-item > .sub-menu-container > .sub-menu > .menu-item {
    opacity: 1;
    transform: translateX(0);
  }
  .main-menu .menu-item:not(.megamenu--open-on-tap):focus-within > .sub-menu-container,
  .main-menu .menu-item:not(.megamenu--open-on-tap):hover > .sub-menu-container {
    display: flex;
    height: auto;
  }
  .main-menu .sub-menu {
    width: auto;
    min-width: 210px;
  }
  .main-menu > .menu-item.open ~ .menu-item,
  .main-menu > .menu-item:has(~ .menu-item.open),
  .main-menu .sub-menu-depth-0 > .menu-item.open ~ .menu-item,
  .main-menu .sub-menu-depth-0 > .menu-item:has(~ .menu-item.open) {
    display: flex;
  }
  .main-menu > .menu-item > .sub-menu-container {
    transform: translateY(-100%);
    z-index: -9000;
    width: auto;
    font-family: var(--wp--preset--font-family--zalando-sans);
    flex-grow: initial;
    flex-basis: auto;
    height: auto;
    left: 0;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    right: 0;
    top: 100%;
    background-color: var(--wp--preset--color--white);
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.6, 1), opacity 0.25s cubic-bezier(0.4, 0, 0.6, 1), visibility 0.25s cubic-bezier(0.4, 0, 0.6, 1);
    scrollbar-gutter: stable;
    scrollbar-width: none;
  }
  .main-menu > .menu-item:not(.megamenu--open-on-tap):focus-within > .sub-menu-container,
  .main-menu > .menu-item:not(.megamenu--open-on-tap):hover > .sub-menu-container,
  .main-menu > .menu-item.open > .sub-menu-container {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.6, 1), opacity 0.25s cubic-bezier(0.4, 0, 0.6, 1), visibility 0.25s cubic-bezier(0.4, 0, 0.6, 1);
  }
  .main-menu .menu-item:not(.megamenu--open-on-tap):focus-within > .sub-menu-container > .sub-menu > .menu-item > .menu-item__link,
  .main-menu .menu-item:not(.megamenu--open-on-tap):hover > .sub-menu-container > .sub-menu > .menu-item > .menu-item__link,
  .main-menu .menu-item.open > .sub-menu-container > .sub-menu > .menu-item > .menu-item__link {
    transform: translateX(0);
  }
  .main-menu .sub-menu-container .menu-item {
    border-bottom: 1px solid var(--wp--preset--color--base-300);
  }
  .main-menu .sub-menu-container .menu-item .menu-item__link {
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    width: 100%;
    flex-grow: initial;
    flex-basis: auto;
  }
  .main-menu > .menu-item:not(.megamenu, .menu--with-sidebar) .sub-menu-container .sub-menu {
    background-color: var(--wp--preset--color--white);
  }
  .main-menu > .menu-item:not(.megamenu, .menu--with-sidebar) .sub-menu-container .sub-menu .menu-item__link:hover, .main-menu > .menu-item:not(.megamenu, .menu--with-sidebar) .sub-menu-container .sub-menu .menu-item__link:focus, .main-menu > .menu-item:not(.megamenu, .menu--with-sidebar) .sub-menu-container .sub-menu .menu-item__link:focus-within {
    background: var(--wp--preset--color--base-200);
    color: var(--wp--preset--color--primary-500);
  }
  .main-menu > .menu-item:not(.megamenu, .menu--with-sidebar) .sub-menu-container .sub-menu > .menu-item-has-children:hover > .menu-item__link, .main-menu > .menu-item:not(.megamenu, .menu--with-sidebar) .sub-menu-container .sub-menu > .menu-item-has-children:focus > .menu-item__link, .main-menu > .menu-item:not(.megamenu, .menu--with-sidebar) .sub-menu-container .sub-menu > .menu-item-has-children:focus-within > .menu-item__link {
    background: var(--wp--preset--color--base-200);
    color: var(--wp--preset--color--primary-500);
  }
  .main-menu > .menu-item:not(.megamenu, .menu--with-sidebar) .sub-menu-depth-1,
  .main-menu > .menu-item:not(.megamenu, .menu--with-sidebar) .sub-menu-depth-2 {
    display: block;
    position: absolute;
    left: 100%;
    margin: 0;
    padding: 0;
    visibility: hidden;
    top: 0;
    opacity: 0;
    transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  }
  .main-menu > .menu-item:not(.megamenu, .menu--with-sidebar) .sub-menu-depth-1 .sub-menu-container,
  .main-menu > .menu-item:not(.megamenu, .menu--with-sidebar) .sub-menu-depth-2 .sub-menu-container {
    background-color: var(--wp--preset--color--white);
  }
  .main-menu > .menu-item:not(.megamenu, .menu--with-sidebar) .sub-menu-depth-0 > .menu-item-has-children:hover .sub-menu-depth-1, .main-menu > .menu-item:not(.megamenu, .menu--with-sidebar) .sub-menu-depth-0 > .menu-item-has-children:focus-within .sub-menu-depth-1 {
    display: block;
    opacity: 1;
    visibility: visible;
  }
  .main-menu > .menu-item:not(.megamenu, .menu--with-sidebar) .sub-menu-depth-1 > .menu-item-has-children:hover .sub-menu-depth-2, .main-menu > .menu-item:not(.megamenu, .menu--with-sidebar) .sub-menu-depth-1 > .menu-item-has-children:focus-within .sub-menu-depth-2 {
    display: block;
    opacity: 1;
    visibility: visible;
  }
  .main-menu > .megamenu .sub-menu-depth-0 .menu-item {
    border-bottom: 0;
  }
  .main-menu > .megamenu .sub-menu-depth-1 .menu-item-has-children,
  .main-menu > .megamenu .sub-menu-depth-2 .menu-item-has-children,
  .main-menu > .megamenu .sub-menu-depth-3 .menu-item-has-children,
  .main-menu > .megamenu .sub-menu-depth-4 .menu-item-has-children {
    flex-direction: column;
  }
  .main-menu > .megamenu .menu-item__link ~ .sub-menu-container .sub-menu .menu-item:not(.menu-item--button, .emphasized-menu-item) > .menu-item__link {
    background: none;
    padding-left: 0;
    padding-right: 0;
  }
  .main-menu > .megamenu .menu-item__link ~ .sub-menu-container .sub-menu .menu-item:not(.menu-item--button, .emphasized-menu-item) > .menu-item__link:hover, .main-menu > .megamenu .menu-item__link ~ .sub-menu-container .sub-menu .menu-item:not(.menu-item--button, .emphasized-menu-item) > .menu-item__link:focus {
    color: var(--wp--preset--color--secondary-600);
  }
  .main-menu > .megamenu .sub-menu-depth-0 .menu-item > a {
    font-weight: 400;
  }
  .main-menu > .megamenu:not(.menu--with-sidebar) .sub-menu {
    min-width: initial;
  }
  .main-menu > .megamenu:not(.menu--with-sidebar) .sub-menu-depth-1 {
    padding: 1.5em 0;
  }
  .main-menu > .megamenu:not(.menu--with-sidebar) .sub-menu-depth-2,
  .main-menu > .megamenu:not(.menu--with-sidebar) .sub-menu-depth-3,
  .main-menu > .megamenu:not(.menu--with-sidebar) .sub-menu-depth-4 {
    padding: 0 1.5rem;
  }
  .main-menu .sub-menu-depth-2 {
    max-height: 2500px;
    pointer-events: auto;
  }
  .main-menu .menu-item:not(.megamenu--open-on-tap):focus-within > .sub-menu-container > .sub-menu-depth-2,
  .main-menu .menu-item:not(.megamenu--open-on-tap):hover > .sub-menu-container > .sub-menu-depth-2 {
    max-height: 2500px;
    pointer-events: auto;
  }
  .main-menu .sub-menu-container .menu-item.menu-item--button {
    margin: 0;
  }
  .main-menu .sub-menu-container .menu-item.menu-item--button > .menu-item__link {
    margin: 0;
  }
  .main-menu .sub-menu-container .menu-item__image {
    display: block;
    margin-bottom: 5px;
    width: 100%;
  }
  .main-menu .sub-menu-container .menu-item__image img {
    max-width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    pointer-events: none;
  }
  .main-menu .sub-menu-container .menu-item__image svg {
    max-width: 100%;
    pointer-events: none;
  }
  .main-menu .sub-menu-container .menu-item__image picture {
    max-width: 100%;
    height: auto;
    display: flex;
    pointer-events: none;
  }
  .main-menu > .menu-item:not(.menu--with-sidebar, .megamenu) > .sub-menu-container {
    left: 0;
    position: absolute;
    right: auto;
    top: 100%;
  }
  .main-menu > .menu-item:not(.menu--with-sidebar, .megamenu) > .sub-menu-container .sub-menu {
    box-shadow: 0 10px 10px -1px rgba(50, 50, 50, 0.1);
  }
  .main-menu > .menu-item:not(.menu--with-sidebar, .megamenu) > .sub-menu-container .menu-item {
    flex-direction: column;
    align-items: flex-start;
  }
  .main-menu > .menu-item:not(.menu--with-sidebar, .megamenu) > .sub-menu-container .menu-item__link,
  .main-menu > .menu-item:not(.menu--with-sidebar, .megamenu) > .sub-menu-container .sub-menu-depth-0 > .menu-item .menu-item__link:has(~ .toggle-sub-menu) {
    padding: 1.25rem 1.75rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    text-transform: none;
    font-weight: 400;
  }
  .main-menu > .menu-item:not(.menu--with-sidebar, .megamenu) > .sub-menu-container .menu-item--button .menu-item__link {
    margin: 0;
  }
  .main-menu > .menu-item.megamenu:not(.megamenu--open-on-tap):focus-within > .sub-menu-container, .main-menu > .menu-item.megamenu:not(.megamenu--open-on-tap):hover > .sub-menu-container, .main-menu > .menu-item.megamenu.open > .sub-menu-container {
    transform: translateY(0);
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.6, 1), opacity 0.25s cubic-bezier(0.4, 0, 0.6, 1), visibility 0.25s cubic-bezier(0.4, 0, 0.6, 1);
  }
  .main-menu > .menu-item.megamenu:not(.megamenu--open-on-tap):focus-within:before, .main-menu > .menu-item.megamenu:not(.megamenu--open-on-tap):hover:before, .main-menu > .menu-item.megamenu.open:before {
    content: "";
    background-color: color-mix(in srgb, var(--wp--preset--color--base-900) 70%, transparent);
    backdrop-filter: blur(2px);
    opacity: 1;
    position: absolute;
    z-index: -9010;
    height: 100vh;
    top: 100%;
    right: 0;
    bottom: 0;
    left: 0;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.6, 1);
    pointer-events: none;
  }
  .main-menu > .menu-item.megamenu > .sub-menu-container {
    min-height: 200px;
    transform: translateY(-100%);
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.6, 1), opacity 0.25s cubic-bezier(0.4, 0, 0.6, 1), visibility 0.25s cubic-bezier(0.4, 0, 0.6, 1);
  }
  .main-menu > .menu-item.megamenu .sub-menu-depth-0 {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    margin: 0 auto;
    padding: 2.25rem 0 3.125rem;
  }
  .main-menu > .menu-item.megamenu .menu--width-100 {
    width: 100%;
    flex-basis: 100%;
  }
  .main-menu > .menu-item.megamenu .menu--width-50 {
    width: 50%;
    flex-basis: 50%;
  }
  .main-menu > .menu-item.megamenu .menu--width-33 {
    width: 33%;
    flex-basis: 33%;
  }
  .main-menu > .menu-item.megamenu .menu--width-25 {
    width: 25%;
    flex-basis: 25%;
  }
  .main-menu > .menu-item.megamenu .menu--width-auto {
    width: auto;
    flex-basis: auto;
  }
  .main-menu > .menu-item.megamenu:not(.menu--with-sidebar) .sub-menu .menu--width-100 > .sub-menu-container > .sub-menu,
  .main-menu > .menu-item.megamenu .sub-menu.sub-menu-depth-1 .menu--width-100 > .sub-menu-container > .sub-menu {
    display: flex;
    flex-wrap: wrap;
    padding: 0.625rem 0;
  }
  .main-menu > .menu-item.megamenu:not(.menu--with-sidebar) .sub-menu .menu--width-100 > .sub-menu-container > .sub-menu > .menu-item,
  .main-menu > .menu-item.megamenu .sub-menu.sub-menu-depth-1 .menu--width-100 > .sub-menu-container > .sub-menu > .menu-item {
    width: auto;
    flex-basis: auto;
    padding-right: 2.25rem;
  }
  .main-menu > .menu-item.megamenu:not(.menu--with-sidebar) .sub-menu .menu--width-100 > .sub-menu-container > .sub-menu > .menu-item > .menu-item__link,
  .main-menu > .menu-item.megamenu .sub-menu.sub-menu-depth-1 .menu--width-100 > .sub-menu-container > .sub-menu > .menu-item > .menu-item__link {
    padding: 0.5rem 0;
  }
  .main-menu > .menu-item.megamenu:not(.menu--with-sidebar) .sub-menu .menu--width-100 > .sub-menu-container > .sub-menu > .menu-item:first-child,
  .main-menu > .menu-item.megamenu .sub-menu.sub-menu-depth-1 .menu--width-100 > .sub-menu-container > .sub-menu > .menu-item:first-child {
    padding-top: 0;
  }
  .main-menu > .menu-item.megamenu:not(.menu--with-sidebar) .sub-menu .menu--width-100 > .sub-menu-container > .sub-menu > .menu-item:last-child,
  .main-menu > .menu-item.megamenu .sub-menu.sub-menu-depth-1 .menu--width-100 > .sub-menu-container > .sub-menu > .menu-item:last-child {
    padding-bottom: 0;
  }
  .main-menu > .menu-item.megamenu:not(.menu--with-sidebar) .menu-item__link {
    transform: none !important; /* stylelint-disable-line declaration-no-important */
    transition: none !important; /* stylelint-disable-line declaration-no-important */
    white-space: normal;
  }
  .main-menu > .menu-item.megamenu:not(.menu--with-sidebar) > .sub-menu-container {
    overflow-y: auto;
    max-height: 75vh;
    background: linear-gradient(var(--wp--preset--color--white) 30%, transparent), linear-gradient(transparent, var(--wp--preset--color--white) 70%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(174, 174, 178, 0.85), transparent), radial-gradient(farthest-side at 50% 100%, rgba(174, 174, 178, 0.85), transparent) 0 100%; /* stylelint-disable-line */
    background-repeat: no-repeat;
    background-color: var(--wp--preset--color--white);
    background-size: 100% 40px, 100% 40px, 100% 20px, 100% 20px;
    background-attachment: local, local, scroll, scroll;
  }
  .main-menu > .menu-item.megamenu:not(.menu--with-sidebar) .sub-menu-depth-0 {
    --gap-size: 5rem;
    margin: 0 auto;
    max-width: var(--wp--custom--wide-size);
    padding-left: 30px;
    padding-right: 30px;
    gap: var(--gap-size);
    flex-shrink: 0;
    justify-content: center;
  }
  .main-menu > .menu-item.megamenu:not(.menu--with-sidebar) { /* stylelint-disable-line order/order */
    /* stylelint-disable-line order/order */
    /* stylelint-disable-line order/order */
    /* stylelint-disable-line order/order */
    /* stylelint-disable-line order/order */
    /* stylelint-disable-line order/order */
    /* stylelint-disable-line order/order */
    /* stylelint-disable-line order/order */
    /* stylelint-disable-line order/order */
    /* stylelint-disable-line order/order */
  }
  .main-menu > .menu-item.megamenu:not(.menu--with-sidebar) .sub-menu-depth-0 > .menu-item { /* stylelint-disable-line no-duplicate-selectors */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  }
  .main-menu > .menu-item.megamenu:not(.menu--with-sidebar) .sub-menu-depth-0 > .menu-item--button {
    padding-bottom: 35px;
  }
  .main-menu > .menu-item.megamenu:not(.menu--with-sidebar) .sub-menu-depth-0 > .menu-item--button.menu--width-100 {
    padding-bottom: 60px;
  }
  .main-menu > .menu-item.megamenu:not(.menu--with-sidebar).megamenu--center-content .sub-menu-depth-0 {
    justify-content: center;
  }
  .main-menu > .menu-item.megamenu:not(.menu--with-sidebar) .sub-menu-depth-0 > .menu-item:nth-child(1n) {
    transition-delay: 0.2s !important; /* stylelint-disable-line declaration-no-important */
  }
  .main-menu > .menu-item.megamenu:not(.menu--with-sidebar) .sub-menu-depth-0 > .menu-item:nth-child(2n) {
    transition-delay: 0.3s !important; /* stylelint-disable-line declaration-no-important */
  }
  .main-menu > .menu-item.megamenu:not(.menu--with-sidebar) .sub-menu-depth-0 > .menu-item:nth-child(3n) {
    transition-delay: 0.4s !important; /* stylelint-disable-line declaration-no-important */
  }
  .main-menu > .menu-item.megamenu:not(.menu--with-sidebar) .sub-menu-depth-0 > .menu-item:nth-child(4n) {
    transition-delay: 0.5s !important; /* stylelint-disable-line declaration-no-important */
  }
  .main-menu > .menu-item.megamenu:not(.menu--with-sidebar) .sub-menu-depth-0 > .menu-item:nth-child(5n) {
    transition-delay: 0.6s !important; /* stylelint-disable-line declaration-no-important */
  }
  .main-menu > .menu-item.megamenu:not(.menu--with-sidebar) .sub-menu-depth-0 > .menu-item:nth-child(6n) {
    transition-delay: 0.7s !important; /* stylelint-disable-line declaration-no-important */
  }
  .main-menu > .menu-item.megamenu:not(.menu--with-sidebar) .sub-menu-depth-0 > .menu-item:nth-child(7n) {
    transition-delay: 0.8s !important; /* stylelint-disable-line declaration-no-important */
  }
  .main-menu > .menu-item.megamenu:not(.menu--with-sidebar) .sub-menu-depth-0 > .menu-item:nth-child(8n) {
    transition-delay: 0.9s !important; /* stylelint-disable-line declaration-no-important */
  }
  .main-menu > .menu-item.megamenu:not(.menu--with-sidebar) .sub-menu-depth-0 > .menu-item:nth-child(9n) {
    transition-delay: 1s !important; /* stylelint-disable-line declaration-no-important */
  }
  .main-menu > .menu-item.megamenu:not(.menu--with-sidebar) .sub-menu-depth-0 > .menu-item:nth-child(10n) {
    transition-delay: 1.1s !important; /* stylelint-disable-line declaration-no-important */
  }
  .main-menu > .menu-item.megamenu:not(.menu--with-sidebar) .sub-menu-depth-0 > .menu-item.emphasized-menu-item {
    transition-delay: 0s !important; /* stylelint-disable-line declaration-no-important */
  }
  .main-menu > .menu-item.megamenu:not(.menu--with-sidebar).open .sub-menu-depth-0 > .menu-item, .main-menu > .menu-item.megamenu:not(.menu--with-sidebar):not(.megamenu--open-on-tap):hover .sub-menu-depth-0 > .menu-item, .main-menu > .menu-item.megamenu:not(.menu--with-sidebar):not(.megamenu--open-on-tap):focus-within .sub-menu-depth-0 > .menu-item {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  }
  .main-menu > .menu-item.megamenu:not(.menu--with-sidebar) .sub-menu-depth-0 > .menu-item.menu-item-has-children:not(.menu-item--button) > .menu-item__link,
  .main-menu > .menu-item.megamenu:not(.menu--with-sidebar) .sub-menu-depth-0 > .menu-item > a {
    text-transform: uppercase;
    font-weight: 600;
    width: 100%;
  }
  .main-menu > .menu-item.megamenu:not(.menu--with-sidebar) .sub-menu-depth-0 > .menu-item.menu-item-has-children:not(.menu-item--button) > .menu-item__link .menu-item__description,
  .main-menu > .menu-item.megamenu:not(.menu--with-sidebar) .sub-menu-depth-0 > .menu-item > a .menu-item__description {
    text-transform: none;
  }
  .main-menu > .menu-item.megamenu:not(.menu--with-sidebar) .sub-menu-depth-0 .sub-menu-container {
    width: 100%;
  }
  .main-menu > .menu-item.megamenu:not(.menu--with-sidebar) .sub-menu-depth-0 .sub-menu-container li {
    width: 100%;
  }
  .main-menu > .menu-item.megamenu:not(.menu--with-sidebar) .sub-menu-depth-0 .sub-menu-container li:first-child {
    padding-top: 6px;
  }
  .main-menu > .menu-item.megamenu:not(.menu--with-sidebar) .sub-menu-depth-0 .sub-menu-container li:last-child {
    padding-bottom: 6px;
  }
  .main-menu > .menu-item.megamenu:not(.menu--with-sidebar) .sub-menu-depth-0 .sub-menu-container .sub-menu-depth-1 li:first-child {
    padding-top: 0;
  }
  .main-menu > .menu-item.megamenu:not(.menu--with-sidebar) .sub-menu-depth-0 .sub-menu-container .sub-menu-depth-3 li:first-child,
  .main-menu > .menu-item.megamenu:not(.menu--with-sidebar) .sub-menu-depth-0 .sub-menu-container .sub-menu-depth-4 li:first-child {
    padding-bottom: 0;
  }
  .main-menu > .menu-item.megamenu:not(.menu--with-sidebar) .sub-menu-depth-0 .sub-menu-container a {
    padding: 6px 0;
  }
  .main-menu .menu-item.megamenu.menu--with-sidebar .sub-menu:not(.sub-menu-depth-0) .menu-item__link {
    transform: none !important; /* stylelint-disable-line declaration-no-important */
    transition: none !important; /* stylelint-disable-line declaration-no-important */
  }
  .main-menu .menu-item.megamenu.menu--with-sidebar > .sub-menu-container {
    overflow-y: auto;
    max-height: 75vh;
    min-height: 200px;
    background-color: var(--wp--preset--color--base-100);
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.6, 1), opacity 0.25s cubic-bezier(0.4, 0, 0.6, 1), visibility 0.25s cubic-bezier(0.4, 0, 0.6, 1), height 0.25s cubic-bezier(0.4, 0, 0.6, 1);
  }
  .main-menu .menu-item.megamenu.menu--with-sidebar > .sub-menu-container > .sub-menu > .menu-item {
    transform: none;
  }
  .main-menu .menu-item.megamenu.menu--with-sidebar.open > .sub-menu-container {
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.6, 1), opacity 0.25s cubic-bezier(0.4, 0, 0.6, 1), visibility 0.25s cubic-bezier(0.4, 0, 0.6, 1), height 0.25s cubic-bezier(0.4, 0, 0.6, 1);
  }
  .main-menu .menu-item.megamenu.menu--with-sidebar .sub-menu-container {
    align-items: flex-start;
  }
  .main-menu .menu-item.megamenu.menu--with-sidebar .sub-menu-depth-0 {
    position: relative;
    padding: 2.25rem 0 2.25rem 4.9vw;
    max-width: none;
    flex-flow: column nowrap;
  }
  .main-menu .menu-item.megamenu.menu--with-sidebar .sub-menu-depth-0 > .menu-item {
    align-items: flex-start;
    width: auto;
    flex-basis: auto;
    max-width: 19vw;
  }
  .main-menu .menu-item.megamenu.menu--with-sidebar .sub-menu-depth-0 > .menu-item:not(.menu-item--button) > .menu-item__link {
    padding: 2rem;
    font-size: 1.1875rem;
  }
  .main-menu .menu-item.megamenu.menu--with-sidebar .sub-menu-depth-0 > .menu-item.menu-item--button > .menu-item__link {
    margin: 2rem;
    width: 100%;
  }
  .main-menu .menu-item.megamenu.menu--with-sidebar .sub-menu-depth-0 > .menu-item > .sub-menu-container {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 23.9vw;
    width: calc(100% - 19vw - 4.9vw);
    padding: 2.25rem 0 2rem;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    height: -moz-fit-content;
    height: fit-content;
    background-color: var(--wp--preset--color--white);
  }
  .main-menu .menu-item.megamenu.menu--with-sidebar .sub-menu-depth-0 > .menu-item > .sub-menu-container * {
    pointer-events: none;
  }
  .main-menu .menu-item.megamenu.menu--with-sidebar .sub-menu-depth-0 > .menu-item > .sub-menu-container .sub-menu-depth-1 {
    overflow: hidden;
  }
  .main-menu .menu-item.megamenu.menu--with-sidebar.open .sub-menu-depth-0:not(:has(.menu-item.open)) > .menu-item:first-child > .sub-menu-container, .main-menu .menu-item.megamenu.menu--with-sidebar.open .sub-menu-depth-0 > .menu-item.open > .sub-menu-container {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    min-height: 100%;
  }
  .main-menu .menu-item.megamenu.menu--with-sidebar.open .sub-menu-depth-0:not(:has(.menu-item.open)) > .menu-item:first-child > .sub-menu-container *, .main-menu .menu-item.megamenu.menu--with-sidebar.open .sub-menu-depth-0 > .menu-item.open > .sub-menu-container * {
    pointer-events: auto;
  }
  .main-menu .menu-item.megamenu.menu--with-sidebar .sub-menu-depth-0:not(:has(.menu-item.open)) > .menu-item:first-child > .menu-item__link,
  .main-menu .menu-item.megamenu.menu--with-sidebar .sub-menu-depth-0 > .menu-item.open > .menu-item__link {
    background-color: var(--wp--preset--color--white);
    color: var(--wp--preset--color--secondary-600);
  }
  .main-menu .menu-item.megamenu.menu--with-sidebar .sub-menu-depth-1 {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 0 2.75rem;
    width: 100%;
  }
  .main-menu .menu-item.megamenu.menu--with-sidebar .sub-menu-depth-1 > .menu-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 20px 20px;
  }
  .main-menu .menu-item.megamenu.menu--with-sidebar .sub-menu-depth-1 > .menu-item--button {
    padding-bottom: 35px;
  }
  .main-menu .menu-item.megamenu.menu--with-sidebar .sub-menu-depth-1 > .menu-item.menu-item-has-children:not(.menu-item--button) > .menu-item__link {
    font-weight: 400;
    text-transform: uppercase;
    padding-bottom: 4px;
    margin-bottom: 4px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
    border-bottom-color: rgba(0, 0, 0, 0.16);
    width: 100%;
    font-size: 0.9375rem;
  }
  .main-menu .menu-item.megamenu.menu--with-sidebar .sub-menu-depth-1 .sub-menu {
    width: 100%;
  }
  .main-menu .menu-item.megamenu.menu--with-sidebar .sub-menu-depth-1 .sub-menu li {
    width: 100%;
  }
  .main-menu .menu-item.megamenu.menu--with-sidebar .sub-menu-depth-1 .sub-menu li:first-child {
    padding-top: 10px;
  }
  .main-menu .menu-item.megamenu.menu--with-sidebar .sub-menu-depth-1 .sub-menu li:last-child {
    padding-bottom: 10px;
  }
  .main-menu .menu-item.megamenu.menu--with-sidebar .sub-menu-depth-1 .sub-menu a {
    padding: 10px 0;
  }
  .main-menu > .menu-item:not(.menu--with-sidebar) .sub-menu-depth-0 > .emphasized-menu-item {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: var(--wp--preset--color--base-900);
    text-align: center;
    padding: 0;
  }
  .main-menu > .menu-item:not(.menu--with-sidebar) .sub-menu-depth-0 > .emphasized-menu-item:hover, .main-menu > .menu-item:not(.menu--with-sidebar) .sub-menu-depth-0 > .emphasized-menu-item:focus {
    background-color: var(--wp--preset--color--base-1000);
  }
  .main-menu > .menu-item:not(.menu--with-sidebar) .sub-menu-depth-0 > .emphasized-menu-item > a {
    font-weight: 600;
    color: var(--wp--preset--color--white);
    text-transform: uppercase;
    border: 0;
    width: 100%;
    justify-content: center;
  }
  .main-menu > .megamenu:not(.menu--with-sidebar) .sub-menu-depth-0:has(.emphasized-menu-item) {
    height: 100%;
    clip-path: unset;
    position: relative;
    padding-bottom: calc(3.125rem + 70px);
  }
  .main-menu > .megamenu:not(.menu--with-sidebar) .sub-menu-depth-0:has(.emphasized-menu-item) > .emphasized-menu-item {
    top: unset;
    bottom: 0;
    margin: 0 calc(-50vw + 50%);
  }
  .main-menu > .megamenu:not(.menu--with-sidebar) .sub-menu-depth-0:has(.emphasized-menu-item) > .emphasized-menu-item a {
    color: var(--wp--preset--color--white);
    position: relative;
    padding: 1.43em 0;
  }
  .main-menu > .megamenu:not(.menu--with-sidebar) .sub-menu-depth-0:has(.emphasized-menu-item) > .emphasized-menu-item a:hover, .main-menu > .megamenu:not(.menu--with-sidebar) .sub-menu-depth-0:has(.emphasized-menu-item) > .emphasized-menu-item a:focus {
    color: var(--wp--preset--color--white);
  }
  .main-menu > .megamenu:not(.menu--with-sidebar) .sub-menu-depth-0:has(.emphasized-menu-item) > .emphasized-menu-item a:after {
    display: inline-block;
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12H19' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 5L19 12L12 19' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    height: 24px;
    padding-left: 10px;
  }
  .main-menu > .menu-item:not(.menu--with-sidebar) .sub-menu .separated-menu-item {
    margin-bottom: 1.5rem;
  }
  .ac-nav-collapse .main-menu .megamenu .sub-menu-depth-0 > .menu-item--with-image {
    display: flex;
    flex-direction: column;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
  .ac-nav-collapse .main-menu .megamenu .sub-menu-depth-0 > .menu-item--with-image > a {
    font-weight: 700;
    font-style: normal;
    line-height: 1.53;
    text-transform: none;
    text-decoration: underline;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .ac-nav-collapse .main-menu .megamenu .sub-menu-depth-0 > .menu-item--with-image .menu-item-image-button {
    display: block;
    width: 100%;
    padding: 1rem 1.5rem;
    text-align: center;
  }
  .ac-nav-collapse .main-menu .megamenu .sub-menu-depth-0 > .menu-item--with-image.accent a {
    color: var(--wp--preset--color--base-900);
  }
  .ac-nav-collapse .main-menu .megamenu .sub-menu-depth-0 > .menu-item--with-image.accent a .menu-item-image-button {
    background: var(--wp--preset--color--white);
  }
  .ac-nav-collapse .main-menu .megamenu .sub-menu-depth-0 > .menu-item--with-image.accent a .menu-item-image-button:hover, .ac-nav-collapse .main-menu .megamenu .sub-menu-depth-0 > .menu-item--with-image.accent a .menu-item-image-button:focus {
    background-color: rgba(189, 188, 188, 0.8);
  }
  .ac-nav-collapse .main-menu .megamenu .sub-menu-depth-0 > .menu-item--with-image.accent a .menu-item-image-button:active {
    background-color: #959495;
  }
  .ac-nav-collapse .main-menu .megamenu .sub-menu-depth-0 > .menu-item--with-image.accent a:hover, .ac-nav-collapse .main-menu .megamenu .sub-menu-depth-0 > .menu-item--with-image.accent a:focus {
    opacity: 0.8;
  }
  .ac-nav-collapse .main-menu .megamenu .sub-menu-depth-0 > .menu-item--with-image.accent a:active {
    opacity: 0.6;
  }
  .ac-nav-collapse .main-menu .megamenu .sub-menu-depth-0 > .menu-item--with-image a {
    color: var(--wp--preset--color--base-900);
  }
  .ac-nav-collapse .main-menu .megamenu .sub-menu-depth-0 > .menu-item--with-image a .menu-item-image-button {
    background: var(--wp--preset--color--white);
  }
  .ac-nav-collapse .main-menu .megamenu .sub-menu-depth-0 > .menu-item--with-image a .menu-item-image-button:hover, .ac-nav-collapse .main-menu .megamenu .sub-menu-depth-0 > .menu-item--with-image a .menu-item-image-button:focus {
    background-color: rgba(189, 188, 188, 0.8);
  }
  .ac-nav-collapse .main-menu .megamenu .sub-menu-depth-0 > .menu-item--with-image a .menu-item-image-button:active {
    background-color: #959495;
  }
  .ac-nav-collapse .main-menu .megamenu .sub-menu-depth-0 > .menu-item--with-image a .menu-item__image:hover, .ac-nav-collapse .main-menu .megamenu .sub-menu-depth-0 > .menu-item--with-image a .menu-item__image:focus {
    opacity: 0.8;
  }
  .ac-nav-collapse .main-menu .megamenu .sub-menu-depth-0 > .menu-item--with-image a .menu-item__image:active {
    opacity: 0.6;
  }
  .ac-nav-collapse .main-menu .megamenu .sub-menu-depth-0 > .menu-item--with-image .menu-item__image {
    display: none;
  }
  .ac-nav-collapse .main-menu .megamenu .sub-menu-depth-0 > .menu-item--with-image .toggle-sub-menu {
    display: none !important;
  }
  .ac-nav-collapse .main-menu .megamenu .sub-menu-depth-0 > .menu-item-with-mobile-image > a {
    background: none;
    padding: 0;
    font-weight: 600;
    line-height: 1.43;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 0.875rem;
  }
  .ac-nav-collapse .main-menu .megamenu .sub-menu-depth-0 > .menu-item-with-mobile-image .menu-item-image-wrap {
    margin-bottom: 0;
    height: 0;
    background-image: none !important;
  }
  .ac-nav-collapse .main-menu .megamenu .sub-menu-depth-0 > .menu-item-with-mobile-image .menu-item-image-wrap img {
    max-width: 300px;
  }
  .main-menu > .menu-item > .menu-item__link {
    font-size: 1rem !important;
    font-family: var(--wp--preset--font-family--zalando-sans) !important;
  }
  .main-menu > .menu-item > .toggle-sub-menu:before, .main-menu > .menu-item > .toggle-sub-menu:after {
    top: 55%;
    width: 14px;
  }
  .main-menu > .menu-item > .toggle-sub-menu:before {
    left: 5px;
  }
  .main-menu > .menu-item > .toggle-sub-menu:after {
    right: -8px;
  }
  .main-menu > .menu-item > .sub-menu-container {
    overflow: visible;
  }
  .main-menu > .menu-item > .sub-menu-container .sub-menu {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 38px -10px rgba(22, 23, 24, 0.35), 0 10px 20px -15px rgba(22, 23, 24, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.05);
    padding: 8px;
    background-color: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(12px) saturate(180%);
    border: 1px solid rgba(0, 0, 0, 0.06);
    min-width: 220px;
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: top center;
  }
  .main-menu > .menu-item:not(.megamenu--open-on-tap):hover > .sub-menu-container .sub-menu,
  .main-menu > .menu-item:not(.megamenu--open-on-tap):focus-within > .sub-menu-container .sub-menu,
  .main-menu > .menu-item.open > .sub-menu-container .sub-menu {
    animation: dropdownFadeIn 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  }
  .main-menu > .menu-item:not(.megamenu, .menu--with-sidebar) .sub-menu-container .sub-menu .menu-item__link {
    padding: 10px 14px;
    margin: 2px 4px;
    transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .main-menu > .menu-item:not(.megamenu, .menu--with-sidebar) .sub-menu-container .sub-menu .menu-item__link:focus-visible {
    outline: 2px solid var(--wp--preset--color--secondary-600);
    outline-offset: -2px;
    border-radius: 8px;
  }
  .main-menu > .menu-item:not(.megamenu, .menu--with-sidebar) .sub-menu-container .sub-menu .menu-item__link:hover, .main-menu > .menu-item:not(.megamenu, .menu--with-sidebar) .sub-menu-container .sub-menu .menu-item__link:focus, .main-menu > .menu-item:not(.megamenu, .menu--with-sidebar) .sub-menu-container .sub-menu .menu-item__link:focus-within {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.02));
    border-radius: 8px;
    transform: scale(1.02) translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  }
  .main-menu > .menu-item:not(.megamenu, .menu--with-sidebar) .sub-menu-container .sub-menu .menu-item__link:active {
    background: rgba(0, 0, 0, 0.06);
    transform: scale(1) translateY(0);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  }
  .main-menu > .menu-item:not(.megamenu, .menu--with-sidebar) .sub-menu-container .sub-menu > .menu-item {
    border-bottom: none;
    margin: 0;
  }
  .main-menu > .menu-item:not(.megamenu, .menu--with-sidebar) .sub-menu-container .sub-menu > .menu-item:first-child {
    margin-top: 0;
  }
  .main-menu > .menu-item:not(.megamenu, .menu--with-sidebar) .sub-menu-container .sub-menu > .menu-item:first-child .menu-item__link {
    margin-top: 0;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
  }
  .main-menu > .menu-item:not(.megamenu, .menu--with-sidebar) .sub-menu-container .sub-menu > .menu-item:last-child {
    margin-bottom: 0;
  }
  .main-menu > .menu-item:not(.megamenu, .menu--with-sidebar) .sub-menu-container .sub-menu > .menu-item:last-child .menu-item__link {
    margin-bottom: 0;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
  }
  .main-menu > .menu-item:not(.menu--with-sidebar, .megamenu) > .sub-menu-container {
    overflow: visible;
  }
  .main-menu > .menu-item:not(.menu--with-sidebar, .megamenu) > .sub-menu-container .sub-menu {
    border-radius: 16px;
    overflow: hidden;
    margin-top: 4px;
  }
  .main-menu > .menu-item:not(.megamenu, .menu--with-sidebar) .sub-menu-container .sub-menu .menu-item__link {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 0.9375rem;
    line-height: 1.5;
  }
  .site-header-right-column .qala-wishlist-header .qala-wishlist-button svg {
    height: 20px;
  }
  .site-header-right-column .search-icon-hide.search-icon-show-mob {
    display: none;
  }
  .nav-search-container {
    height: 70px;
  }
  .nav-search-container .form-control {
    line-height: 1.33;
    letter-spacing: 0;
    font-size: 1.5rem;
  }
  .nav-search-container .form-control,
  .nav-search-container button {
    height: 70px;
  }
  .top-header {
    display: block;
    position: relative;
    z-index: 1750;
  }
  .top-header-mobile {
    display: none;
  }
  .info-bar p {
    font-size: 0.9375rem;
  }
  .social-media-buttons {
    justify-content: center;
  }
  .payment-gateway-icons {
    justify-content: flex-end;
  }
  .payment-gateway-icons a {
    padding: 12px 0;
  }
  .footer-bottom-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .footer-bottom-wrapper .footer-bottom-column {
    flex-basis: 33.33%;
  }
  .footer-bottom-wrapper .column--country-selector {
    display: block;
    margin-bottom: 0;
  }
  .footer-bottom-wrapper .column--info {
    display: block;
  }
  .footer-bottom-wrapper .column--info .site-info {
    padding: 0;
  }
  .footer-bottom-wrapper .info--legal-links {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 6px;
  }
  .site-footer__grid {
    grid-template-columns: 2.5fr 1fr 1fr 1fr;
    gap: 3rem 2rem;
  }
  .site-footer__branding {
    grid-column: 1;
    max-width: 100%;
  }
  .site-footer__svg-logo svg {
    max-width: 350px;
  }
  .site-header__user-cta {
    margin-left: 12px;
  }
  .site-header-cart {
    margin-right: 0;
    position: relative;
  }
  .woocommerce.widget_shopping_cart {
    padding: 1.875rem;
    right: -20px;
  }
  .woocommerce.widget_shopping_cart .woocommerce-buttons {
    flex-flow: row nowrap;
  }
  .woocommerce.widget_shopping_cart .woocommerce-buttons a {
    flex-grow: 1;
  }
  .woocommerce.widget_shopping_cart .woocommerce-buttons a:not(.checkout) {
    margin-top: 0;
    order: 0;
  }
  .woocommerce.widget_shopping_cart:after {
    right: 20px;
  }
  .woocommerce-mini-cart .woocommerce-mini-cart-item + .woocommerce-mini-cart-item {
    margin-top: 1.75rem;
  }
  .ac-caption {
    padding-left: 1.875rem;
  }
  .ac-caption .price {
    font-size: 0.9375rem;
  }
  .ac-caption .quantity {
    font-size: 0.8125rem;
  }
  .ac-product-title {
    font-size: 0.9375rem;
  }
  .woocommerce ul.cart_list li dl dt,
  .woocommerce ul.cart_list li dl dd,
  .woocommerce ul.cart_list li dl p {
    letter-spacing: 0;
    font-size: 0.8125rem;
  }
  .woocommerce.widget_shopping_cart .total {
    padding: 2.8125rem 0 1.875rem;
  }
  .woocommerce.widget_shopping_cart .total strong {
    font-size: 0.8125rem;
  }
  .woocommerce.widget_shopping_cart .total .amount {
    letter-spacing: 0;
    font-size: 1.5rem;
  }
  body .qala-filters__tax-list__show-hide a,
  body .qala-filters__mobile-header {
    line-height: 1.58;
    letter-spacing: 0;
    font-size: 0.75rem;
  }
  .usp-bar__list {
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
  }
  .usp-bar__list.swiper-wrapper {
    width: auto;
  }
  .usp-bar__list li:nth-child(n+2) {
    display: flex;
  }
  .usp-bar__list li.swiper-slide {
    width: auto;
  }
  .usp-bar .usp-swiper {
    width: unset;
  }
  .secondary-menu {
    display: none;
  }
  .secondary-menu.desktop {
    display: flex;
  }
  .checkout .usp-swiper {
    width: unset;
  }
  .checkout .usp-bar__list {
    flex-wrap: nowrap;
  }
  .woocommerce-checkout:not(.checkout--modern) .usp-bar__list {
    gap: 10px;
  }
  .grid-slider-l.grid {
    display: flex;
  }
  .grid-slider-l [class*=col-] {
    max-width: none;
    align-self: flex-start;
  }
  .slider-container-l:before {
    display: none;
  }
  .woocommerce.single-product .woocommerce-breadcrumb,
  .qala-quickview .woocommerce-breadcrumb {
    display: block;
    text-transform: none;
    letter-spacing: 0;
    padding-right: 30px;
    padding-left: 30px;
    margin: 0;
    color: var(--wp--preset--color--base-900);
    font-weight: 400;
  }
  .woocommerce.single-product .woocommerce-breadcrumb a,
  .qala-quickview .woocommerce-breadcrumb a {
    color: var(--wp--preset--color--primary-500);
  }
  .woocommerce.single-product .woocommerce-breadcrumb a:hover, .woocommerce.single-product .woocommerce-breadcrumb a:focus,
  .qala-quickview .woocommerce-breadcrumb a:hover,
  .qala-quickview .woocommerce-breadcrumb a:focus {
    color: var(--wp--preset--color--primary-variant-chambray);
  }
  .woocommerce.single-product .product-wrap,
  .qala-quickview .product-wrap {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) 1fr;
    align-items: flex-start;
    padding-right: 30px;
    padding-left: 30px;
    margin-top: 1.5rem;
  }
  .woocommerce.single-product .product-wrap:has(.product-image-slider[data-slider-type="2"]:not([data-slider-no-thumbs])),
  .qala-quickview .product-wrap:has(.product-image-slider[data-slider-type="2"]:not([data-slider-no-thumbs])) {
    grid-template-columns: 620px 1fr;
  }
  .woocommerce.single-product #content div.product div.summary,
  .woocommerce.single-product div.product div.summary,
  .qala-quickview #content div.product div.summary,
  .qala-quickview div.product div.summary {
    grid-row: span 3;
    max-width: 100%;
  }
  .woocommerce.single-product .summary-inner-wrapper,
  .qala-quickview .summary-inner-wrapper {
    position: sticky;
    padding-right: 0;
    padding-top: 0;
    top: calc(153px + 1.15rem);
  }
  .container--productlistings {
    padding-right: 30px;
    padding-left: 30px;
  }
  .archive-masonry {
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
  }
  .archive-stay-informed-right {
    display: grid;
    grid-template-columns: 3fr 1fr;
  }
  .single-post .archive-stay-informed-right {
    width: 100%;
    margin: 0 auto;
    max-width: var(--wp--custom--wide-size);
    padding: 0 30px 0 0;
  }
  .archive-stay-informed-right .archive-stay-informed {
    margin-left: 2rem;
    max-width: none;
    width: calc(100% - 2rem);
    order: 2;
    margin-bottom: calc(1.5rem * 2);
  }
  .archive .archive-stay-informed-right .archive-stay-informed {
    margin-bottom: 0;
  }
  .single-post .archive-stay-informed-right .archive-stay-informed {
    margin: 0;
    width: 100%;
  }
  .archive-stay-informed-right .archive-stay-informed__sticky {
    position: sticky;
    top: 183px;
  }
  .archive-stay-informed-right .archive-stay-informed__content > * {
    max-width: none;
    margin-left: unset;
    margin-right: unset;
  }
  .archive-stay-informed {
    max-width: calc(930 / 1504 * 100%);
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
  }
  .archive .archive-stay-informed {
    margin-bottom: calc(1.5rem * 2);
  }
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    gap: 1.5rem 1.5rem;
  }
  .woocommerce ul.products.columns-5,
  .woocommerce-page ul.products.columns-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .woocommerce ul.products.columns-6,
  .woocommerce-page ul.products.columns-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .table-content__row-rest,
  .table-heading-rest {
    max-width: 440px;
  }
  .elastic-search {
    margin: 64px 0;
  }
  .archive-hero {
    padding: 3.75em 0;
  }
  .archive-hero h1 {
    font-size: 1.5rem;
  }
  .archive-link-list {
    margin-left: auto;
  }
  .archive-link-list a {
    font-size: 0.9375rem;
  }
  .archive-link-list h4 {
    font-size: 0.8125rem;
  }
  .headings-container {
    justify-content: initial;
    margin-bottom: 1em;
  }
  .page-description,
  .term-description {
    padding-top: 0;
  }
  .product-count {
    display: inline-block;
  }
  .logo-container {
    text-align: right;
  }
  .logo-container img {
    max-width: 150px;
  }
  .expandable-text,
  .expandable-text p {
    font-size: 0.9375rem;
  }
  .expandable-text {
    position: relative;
    max-height: 4.8em;
    overflow-y: hidden;
    transition: max-height 0.3s;
  }
  .expandable-text:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(transparent, var(--wp--preset--color--primary-variant-botticelli));
    pointer-events: none;
    opacity: 0.75;
  }
  .expandable-text p:last-of-type {
    margin-bottom: 0;
  }
  .expandable-text.expanded {
    max-height: 999px;
    transition: max-height 0.3s;
  }
  .expandable-text.expanded:after {
    opacity: 0;
  }
  @supports (interpolate-size: allow-keywords) {
    .expandable-text { /* stylelint-disable-line */
      interpolate-size: allow-keywords; /* stylelint-disable-line */
    }
    .expandable-text.expanded {
      max-height: -moz-fit-content;
      max-height: fit-content;
    }
  }
  button.expandable-text__link {
    display: inline-flex;
    align-items: center;
    font-weight: 600;
    letter-spacing: 0;
    color: var(--wp--preset--color--primary-500);
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 2px solid var(--wp--preset--color--primary-500);
    border-top: 0;
    border-left: 0;
    border-right: 0;
    visibility: hidden;
    background-color: transparent;
    padding: 2em 0 6px;
    border-radius: 0;
    transition: border-color 0.3s;
    font-size: 0.8125rem;
  }
  button.expandable-text__link .show-less {
    display: none;
  }
  button.expandable-text__link:focus, button.expandable-text__link:hover, button.expandable-text__link:hover:focus:active {
    color: var(--wp--preset--color--primary-500);
    border-bottom-color: transparent;
    text-decoration: none;
    cursor: pointer;
    background-color: transparent;
  }
  button.expandable-text__link:active, button.expandable-text__link:active:focus {
    border: 0;
  }
  button.expandable-text__link.expanded .show-less {
    display: inline-block;
  }
  button.expandable-text__link.expanded .show-more {
    display: none;
  }
  .archive-mobile-toggled-content {
    max-height: none;
    transition: none;
    overflow: visible;
  }
  .archive-mobile-toggled-btn {
    display: none;
  }
  .archive-hero.hero-with-logo {
    padding: 3.75em 0;
  }
  .archive-hero.hero-with-logo h1 {
    margin-bottom: 0;
    text-align: left;
    display: inline;
    flex: none;
  }
  .archive-popular-products h3 {
    text-align: left;
  }
  .products-slider h3 {
    text-align: left;
  }
  .product-blocks {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }
  .product-block {
    padding-left: 0;
    padding-right: 0;
  }
  .product-images-slider-container[data-thumbnail-position-mobile=""] .product-images-slider-thumbnails, .product-images-slider-container[data-thumbnail-position-mobile=right] .product-images-slider-thumbnails {
    margin-right: 0;
    margin-left: 9px;
  }
  .product-images-slider-container[data-thumbnail-position-mobile=bottom] .product-images-slider-thumbnails, .product-images-slider-container[data-thumbnail-position-mobile=top] .product-images-slider-thumbnails {
    margin-top: 10px;
  }
  .product-images-slider-container[data-thumbnail-position-mobile=bottom] .product-images-slider-thumbnails .product-images-slider-item-thumb, .product-images-slider-container[data-thumbnail-position-mobile=top] .product-images-slider-thumbnails .product-images-slider-item-thumb {
    max-width: 80px;
    margin-right: 9.7px;
  }
  .product-images-slider-container[data-thumbnail-position-mobile=top] .product-images-slider-thumbnails {
    margin-bottom: 10px;
  }
  .product-images-slider-container[data-thumbnail-position-desktop=right] {
    flex-direction: row;
  }
  .product-images-slider-container[data-thumbnail-position-desktop=right] .product-images-slider-thumbnails {
    order: 2;
    margin: 0 0 0 9px;
  }
  .product-images-slider-container[data-thumbnail-position-desktop=right] .product-images-slider-thumbnails .product-images-slider-thumbnails-slide {
    flex-direction: column;
  }
  .product-images-slider-container[data-thumbnail-position-desktop=right] .product-images-slider-thumbnails .product-images-slider-item-thumb {
    margin-right: 0;
    margin-bottom: 9px;
  }
  .product-images-slider-container[data-thumbnail-position-desktop=bottom], .product-images-slider-container[data-thumbnail-position-desktop=top] {
    flex-direction: column;
  }
  .product-images-slider-container[data-thumbnail-position-desktop=bottom] .product-images-slider-thumbnails, .product-images-slider-container[data-thumbnail-position-desktop=top] .product-images-slider-thumbnails {
    margin-top: 10px;
    max-width: 100%;
    order: 2;
    margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
    margin-right: 0 !important; /* stylelint-disable-line declaration-no-important */
  }
  .product-images-slider-container[data-thumbnail-position-desktop=bottom] .product-images-slider-thumbnails .product-images-slider-item-thumb, .product-images-slider-container[data-thumbnail-position-desktop=top] .product-images-slider-thumbnails .product-images-slider-item-thumb {
    max-width: 80px;
    margin-right: 9.7px;
    aspect-ratio: 1/1;
    display: flex !important; /* stylelint-disable-line declaration-no-important */
    margin-bottom: 0;
  }
  .product-images-slider-container[data-thumbnail-position-desktop=bottom] .product-images-slider-thumbnails .product-images-slider-item-thumb:last-of-type, .product-images-slider-container[data-thumbnail-position-desktop=top] .product-images-slider-thumbnails .product-images-slider-item-thumb:last-of-type {
    margin-right: 0 !important; /* stylelint-disable-line declaration-no-important */
  }
  .product-images-slider-container[data-thumbnail-position-desktop=bottom] .product-images-slider-thumbnails .product-images-slider-thumbnails-slide, .product-images-slider-container[data-thumbnail-position-desktop=top] .product-images-slider-thumbnails .product-images-slider-thumbnails-slide {
    display: flex;
    flex-direction: row;
  }
  .product-images-slider-container[data-thumbnail-position-desktop=bottom] .product-image-slider, .product-images-slider-container[data-thumbnail-position-desktop=top] .product-image-slider {
    max-width: 100%;
    flex-basis: 100%;
  }
  .product-images-slider-container[data-thumbnail-position-desktop=top] .product-images-slider-thumbnails {
    order: -1;
    margin-bottom: 10px;
    margin-top: 0;
  }
  .product-images-slider-container[data-thumbnail-position-desktop=""], .product-images-slider-container[data-thumbnail-position-desktop=left] {
    flex-direction: row;
  }
  .product-images-slider-container[data-thumbnail-position-desktop=""] .product-images-slider-thumbnails, .product-images-slider-container[data-thumbnail-position-desktop=left] .product-images-slider-thumbnails {
    order: -1;
    flex-direction: column !important; /* stylelint-disable-line declaration-no-important */
    margin-right: 9px !important; /* stylelint-disable-line declaration-no-important */
    margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
  }
  .product-images-slider-container[data-thumbnail-position-desktop=""] .product-images-slider-thumbnails .product-images-slider-item-thumb, .product-images-slider-container[data-thumbnail-position-desktop=left] .product-images-slider-thumbnails .product-images-slider-item-thumb {
    margin-right: 0;
    margin-bottom: 13px !important; /* stylelint-disable-line declaration-no-important */
  }
  .product-images-slider-container[data-thumbnail-position-desktop=""] .product-images-slider-thumbnails .product-images-slider-thumbnails-slide, .product-images-slider-container[data-thumbnail-position-desktop=left] .product-images-slider-thumbnails .product-images-slider-thumbnails-slide {
    flex-direction: column;
  }
  .product-images-slider-container:has(.product-image-slider[data-slider-type="2"])[data-thumbnail-position-desktop=top] .product-images-slider-thumbnails, .product-images-slider-container:has(.product-image-slider[data-slider-type="2"])[data-thumbnail-position-desktop=bottom] .product-images-slider-thumbnails {
    overflow: visible !important; /* stylelint-disable-line declaration-no-important */
  }
  .product-images-slider-container:has(.product-image-slider[data-slider-type="2"])[data-thumbnail-position-desktop=top] .product-images-slider-item-thumb, .product-images-slider-container:has(.product-image-slider[data-slider-type="2"])[data-thumbnail-position-desktop=bottom] .product-images-slider-item-thumb {
    margin-right: 10px !important; /* stylelint-disable-line declaration-no-important */
  }
  .product-images-slider-container:has(.product-image-slider[data-slider-type="2"])[data-thumbnail-position-desktop=top] .product-images-slider-item-thumb:last-of-type, .product-images-slider-container:has(.product-image-slider[data-slider-type="2"])[data-thumbnail-position-desktop=bottom] .product-images-slider-item-thumb:last-of-type {
    margin-right: 0 !important; /* stylelint-disable-line declaration-no-important */
  }
  .product-images-slider-thumbnails {
    max-width: 80px;
    flex-basis: 80px;
  }
  .product-images-slider-thumbnails {
    margin-right: 9px;
  }
  .product-images-slider-thumbnails .product-images-slider-item-thumb {
    margin-bottom: 8.4px;
  }
  .product-image-slider[data-slider-type="2"]:not([data-slider-no-thumbs]) .product-image-slider-wrapper {
    display: flex;
  }
  .product-image-slider[data-slider-type="2"]:not([data-slider-no-thumbs]) .product-image-slider-item {
    width: 50%;
  }
  .product-image-slider[data-slider-type="2"]:not([data-slider-no-thumbs]) .product-image-slider-item:nth-of-type(2) {
    display: block;
  }
  .product-image-slider[data-slider-type="2"]:not([data-slider-no-thumbs]) .product-images-slider-item-thumb {
    margin-right: 13px !important; /* stylelint-disable-line declaration-no-important */
  }
  body .wc-block-grid__products {
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }
  body .wc-block-grid.swiper-initialized .wc-block-grid__products .wc-block-grid__product {
    --gap: 1.5rem;
    margin-right: 1.5rem;
  }
  body .wc-block-grid.has-5-columns .wc-block-grid__products {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  body .wc-block-grid.has-5-columns.swiper-initialized .wc-block-grid__product {
    --cols: 5;
  }
  body .wc-block-grid.has-6-columns .wc-block-grid__products {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  body .wc-block-grid.has-6-columns.swiper-initialized .wc-block-grid__product {
    --cols: 6;
  }
  .ac-nav-collapse .vat-switcher-container {
    display: none;
  }
  .site:has(.ac-nav-collapse .vat-switcher-container) .usp-bar .vat-switcher-container,
  .site:has(.ac-nav-collapse .vat-switcher-container) .site-header-right-column .vat-switcher-container {
    display: flex;
  }
  .wp-block-columns.has-background {
    padding: 1.25em;
  }
  .wp-block-product-best-sellers.has-5-columns .wc-block-grid__product:nth-child(n+5) {
    display: flex;
  }
  .wp-block-product-best-sellers.has-5-columns .wc-block-grid__product:nth-child(n+6) {
    display: none;
  }
  .wp-block-product-best-sellers.has-6-columns .wc-block-grid__product:nth-child(n+5) {
    display: flex;
  }
  .wp-block-product-best-sellers.has-6-columns .wc-block-grid__product:nth-child(n+7) {
    display: none;
  }
  .k-product-card.wc-block-product-template__responsive.columns-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2rem;
  }
  .text-module-wrapper .text-module-pattern svg {
    width: 100%;
    height: auto;
  }
  .text-module-wrapper .text-module-pattern.text-module-pattern-desktop {
    display: block;
  }
  .text-module-wrapper .text-module-pattern.text-module-pattern-mobile {
    display: none;
  }
  .text-and-media-pattern.is-stacked-on-mobile {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .spotlight-pattern.alignfull {
    padding-right: 3rem;
    padding-left: 3rem;
  }
  .qec-results__container {
    gap: 1.5rem 1.5rem;
  }
  .qec-results__object-type-selector {
    margin-bottom: 2.5rem;
  }
}

@media (min-width: 992px) and (min-width: 992px) {
  .main-menu > .menu-item.megamenu:not(.menu--with-sidebar) .sub-menu-depth-0 .menu--width-100 {
    width: 100%;
    flex-basis: calc(100% - var(--gap-size));
  }
  .main-menu > .menu-item.megamenu:not(.menu--with-sidebar) .sub-menu-depth-0 .menu--width-50 {
    width: 50%;
    flex-basis: calc(50% - var(--gap-size));
  }
  .main-menu > .menu-item.megamenu:not(.menu--with-sidebar) .sub-menu-depth-0 .menu--width-33 {
    width: 33%;
    flex-basis: calc(33% - var(--gap-size));
  }
  .main-menu > .menu-item.megamenu:not(.menu--with-sidebar) .sub-menu-depth-0 .menu--width-25 {
    width: 25%;
    flex-basis: calc(25% - var(--gap-size));
  }
  .ac-nav-collapse .main-menu .megamenu .sub-menu-depth-0 > .menu-item--with-image .menu-item__image {
    display: block;
  }
  .ac-nav-collapse .main-menu .megamenu .sub-menu-depth-0 > .menu-item--with-image .menu-item__image img {
    width: 160px;
    min-width: 160px;
    max-width: 160px;
    aspect-ratio: 1/1;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .archive-stay-informed-right .archive-masonry {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1240px) {
  .col-xl-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .grid__reverse-order-xl {
    flex-direction: row-reverse;
  }
  .popular-products-slider.swiper-initialized .products .product,
  .products-slider.swiper-initialized .products .product {
    --gap: 2rem;
    margin-right: 2rem;
  }
  .site-branding img {
    height: 38px;
    max-width: initial;
  }
  .site-header-right-column button .count, .site-header-right-column__button .count, .site-header-right-column__button button .count, .site-header-right-column__button .cart-button .count {
    right: 0;
  }
  .site-header-right-column button,
  .site-header-right-column a.cart-button,
  .site-header-right-column a {
    padding: 0.6875rem 0.6875rem;
  }
  .site-header-right-column .qala-wishlist-header .qala-wishlist-button svg {
    height: 24px;
  }
  .grid-slider-xl.grid {
    display: flex;
  }
  .grid-slider-xl [class*=col-] {
    max-width: none;
    align-self: flex-start;
  }
  .slider-container-xl:before {
    display: none;
  }
  .woocommerce.single-product .product-wrap,
  .qala-quickview .product-wrap {
    grid-template-columns: 765px 1fr;
  }
  .woocommerce.single-product .product-wrap:has(.product-image-slider[data-slider-type="2"]:not([data-slider-no-thumbs])),
  .qala-quickview .product-wrap:has(.product-image-slider[data-slider-type="2"]:not([data-slider-no-thumbs])) {
    grid-template-columns: 765px 1fr;
  }
  .woocommerce.single-product #content div.product div.summary,
  .woocommerce.single-product div.product div.summary,
  .qala-quickview #content div.product div.summary,
  .qala-quickview div.product div.summary {
    width: auto;
  }
  .woocommerce.single-product .summary-inner-wrapper,
  .qala-quickview .summary-inner-wrapper {
    max-width: 450px;
  }
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    gap: 2rem 2rem;
  }
  form.composite_form {
    max-width: 765px;
  }
  .product-blocks {
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
  }
  .product-images-slider-container[data-thumbnail-position-mobile=""] .product-images-slider-thumbnails, .product-images-slider-container[data-thumbnail-position-mobile=right] .product-images-slider-thumbnails {
    margin-right: 0;
    margin-left: 13px;
  }
  .product-images-slider-container[data-thumbnail-position-mobile=""] .product-images-slider-thumbnails .product-images-slider-item-thumb, .product-images-slider-container[data-thumbnail-position-mobile=right] .product-images-slider-thumbnails .product-images-slider-item-thumb {
    margin-bottom: 13px;
  }
  .product-images-slider-container[data-thumbnail-position-mobile=bottom] .product-images-slider-thumbnails, .product-images-slider-container[data-thumbnail-position-mobile=top] .product-images-slider-thumbnails {
    margin-top: 15px;
  }
  .product-images-slider-container[data-thumbnail-position-mobile=bottom] .product-images-slider-thumbnails .product-images-slider-item-thumb, .product-images-slider-container[data-thumbnail-position-mobile=top] .product-images-slider-thumbnails .product-images-slider-item-thumb {
    margin-right: 12.8px;
    max-width: 98px;
  }
  .product-images-slider-container[data-thumbnail-position-mobile=top] .product-images-slider-thumbnails {
    margin-bottom: 15px;
  }
  .product-images-slider-container[data-thumbnail-position-desktop=right] .product-images-slider-thumbnails {
    margin: 0 0 0 13px;
  }
  .product-images-slider-container[data-thumbnail-position-desktop=right] .product-images-slider-thumbnails .product-images-slider-item-thumb {
    margin-bottom: 13px;
  }
  .product-images-slider-container[data-thumbnail-position-desktop=bottom] .product-images-slider-thumbnails, .product-images-slider-container[data-thumbnail-position-desktop=top] .product-images-slider-thumbnails {
    margin-top: 15px;
  }
  .product-images-slider-container[data-thumbnail-position-desktop=bottom] .product-images-slider-thumbnails .product-images-slider-item-thumb, .product-images-slider-container[data-thumbnail-position-desktop=top] .product-images-slider-thumbnails .product-images-slider-item-thumb {
    margin-right: 12.8px;
    max-width: 98px;
  }
  .product-images-slider-container[data-thumbnail-position-desktop=top] .product-images-slider-thumbnails {
    margin-bottom: 15px;
  }
  .product-images-slider-container[data-thumbnail-position-desktop=""] .product-images-slider-thumbnails, .product-images-slider-container[data-thumbnail-position-desktop=left] .product-images-slider-thumbnails {
    margin: 0 13px 0 0 !important; /* stylelint-disable-line declaration-no-important */
  }
  .product-images-slider-container[data-thumbnail-position-desktop=""] .product-images-slider-thumbnails .product-images-slider-item-thumb, .product-images-slider-container[data-thumbnail-position-desktop=left] .product-images-slider-thumbnails .product-images-slider-item-thumb {
    margin-bottom: 13px !important; /* stylelint-disable-line declaration-no-important */
  }
  .product-images-slider-thumbnails {
    min-width: 98px;
    flex-basis: 98px;
  }
  .product-images-slider-thumbnails {
    margin-right: 13px;
  }
  .product-images-slider-thumbnails .product-images-slider-item-thumb {
    margin-bottom: 12.8px;
  }
  .product-images-slider-thumbnails .product-images-slider-item-thumb.video-slide img {
    height: 98px;
  }
  .product-image-slider {
    position: relative;
  }
  body .wc-block-grid__products {
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
  body .wc-block-grid.swiper-initialized .wc-block-grid__products .wc-block-grid__product {
    --gap: 2rem;
    margin-right: 2rem;
  }
  .k-product-card.wc-block-product-template__responsive.columns-3 {
    gap: 3rem;
  }
  .cover-hero-pattern {
    padding: 15rem 3rem;
  }
  .qec-results__container {
    gap: 2rem 2rem;
  }
  .qec-results__container--cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .qec-results__container--cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .qec-results__container--cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .qec-results__container--cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .qec-results__container--cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .qec-results__container--cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .qec-results__image-link {
    margin-bottom: 1rem;
  }
}

@media (prefers-reduced-motion) {
  body * {
    transition-duration: 0s !important; /* stylelint-disable-line declaration-no-important */
    transition-delay: 0s !important; /* stylelint-disable-line declaration-no-important */
  }
}

@media (width >= 1025px) {
  .site-header__inner {
    min-height: var(--header-height-desktop);
    padding: 0;
    gap: 1rem;
  }
  .site-header__branding {
    margin-right: 1.5rem;
    flex: 0 0 auto;
    justify-content: flex-start;
  }
  .site-header__branding .site-logo,
  .site-header__branding .site-branding img,
  .site-header__branding .site-branding a img {
    max-height: 40px;
    max-width: 200px;
  }
  .site-header__navigation {
    display: flex;
    position: static;
    background: transparent;
    border: none;
    box-shadow: none;
    overflow: visible;
    flex: 1;
    justify-content: center;
    transform: none;
    transition: none;
    visibility: visible;
    opacity: 1;
  }
  .site-header__menu {
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    gap: 0;
  }
  .site-header__menu li {
    margin: 0 0.5rem;
  }
  .site-header__menu a:hover, .site-header__menu a:focus {
    color: var(--header-link-hover);
  }
  .site-header__menu .sub-menu {
    position: absolute;
    top: calc(100% + 0.25rem);
    left: 0;
    background-color: var(--header-bg);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.04);
    padding: 0.5rem;
    min-width: 240px;
    opacity: 0;
    transform: translateY(-8px) scale(0.95);
    transition: opacity 0.2s ease-out, transform 0.2s ease-out, visibility 0s 0.2s;
    pointer-events: none;
    z-index: 50;
    display: block;
    visibility: hidden;
  }
  .site-header__menu .sub-menu a:hover, .site-header__menu .sub-menu a:focus {
    background-color: rgba(0, 0, 0, 0.06);
    color: var(--header-link-hover);
  }
  .site-header__menu .menu-item-has-children:hover > a:after, .site-header__menu .menu-item-has-children:focus-within > a:after {
    transform: rotate(180deg);
  }
  .site-header__menu .menu-item-has-children:hover > .sub-menu, .site-header__menu .menu-item-has-children:focus-within > .sub-menu {
    opacity: 1;
    transform: translateY(0) scale(1);
    pointer-events: auto;
    visibility: visible;
    transition: opacity 0.2s ease-out, transform 0.2s ease-out, visibility 0s;
  }
  .site-header__menu .menu-item-has-children:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 0.5rem;
    background: transparent;
    pointer-events: none;
    z-index: 49;
  }
  .site-header__menu .menu-item-has-children:hover:before, .site-header__menu .menu-item-has-children:focus-within:before {
    pointer-events: auto;
  }
  .site-header__actions {
    margin-left: 1.5rem;
    gap: 1.5rem;
  }
  .site-header__actions button,
  .site-header__actions a {
    min-width: 44px;
    min-height: 44px;
  }
  .site-header__cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.375rem 1rem;
    border: 1px solid var(--header-text);
    border-radius: 4px;
    background: transparent;
    color: var(--header-text);
    text-decoration: none;
    font-weight: 400;
    font-size: 0.875rem;
    white-space: nowrap;
    transition: var(--header-transition);
    flex-shrink: 0;
  }
  .site-header__cta-button:hover, .site-header__cta-button:focus {
    background-color: var(--header-text);
    color: var(--header-bg);
    border-color: var(--header-text);
  }
  .site-header__search-toggle,
  .site-header__multimarket-toggle {
    width: 44px;
    height: 44px;
  }
  .site-header__search-toggle svg,
  .site-header__multimarket-toggle svg {
    width: 20px;
    height: 20px;
  }
  .site-header__drawer-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    background: transparent;
    border: none;
    cursor: pointer;
    color: var(--header-text);
    transition: var(--header-transition);
    margin-left: 0.5rem;
  }
  .site-header__drawer-menu .sub-menu a {
    font-size: 0.875rem;
    min-height: auto;
  }
}

@media (max-width: 992px) {
  .main-menu-wrapper .inner-menu-wrapper {
    position: relative;
    z-index: 2;
  }
  .main-menu .menu-item .menu-item__link {
    padding: 1.25rem clamp(10px, 9%, 38px);
    font-weight: 400;
  }
  .main-menu .menu-item .menu-item__link:has(~ .toggle-sub-menu) {
    padding-right: 0;
  }
  .main-menu > .menu-item > .menu-item__link {
    padding: 1.25rem clamp(10px, 9%, 38px);
  }
  .main-menu .menu-item > .sub-menu-container {
    overflow: hidden;
  }
  .main-menu > .menu-item:not(.menu--with-sidebar) .sub-menu-depth-0 .emphasized-nav-buttons .emphasized-menu-item {
    display: block;
    left: 0;
    right: 0;
    background: var(--wp--preset--color--white);
    text-align: center;
    margin: 0 2rem;
    padding: 0;
  }
  .main-menu > .menu-item:not(.menu--with-sidebar) .sub-menu-depth-0 .emphasized-nav-buttons .emphasized-menu-item > a {
    font-weight: 600;
    color: var(--wp--preset--color--white);
    text-decoration: none;
    border: 0;
    width: 100%;
  }
  .footer-content .col-m-4:first-child {
    max-width: 100%;
    flex-basis: 100%;
  }
  .footer-content .col-m-4:nth-child(2), .footer-content .col-m-4:nth-child(3) {
    max-width: 50%;
    flex-basis: 50%;
  }
  .text-and-image .text-column {
    flex-basis: 48%;
    max-width: 48%;
    padding-right: 4rem;
    margin-top: 2rem;
  }
}

@media (max-width: 768px) {
  .footer-content .col-m-4:nth-child(2), .footer-content .col-m-4:nth-child(3) {
    max-width: 100%;
    flex-basis: 100%;
  }
  .product-image-slider.swiper-initialized .swiper-wrapper .swiper-slide {
    height: -moz-fit-content !important;
    height: fit-content !important; /* stylelint-disable-line declaration-no-important */
  }
  .group-products-section-title {
    padding: 0 25px 10px;
  }
  .text-and-image .text-column {
    flex-basis: 100%;
    max-width: 100%;
    padding-right: 25px;
  }
  .mobile-align-center {
    text-align: center;
  }
}

@media (max-width: -1px) {
  .slider-container-xxs.container {
    padding: 0;
  }
  .slider-container-xxs .grid {
    margin: 0;
  }
}

@media (max-width: 359px) {
  .slider-container-xs.container {
    padding: 0;
  }
  .slider-container-xs .grid {
    margin: 0;
  }
}

@media (max-width: 575px) {
  .slider-container-s.container {
    padding: 0;
  }
  .slider-container-s .grid {
    margin: 0;
  }
}

@media (max-width: 767px) {
  .slider-container-m.container {
    padding: 0;
  }
  .slider-container-m .grid {
    margin: 0;
  }
  .woocommerce.single-product .summary-inner-wrapper > .qala-star-rating {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .square-grid-pattern:not(.block-editor-block-list__block) h2 {
    font-size: 0.8rem;
  }
}

@media (max-width: 991px) {
  .slider-container-l.container {
    padding: 0;
  }
  .slider-container-l .grid {
    margin: 0;
  }
}

@media (max-width: 1239px) {
  .slider-container-xl.container {
    padding: 0;
  }
  .slider-container-xl .grid {
    margin: 0;
  }
  .woocommerce.single-product #content div.product div.summary,
  .woocommerce.single-product div.product div.summary,
  .qala-quickview #content div.product div.summary,
  .qala-quickview div.product div.summary {
    position: static !important;
  }
  .square-grid-pattern:not(.block-editor-block-list__block) h2 {
    font-size: 1.625rem;
  }
}

@media (max-width: 480px) {
  .wc-block-grid.has-3-columns .wc-block-grid__products {
    display: flex;
  }
}

@media (hover: hover) and (pointer: fine) {
  .product-card__overlay-image.hover {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    transition: opacity 0.15s ease-in 0.15s, visibility 0.2s ease-in 0.15s;
  }
  .product-card__overlay-image.hover .attachment-woocommerce_thumbnail {
    transition: var(--image-hover-transition-property) var(--image-hover-transition-duration) var(--image-hover-transition-timing-function) 0.2s;
    transform: var(--image-hover-transition-transform-scale-hover);
  }
}

@media (max-width: 576px) {
  .product-images-slider-thumbnails {
    max-width: 80px;
    flex-basis: 80px;
  }
  .product-image-slider {
    max-width: calc(100% - 80px);
    flex-basis: calc(100% - 80px);
    margin: 0;
    align-self: flex-start;
  }
  .woocommerce .woocommerce-grouped-product-list-item__quantity .quantity-modifier {
    padding: 0;
    width: 30px;
  }
  .woocommerce .woocommerce-grouped-product-list-item__quantity .quantity {
    border: 0;
  }
  .woocommerce .woocommerce-grouped-product-list-item__quantity .quantity .qty {
    width: 40px;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .wp-block-details {
    interpolate-size: allow-keywords; /* stylelint-disable-line property-no-unknown */
  }
}

@media (max-width: 599px) {
  .text-and-media-pattern:not(.has-background) .wp-block-media-text__content {
    padding: 0;
  }
}

@media (max-width: 600px) {
  .text-and-media-pattern.is-stacked-on-mobile .wp-block-media-text__content {
    padding: 0 1.5rem;
  }
}

@media (max-width: 500px) {
  .square-grid-pattern:not(.block-editor-block-list__block) h2 {
    font-size: 0.6rem;
  }
}

@media (max-width: 400px) {
  .square-grid-pattern:not(.block-editor-block-list__block) .wp-block-cover .wp-block-cover__inner-container {
    align-items: flex-start;
  }
}

@media (max-width: 781px) {
  .spotlight-pattern .wp-block-column:not(:only-child) {
    flex-basis: calc(50% - 0.5rem) !important;
    flex-grow: 0;
  }
  .spotlight-pattern .wp-block-column:nth-child(n+3) {
    margin-top: 1.75rem;
  }
}

@media (-webkit-min-device-pixel-ratio: 0) {
  .qec-results__excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: none;
  }
  .qec-results__excerpt--no-image {
    -webkit-line-clamp: 9;
  }
}

@media (hover: hover) {
  .qec-modern-product:hover .qec-modern-product__hover-cta {
    transform: translateY(0);
  }
}