@import url("https://use.typekit.net/gju3hml.css");
:root {
  --icon-linkedin: url(/theme-assets/icons/linkedin.svg);
  --icon-instagram: url(/theme-assets/icons/instagram.svg);
  --icon-facebook: url(/theme-assets/icons/facebook.svg);
  --icon-close: url(/theme-assets/icons/close.svg);
  --icon-hamburger: url(/theme-assets/icons/hamburger.svg);
  --icon-plus: url(/theme-assets/icons/plus.svg);
  --icon-minus: url(/theme-assets/icons/minus.svg);
  --icon-plus-large: url(/theme-assets/icons/plus-large.svg);
  --icon-minus-large: url(/theme-assets/icons/minus-large.svg);
  --icon-arrow: url(/theme-assets/icons/arrow.svg);
  --icon-chevron: url(/theme-assets/icons/chevron.svg);
  --icon-cart: url(/theme-assets/icons/cart.svg);
  --icon-trash-can: url(/theme-assets/icons/trash-can.svg);
}

/**********************
* Global Form styling *
**********************/
:root {
  --_form-text-color: var(--form--text-color, var(--text-color, #000));
  --_form-label-color: var(--form--label-color, var(--heading-color, #000));
  --_form-item-inner-vspace: var(--form--form-item-inner-vspace, 20px);
  --_form-item-inner-hspace: var(--form--form-item-inner-hspace, 16px);
  --_form-item-vspace-start: var(--form--form-item-vspace-start, 32px);
  --_form-item-vspace-end: var(--form--form-item-vspace-end, 32px);
  --_form-item-background: var(--form--form-item-background, var(--background, #fff));
}

:where(.quart-theme) form {
  color: var(--_form-text-color);
}
:where(.quart-theme) form ::placeholder {
  color: color-mix(in srgb, var(--_form-text-color), transparent 50%);
}
:where(.quart-theme) form label {
  color: var(--_form-label-color);
}
:where(.quart-theme) form label {
  margin-block: var(--_form-item-vspace-start) 4px;
  display: block;
}
:where(.quart-theme) form label.form-required::after {
  content: "*";
  color: red;
  margin-left: 0.2em;
}
:where(.quart-theme) form select,
:where(.quart-theme) form input:not([type=checkbox], [type=radio], [type=button], [type=submit]),
:where(.quart-theme) form textarea,
:where(.quart-theme) form fieldset {
  box-sizing: border-box;
  display: block;
  padding-block: var(--_form-item-inner-vspace);
  padding-inline: var(--_form-item-inner-hspace);
  margin-block: var(--_form-item-vspace-start) var(--_form-item-vspace-end);
  width: 100%;
  border: none;
  background: var(--_form-item-background);
  appearance: none;
  border-radius: var(--border-radius, 0px);
  outline-color: var(--link-color);
}
:where(.quart-theme) form select:not(input[type=file]):focus,
:where(.quart-theme) form input:not([type=checkbox], [type=radio], [type=button], [type=submit]):not(input[type=file]):focus,
:where(.quart-theme) form textarea:not(input[type=file]):focus,
:where(.quart-theme) form fieldset:not(input[type=file]):focus {
  --_form-item-background: color-mix(in srgb, var(--_form-text-color), transparent 95%);
}
:where(.quart-theme) form legend {
  background: var(--_form-item-background);
  padding-inline: var(--_form-item-inner-hspace);
  line-height: 1.5;
}
:where(.quart-theme) form input[type=submit] {
  display: block;
  margin-block: 0 var(--_form-item-vspace-end);
}
:where(.quart-theme) form .description {
  margin-block-end: var(--_form-item-vspace-start);
  font-size: smaller;
}
:where(.quart-theme) form select {
  background-image: var(--icon-chevron);
  background-position: right 12px center;
  background-repeat: no-repeat;
}
:where(.quart-theme) form label + :is(select, textarea, input:not([type=checkbox], [type=radio], [type=button], [type=submit])),
:where(.quart-theme) form label + div > :is(select, textarea, input:not([type=checkbox], [type=radio], [type=button], [type=submit])) {
  --_form-item-vspace-start: 0px;
}
:where(.quart-theme) form input[type=checkbox],
:where(.quart-theme) form input[type=radio] {
  margin: 0 8px 0 0;
  vertical-align: middle;
  width: 18px;
  accent-color: var(--link-color, #000);
}
:where(.quart-theme) form .form-item {
  margin-block: var(--_form-item-vspace-start) var(--_form-item-vspace-end);
  background: var(--_form-item-background);
  padding: 12px;
}
:where(.quart-theme) form .form-item select,
:where(.quart-theme) form .form-item input:not([type=checkbox], [type=radio], [type=button], [type=submit], input[type=submit]),
:where(.quart-theme) form .form-item textarea,
:where(.quart-theme) form .form-item fieldset,
:where(.quart-theme) form .form-item label,
:where(.quart-theme) form .form-item .description {
  --_form-item-vspace-start: 0px;
  --_form-item-vspace-end: 0px;
}
:where(.quart-theme) form .form-item input[type=file] {
  --_form-item-inner-hspace: 0;
}
:where(.quart-theme) form .form-item input[type=submit] {
  --_form-item-vspace-end: 12px;
}
@supports selector(:has(*)) {
  :where(.quart-theme) form .form-item:has(input[type=checkbox]), :where(.quart-theme) form .form-item:has(input[type=radio]) {
    background-color: transparent;
    display: flex;
  }
  :where(.quart-theme) form .form-item:has(input[type=checkbox]) label, :where(.quart-theme) form .form-item:has(input[type=radio]) label {
    margin-bottom: 0;
    flex-wrap: wrap;
    display: flex;
  }
}
@supports not selector(:has(*)) {
  :where(.quart-theme) form .form-item.js-form-type-checkbox, :where(.quart-theme) form .form-item.js-form-type-radio {
    background-color: transparent;
    display: flex;
  }
  :where(.quart-theme) form .form-item.js-form-type-checkbox label, :where(.quart-theme) form .form-item.js-form-type-radio label {
    margin-bottom: 0;
  }
}

:where(.quart-theme) form .webform-flexbox {
  margin-block: 0;
  margin-inline: 0;
  gap: var(--gap);
}
:where(.quart-theme) form .webform-flexbox .webform-flexbox {
  gap: calc(var(--gap) * 0.5);
}
:where(.quart-theme) form .webform-flexbox .webform-flex--container {
  margin-inline: 0px;
  margin-block: 0px;
}
@media (min-width: 768px) {
  :where(.quart-theme) form .webform-flex--container .form-wrapper > .form-item:last-child,
  :where(.quart-theme) form .webform-flex--container .form-wrapper > div:not(.form-item):last-child > .form-item {
    --_form-item-vspace-end: 0px;
  }
  :where(.quart-theme) form .webform-flex--container .form-wrapper > .form-item:first-child,
  :where(.quart-theme) form .webform-flex--container .form-wrapper > div:not(.form-item):first-child > .form-item {
    --_form-item-vspace-start: 0px;
  }
}

select.facet-inactive {
  box-sizing: border-box;
  display: block;
  padding-block: var(--_form-item-inner-vspace);
  padding-inline: var(--_form-item-inner-hspace);
  margin-block: 0;
  width: 100%;
  border: none;
  background: var(--_form-item-background);
  appearance: none;
  border-radius: var(--border-radius, 0px);
  outline-color: var(--link-color);
  background-image: var(--icon-chevron);
  background-position: right 12px center;
  background-repeat: no-repeat;
}

.quart-columns:has(select.facet-inactive) {
  --quart-columns--vspace: var(--vspace) 0;
}

.quart-columns:has(select.facet-inactive) + .quart-group {
  --quart-group--vspace: var(--gap) var(--vspace);
}

div.facet-inactive > h2 {
  margin-block: 0 12px;
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/theme-assets/fonts/Roboto/Roboto-Light.ttf) format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/theme-assets/fonts/Roboto/Roboto-Regular.ttf) format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/theme-assets/fonts/Roboto/Roboto-Bold.ttf) format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/theme-assets/fonts/Roboto/Roboto-Black.ttf) format("truetype");
}
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/theme-assets/fonts/Roboto_Slab/static/RobotoSlab-Regular.ttf) format("truetype");
}
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/theme-assets/fonts/Roboto_Slab/static/RobotoSlab-Medium.ttf) format("truetype");
}
/****************************************************************
  * xxx
****************************************************************/
:root {
  /* Colors. */
  /* Light Grey */
  --color-1: #F5F5F5;
  --filter-to-color-1: brightness(0) saturate(100%) invert(100%) sepia(10%) saturate(45%) hue-rotate(213deg) brightness(114%) contrast(92%);
  /* Dark */
  --color-2: #191919;
  --filter-to-color-2: brightness(0) saturate(100%) invert(0%) sepia(25%) saturate(3%) hue-rotate(334deg) brightness(85%) contrast(80%);
  /* White - Heading color for Night */
  --color-3: #ffffff;
  --filter-to-color-3: brightness(0) saturate(100%) invert(100%);
  /* Dark Grey */
  --color-4: #333333;
  --filter-to-color-4: brightness(0) saturate(100%) invert(14%) sepia(0%) saturate(1027%) hue-rotate(159deg) brightness(108%) contrast(85%);
  /* Green */
  --color-5: #6AB150;
  --filter-to-color-5: brightness(0) saturate(100%) invert(76%) sepia(13%) saturate(1711%) hue-rotate(59deg) brightness(81%) contrast(84%);
  /* Red */
  --color-6: #DD4E4E;
  --filter-to-color-6: brightness(0) saturate(100%) invert(53%) sepia(75%) saturate(2510%) hue-rotate(323deg) brightness(85%) contrast(105%);
  --max-width: 1680px;
  --max-width-xs: 760px;
  --max-width-s: 1024px;
  --max-width-m: 1280px;
  --max-width-l: 1680px;
  --vspace: clamp(48px, calc(3rem + (96 - 48) * ((100vw - 600px) / (1200 - 600))), 96px);
  --hspace: clamp(24px, calc(1.5rem + (64 - 24) * ((100vw - 400px) / (1200 - 400))), 64px);
  --gap: clamp(32px, calc(2rem + (64 - 32) * ((100vw - 1100px) / (1400 - 1100))), 64px);
  --header-height: 142px;
  --logo-max-height: 52px;
  /****************************************
  * Color scheme default 
  ****************************************/
  --background: var(--color-3);
  --quart-page--background: var(--color-1);
  --text-color: var( --color-4);
  --link-color: var( --color-5);
  --link-color-hover: var( --color-5);
  --link-color-active: var( --color-5);
  --heading-color: var(--color-4);
  --filter: var(--filter-to-color-4);
  --filter-hover: var(--filter-to-color-4);
  --button-filter: var(--filter-to-color-4);
  --border-color: var( --color-4);
  /* Custom properties for primary buttons */
  --button-primary-color: var( --color-3);
  --button-primary-background-color: var( --color-5);
  --button-primary-background-color-hover: color-mix(in srgb, var(--color-5) 100%, black 5%);
  --button-primary-background-color-active: color-mix(in srgb, var(--color-5) 100%, black 15%);
  --button-primary-icon-filter: var(--filter-to-color-3);
  /* Custom properties for secondary buttons */
  --button-secondary-color: var(--color-4);
  --button-secondary-color-hover: var(--color-4);
  --button-secondary-color-active: var(--color-4);
  --button-secondary-border-color: var(--color-4);
  --button-secondary-border-color-hover: color-mix(in srgb, var(--color-4) 100%, black 5%);
  --button-secondary-border-color-active: color-mix(in srgb, var(--color-4) 100%, black 15%);
  --button-secondary-icon-filter: var(--filter-to-color-4);
  /* Custom properties for naked buttons */
  --button-naked-color: var(--color-5);
  --button-naked-color-hover: var(--color-5);
  --button-naked-color-active: var(--color-5);
  --button-naked-icon-filter: var(--filter-to-color-5);
  /****************************************
  * Font sizes and line-height
  ****************************************/
  --font-family: "Roboto", sans-serif;
  --font-family-1: "Roboto", sans-serif;
  --font-family-2: "Roboto Slab", sans-serif;
  --font-size: clamp(20px, calc(1.25rem + (22 - 20) * ((100vw - 600px) / (1200 - 600))), 22px);
  --font-style: normal;
  --font-weight: 300;
  --line-height: normal;
  --letter-spacing: normal;
  --text-transform: none;
  --text-decoration: none;
  --text-align: left;
  --font-family-heading-xl: var(--font-family-2);
  --font-size-heading-xl: clamp(44px, calc(2.75rem + (78 - 44) * ((100vw - 600px) / (1200 - 600))), 78px);
  --font-style-heading-xl: normal;
  --font-weight-heading-xl: 500;
  --line-height-heading-xl: 1.05;
  --letter-spacing-heading-xl: -1px;
  --text-transform-heading-xl: none;
  --margin-block-heading-xl: 32px 32px;
  --font-family-heading-l: var(--font-family-2);
  --font-size-heading-l: clamp(36px, calc(2.25rem + (48 - 36) * ((100vw - 600px) / (1200 - 600))), 48px);
  --font-style-heading-l: normal;
  --font-weight-heading-l: 400;
  --line-height-heading-l: 1.2;
  --letter-spacing-heading-l: -1px;
  --text-transform-heading-l: none;
  --margin-block-heading-l: 32px 24px;
  --font-family-heading-m: var(--font-family-2);
  --font-size-heading-m: clamp(32px, calc(2rem + (40 - 32) * ((100vw - 600px) / (1200 - 600))), 40px);
  --font-style-heading-m: normal;
  --font-weight-heading-m: 400;
  --line-height-heading-m: 1.195;
  --letter-spacing-heading-m: -1px;
  --text-transform-heading-m: none;
  --margin-block-heading-m: 32px 24px;
  --font-family-heading-s: var(--font-family-2);
  --font-size-heading-s: clamp(24px, calc(1.5rem + (32 - 24) * ((100vw - 600px) / (1200 - 600))), 32px);
  --font-style-heading-s: normal;
  --font-weight-heading-s: 400;
  --line-height-heading-s: 1.3;
  --letter-spacing-heading-s: -1px;
  --text-transform-heading-s: none;
  --margin-block-heading-s: 32px 24px;
  --font-family-heading-xs: var(--font-family-2);
  --font-size-heading-xs: 20px;
  --font-style-heading-xs: normal;
  --font-weight-heading-xs: 500;
  --line-height-heading-xs: 1.5;
  --letter-spacing-heading-xs: -1px;
  --text-transform-heading-xs: none;
  --margin-block-heading-xs: 32px 10px;
  --font-family-body-xl: var(--font-family-1);
  --font-size-body-xl: clamp(32px, calc(2rem + (40 - 32) * ((100vw - 600px) / (1200 - 600))), 40px);
  --font-style-body-xl: normal;
  --font-weight-body-xl: 400;
  --line-height-body-xl: 1.25;
  --letter-spacing-body-xl: -1px;
  --text-transform-body-xl: none;
  --margin-block-body-xl: 24px;
  --font-family-body-l: var(--font-family-1);
  --font-size-body-l: clamp(24px, calc(1.5rem + (28 - 24) * ((100vw - 600px) / (1200 - 600))), 28px);
  --font-style-body-l: normal;
  --font-weight-body-l: 300;
  --line-height-body-l: 1.4;
  --letter-spacing-body-l: -1px;
  --text-transform-body-l: none;
  --margin-block-body-l: 24px;
  --font-family-body-m: var(--font-family-1);
  --font-size-body-m: clamp(20px, calc(1.25rem + (22 - 20) * ((100vw - 600px) / (1200 - 600))), 22px);
  --font-style-body-m: normal;
  --font-weight-body-m: 300;
  --line-height-body-m: 1.28;
  --letter-spacing-body-m: -0.22px;
  --text-transform-body-m: none;
  --margin-block-body-m: 24px;
  --font-family-body-s: var(--font-family-1);
  --font-size-body-s: 19px;
  --font-style-body-s: normal;
  --font-weight-body-s: 300;
  --line-height-body-s: 1.46;
  --letter-spacing-body-s: -0.2px;
  --text-transform-body-s: none;
  --margin-block-body-s: 24px;
  --font-family-body-xs: var(--font-family-1);
  --font-size-body-xs: 16px;
  --font-style-body-xs: normal;
  --font-weight-body-xs: 300;
  --line-height-body-xs: 1.625;
  --letter-spacing-body-xs: -0.16px;
  --text-transform-body-xs: none;
  --margin-block-body-xs: 24px;
  --font-family-label: var(--font-family-1);
  --font-size-label: 15px;
  --font-style-label: normal;
  --font-weight-label: 700;
  --line-height-label: normal;
  --letter-spacing-label: 1px;
  --text-transform-label: uppercase;
  --font-family-menu: var(--font-family-1);
  --font-size-menu: clamp(20px, calc(1.25rem + (22 - 20) * ((100vw - 600px) / (1200 - 600))), 22px);
  --font-style-menu: normal;
  --font-weight-menu: 900;
  --line-height-menu: 1.2;
  --letter-spacing-menu: normal;
  --text-transform-menu: uppercase;
  --font-family-button: var(--font-family-1);
  --font-size-button: 14px;
  --font-style-button: normal;
  --font-weight-button: 900;
  --line-height-button: 1;
  --letter-spacing-button: 1px;
  --text-transform-button: uppercase;
  --font-family-quote: var(--font-family-1);
  --font-size-quote: clamp(20px, calc(1.25rem + (22 - 20) * ((100vw - 600px) / (1200 - 600))), 22px);
  --font-style-quote: normal;
  --font-weight-quote: 300;
  --line-height-quote: 1.3;
  --letter-spacing-quote: -0.22px;
  --text-transform-quote: none;
  --margin-block-quote: 24px;
}

/**************************
* Elements style
***************************/
html:has(.quart-theme) {
  scroll-behavior: smooth;
  scroll-padding-top: calc(var(--height-of-header) + 1.5em);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body:has(.quart-theme) {
  margin: 0;
  padding: 0;
}

#block-zeus-seven-content .ck-content :where(h1, h2, h3, h4, h5, h6, p, ul, ol),
:where(.quart-theme) :where(h1, h2, h3, h4, h5, h6, p, ul, ol) {
  margin-block: var(--margin-block, 1rem);
}

#block-zeus-seven-content .ck-content :where(h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, ul + p, ol + p),
:where(.quart-theme) :where(h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, ul + p, ol + p) {
  margin-block-start: 0px;
}

#block-zeus-seven-content .ck-content,
:where(.quart-theme),
:where(.quart-theme) :where(h1, h2, h3, h4, h5, h6, p, ul, ol, strong,
.quart-page__header a,
.quart-page__slide-drawer-trigger,
.quart-page__slide-drawer nav li.has-submenu ul a,
.quart-event-data__label,
.button,
.quart-accordion__button,
blockquote,
blockquote footer,
.quart-swiper-section__ctas a,
.quart-quote__footer,
.quart-quote__quote,
label,
fieldset legend,
.quart-swiper-section__heading,
.quart-card__pre-heading,
.quart-card-product__pre-heading,
.product-text-small,
.product-text-x-small,
.quart-product-head__title) {
  font-family: var(--font-family);
  font-size: var(--font-size);
  font-style: var(--font-style);
  font-weight: var(--font-weight);
  line-height: var(--line-height);
  letter-spacing: var(--letter-spacing);
  text-transform: var(--text-transform);
}

#block-zeus-seven-content .ck-content .quart-hero--with-background-media .quart-hero__heading,
#block-zeus-seven-content .ck-content .jumbotron__heading,
:where(.quart-theme) .quart-hero--with-background-media .quart-hero__heading,
:where(.quart-theme) .jumbotron__heading {
  --font-family: var(--font-family-heading-xl);
  --font-size: var(--font-size-heading-xl);
  --font-style: var(--font-style-heading-xl);
  --font-weight: var(--font-weight-heading-xl);
  --line-height: var(--line-height-heading-xl);
  --letter-spacing: var(--letter-spacing-heading-xl);
  --text-transform: var(--text-transform-heading-xl);
  --margin-block: var(--margin-block-heading-xl);
}
#block-zeus-seven-content .ck-content :is(h1, h2, h3, h4, h5, h6):has(.fz-mega),
:where(.quart-theme) :is(h1, h2, h3, h4, h5, h6):has(.fz-mega) {
  --font-family: var(--font-family-heading-xl);
  --font-size: var(--font-size-heading-xl);
  --font-style: var(--font-style-heading-xl);
  --font-weight: var(--font-weight-heading-xl);
  --line-height: var(--line-height-heading-xl);
  --letter-spacing: var(--letter-spacing-heading-xl);
  --text-transform: var(--text-transform-heading-xl);
  --margin-block: var(--margin-block-heading-xl);
}
#block-zeus-seven-content .ck-content .quart-swiper-section__heading,
#block-zeus-seven-content .ck-content :where(h1),
:where(.quart-theme) .quart-swiper-section__heading,
:where(.quart-theme) :where(h1) {
  --font-family: var(--font-family-heading-l);
  --font-size: var(--font-size-heading-l);
  --font-style: var(--font-style-heading-l);
  --font-weight: var(--font-weight-heading-l);
  --line-height: var(--line-height-heading-l);
  --letter-spacing: var(--letter-spacing-heading-l);
  --text-transform: var(--text-transform-heading-l);
  --margin-block: var(--margin-block-heading-l);
  hyphens: auto;
}
#block-zeus-seven-content .ck-content :is(h1, h2, h3, h4, h5, h6):has(.fz-large),
:where(.quart-theme) :is(h1, h2, h3, h4, h5, h6):has(.fz-large) {
  --font-family: var(--font-family-heading-l);
  --font-size: var(--font-size-heading-l);
  --font-style: var(--font-style-heading-l);
  --font-weight: var(--font-weight-heading-l);
  --line-height: var(--line-height-heading-l);
  --letter-spacing: var(--letter-spacing-heading-l);
  --text-transform: var(--text-transform-heading-l);
  --margin-block: var(--margin-block-heading-l);
}
#block-zeus-seven-content .ck-content .quart-product-head__title,
#block-zeus-seven-content .ck-content :where(h2),
:where(.quart-theme) .quart-product-head__title,
:where(.quart-theme) :where(h2) {
  --font-family: var(--font-family-heading-m);
  --font-size: var(--font-size-heading-m);
  --font-style: var(--font-style-heading-m);
  --font-weight: var(--font-weight-heading-m);
  --line-height: var(--line-height-heading-m);
  --letter-spacing: var(--letter-spacing-heading-m);
  --text-transform: var(--text-transform-heading-m);
  --margin-block: var(--margin-block-heading-m);
}
#block-zeus-seven-content .ck-content :is(h1, h2, h3, h4, h5, h6):has(.fz-medium),
:where(.quart-theme) :is(h1, h2, h3, h4, h5, h6):has(.fz-medium) {
  --font-family: var(--font-family-heading-m);
  --font-size: var(--font-size-heading-m);
  --font-style: var(--font-style-heading-m);
  --font-weight: var(--font-weight-heading-m);
  --line-height: var(--line-height-heading-m);
  --letter-spacing: var(--letter-spacing-heading-m);
  --text-transform: var(--text-transform-heading-m);
  --margin-block: var(--margin-block-heading-m);
}
#block-zeus-seven-content .ck-content .quart-event-data__label,
#block-zeus-seven-content .ck-content :where(h3),
:where(.quart-theme) .quart-event-data__label,
:where(.quart-theme) :where(h3) {
  --font-family: var(--font-family-heading-s);
  --font-size: var(--font-size-heading-s);
  --font-style: var(--font-style-heading-s);
  --font-weight: var(--font-weight-heading-s);
  --line-height: var(--line-height-heading-s);
  --letter-spacing: var(--letter-spacing-heading-s);
  --text-transform: var(--text-transform-heading-s);
  --margin-block: var(--margin-block-heading-s);
}
#block-zeus-seven-content .ck-content :is(h1, h2, h3, h4, h5, h6):has(.fz-small),
:where(.quart-theme) :is(h1, h2, h3, h4, h5, h6):has(.fz-small) {
  --font-family: var(--font-family-heading-s);
  --font-size: var(--font-size-heading-s);
  --font-style: var(--font-style-heading-s);
  --font-weight: var(--font-weight-heading-s);
  --line-height: var(--line-height-heading-s);
  --letter-spacing: var(--letter-spacing-heading-s);
  --text-transform: var(--text-transform-heading-s);
  --margin-block: var(--margin-block-heading-s);
}
#block-zeus-seven-content .ck-content :where(h4, h5, h6),
:where(.quart-theme) :where(h4, h5, h6) {
  --font-family: var(--font-family-heading-xs);
  --font-size: var(--font-size-heading-xs);
  --font-style: var(--font-style-heading-xs);
  --font-weight: var(--font-weight-heading-xs);
  --line-height: var(--line-height-heading-xs);
  --letter-spacing: var(--letter-spacing-heading-xs);
  --text-transform: var(--text-transform-heading-xs);
  --margin-block: var(--margin-block-heading-xs);
}
#block-zeus-seven-content .ck-content :is(h1, h2, h3, h4, h5, h6):has(.fz-mini),
:where(.quart-theme) :is(h1, h2, h3, h4, h5, h6):has(.fz-mini) {
  --font-family: var(--font-family-heading-xs);
  --font-size: var(--font-size-heading-xs);
  --font-style: var(--font-style-heading-xs);
  --font-weight: var(--font-weight-heading-xs);
  --line-height: var(--line-height-heading-xs);
  --letter-spacing: var(--letter-spacing-heading-xs);
  --text-transform: var(--text-transform-heading-xs);
  --margin-block: var(--margin-block-heading-xs);
}
#block-zeus-seven-content .ck-content :is(p):has(.fz-mega),
:where(.quart-theme) :is(p):has(.fz-mega) {
  --font-family: var(--font-family-body-xl);
  --font-size: var(--font-size-body-xl);
  --font-style: var(--font-style-body-xl);
  --font-weight: var(--font-weight-body-xl);
  --line-height: var(--line-height-body-xl);
  --letter-spacing: var(--letter-spacing-body-xl);
  --text-transform: var(--text-transform-body-xl);
  --margin-block: var(--margin-block-body-xl);
}
#block-zeus-seven-content .ck-content .quart-accordion__button,
#block-zeus-seven-content .ck-content .jumbotron__text p,
#block-zeus-seven-content .ck-content .quart-card-compact__heading,
:where(.quart-theme) .quart-accordion__button,
:where(.quart-theme) .jumbotron__text p,
:where(.quart-theme) .quart-card-compact__heading {
  --font-family: var(--font-family-body-l);
  --font-size: var(--font-size-body-l);
  --font-style: var(--font-style-body-l);
  --font-weight: var(--font-weight-body-l);
  --line-height: var(--line-height-body-l);
  --letter-spacing: var(--letter-spacing-body-l);
  --text-transform: var(--text-transform-body-l);
  --margin-block: var(--margin-block-body-l);
}
#block-zeus-seven-content .ck-content :is(p):has(.fz-large),
:where(.quart-theme) :is(p):has(.fz-large) {
  --font-family: var(--font-family-body-l);
  --font-size: var(--font-size-body-l);
  --font-style: var(--font-style-body-l);
  --font-weight: var(--font-weight-body-l);
  --line-height: var(--line-height-body-l);
  --letter-spacing: var(--letter-spacing-body-l);
  --text-transform: var(--text-transform-body-l);
  --margin-block: var(--margin-block-body-l);
}
#block-zeus-seven-content .ck-content :where(p, ul, ol),
#block-zeus-seven-content .ck-content .quart-page__slide-drawer nav li.has-submenu ul a,
:where(.quart-theme) :where(p, ul, ol),
:where(.quart-theme) .quart-page__slide-drawer nav li.has-submenu ul a {
  --font-family: var(--font-family-body-m);
  --font-size: var(--font-size-body-m);
  --font-style: var(--font-style-body-m);
  --font-weight: var(--font-weight-body-m);
  --line-height: var(--line-height-body-m);
  --letter-spacing: var(--letter-spacing-body-m);
  --text-transform: var(--text-transform-body-m);
  --margin-block: var(--margin-block-body-m);
}
#block-zeus-seven-content .ck-content :is(p):has(.fz-medium),
:where(.quart-theme) :is(p):has(.fz-medium) {
  --font-family: var(--font-family-body-m);
  --font-size: var(--font-size-body-m);
  --font-style: var(--font-style-body-m);
  --font-weight: var(--font-weight-body-m);
  --line-height: var(--line-height-body-m);
  --letter-spacing: var(--letter-spacing-body-m);
  --text-transform: var(--text-transform-body-m);
  --margin-block: var(--margin-block-body-m);
}
#block-zeus-seven-content .ck-content .quart-page-footer__column p,
#block-zeus-seven-content .ck-content .quart-card__text p,
#block-zeus-seven-content .ck-content .quart-leaflet__content p,
#block-zeus-seven-content .ck-content .quart-quote__footer,
#block-zeus-seven-content .ck-content .product-text-small,
#block-zeus-seven-content .ck-content .product-text-small p,
:where(.quart-theme) .quart-page-footer__column p,
:where(.quart-theme) .quart-card__text p,
:where(.quart-theme) .quart-leaflet__content p,
:where(.quart-theme) .quart-quote__footer,
:where(.quart-theme) .product-text-small,
:where(.quart-theme) .product-text-small p {
  --font-family: var(--font-family-body-s);
  --font-size: var(--font-size-body-s);
  --font-style: var(--font-style-body-s);
  --font-weight: var(--font-weight-body-s);
  --line-height: var(--line-height-body-s);
  --letter-spacing: var(--letter-spacing-body-s);
  --text-transform: var(--text-transform-body-s);
  --margin-block: var(--margin-block-body-s);
}
#block-zeus-seven-content .ck-content :is(p):has(.fz-small),
:where(.quart-theme) :is(p):has(.fz-small) {
  --font-family: var(--font-family-body-s);
  --font-size: var(--font-size-body-s);
  --font-style: var(--font-style-body-s);
  --font-weight: var(--font-weight-body-s);
  --line-height: var(--line-height-body-s);
  --letter-spacing: var(--letter-spacing-body-s);
  --text-transform: var(--text-transform-body-s);
  --margin-block: var(--margin-block-body-s);
}
#block-zeus-seven-content .ck-content .product-text-x-small,
#block-zeus-seven-content .ck-content .product-text-x-small p,
:where(.quart-theme) .product-text-x-small,
:where(.quart-theme) .product-text-x-small p {
  --font-family: var(--font-family-body-xs);
  --font-size: var(--font-size-body-xs);
  --font-style: var(--font-style-body-xs);
  --font-weight: var(--font-weight-body-xs);
  --line-height: var(--line-height-body-xs);
  --letter-spacing: var(--letter-spacing-body-xs);
  --text-transform: var(--text-transform-body-xs);
  --margin-block: var(--margin-block-body-xs);
}
#block-zeus-seven-content .ck-content :is(p):has(.fz-mini),
:where(.quart-theme) :is(p):has(.fz-mini) {
  --font-family: var(--font-family-body-xs);
  --font-size: var(--font-size-body-xs);
  --font-style: var(--font-style-body-xs);
  --font-weight: var(--font-weight-body-xs);
  --line-height: var(--line-height-body-xs);
  --letter-spacing: var(--letter-spacing-body-xs);
  --text-transform: var(--text-transform-body-xs);
  --margin-block: var(--margin-block-body-xs);
}
#block-zeus-seven-content .ck-content :where(.quart-page__header a, .quart-page__slide-drawer-trigger),
:where(.quart-theme) :where(.quart-page__header a, .quart-page__slide-drawer-trigger) {
  --font-family: var(--font-family-menu);
  --font-size: var(--font-size-menu);
  --font-style: var(--font-style-menu);
  --font-weight: var(--font-weight-menu);
  --line-height: var(--line-height-menu);
  --letter-spacing: var(--letter-spacing-menu);
  --text-transform: var(--text-transform-menu);
}
#block-zeus-seven-content .ck-content .quart-swiper-section__ctas a,
#block-zeus-seven-content .ck-content :where(.button),
:where(.quart-theme) .quart-swiper-section__ctas a,
:where(.quart-theme) :where(.button) {
  --font-family: var(--font-family-button);
  --font-size: var(--font-size-button);
  --font-style: var(--font-style-button);
  --font-weight: var(--font-weight-button);
  --line-height: var(--line-height-button);
  --letter-spacing: var(--letter-spacing-button);
  --text-transform: var(--text-transform-button);
}
#block-zeus-seven-content .ck-content .quart-quote__quote,
#block-zeus-seven-content .ck-content :where(blockquote),
:where(.quart-theme) .quart-quote__quote,
:where(.quart-theme) :where(blockquote) {
  --font-family: var(--font-family-quote);
  --font-size: var(--font-size-quote);
  --font-style: var(--font-style-quote);
  --font-weight: var(--font-weight-quote);
  --line-height: var(--line-height-quote);
  --letter-spacing: var(--letter-spacing-quote);
  --text-transform: var(--text-transform-quote);
}
#block-zeus-seven-content .ck-content fieldset legend,
#block-zeus-seven-content .ck-content div.facet-inactive > h2,
#block-zeus-seven-content .ck-content .quart-card__pre-heading,
#block-zeus-seven-content .ck-content .quart-card-product__pre-heading,
#block-zeus-seven-content .ck-content :where(label),
:where(.quart-theme) fieldset legend,
:where(.quart-theme) div.facet-inactive > h2,
:where(.quart-theme) .quart-card__pre-heading,
:where(.quart-theme) .quart-card-product__pre-heading,
:where(.quart-theme) :where(label) {
  --font-family: var(--font-family-label);
  --font-size: var(--font-size-label);
  --font-style: var(--font-style-label);
  --font-weight: var(--font-weight-label);
  --line-height: var(--line-height-label);
  --letter-spacing: var(--letter-spacing-label);
  --text-transform: var(--text-transform-label);
}

:where(.quart-theme) {
  /**************************
  * Helpers
  ***************************/
  /**************************
  * Contextual links in drupal
  ***************************/
}
:where(.quart-theme) img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  font-style: italic;
  background-repeat: no-repeat;
  background-size: cover;
  shape-margin: 0.75rem;
}
:where(.quart-theme) .media-oembed-content {
  max-width: 100%;
  width: 100%;
  aspect-ratio: 16/9;
  display: block;
  height: auto;
}
:where(.quart-theme) :where(.quart-theme) .text-align-left {
  text-align: left;
}
:where(.quart-theme) :where(.quart-theme) .text-align-center {
  text-align: center;
}
:where(.quart-theme) :where(.quart-theme) .text-align-right {
  text-align: right;
}
:where(.quart-theme) .contextual-links {
  display: block;
}
:where(.quart-theme) .contextual-links[hidden] {
  display: none;
}
:where(.quart-theme) .quart-page__header .contextual-region {
  position: revert;
}

.color-scheme-3 :where(.quart-card:not([class*=color-scheme-]),
.quart-leaflet:not([class*=color-scheme-]),
.quart-section:not([class*=color-scheme-]),
.quart-accordion--open),
.color-scheme-1 {
  --background: var(--color-1);
  --quart-page--background: var(--color-3);
  --text-color: var( --color-4);
  --link-color: var( --color-5);
  --link-color-hover: var( --color-5);
  --link-color-active: var( --color-5);
  --heading-color: var(--color-4);
  --filter: var(--filter-to-color-4);
  --filter-hover: var(--filter-to-color-4);
  --border-color: var( --color-4);
  /* Custom properties for primary buttons */
  --button-primary-color: var( --color-3);
  --button-primary-background-color: var( --color-5);
  --button-primary-background-color-hover: color-mix(in srgb, var(--color-5) 100%, black 5%);
  --button-primary-background-color-active: color-mix(in srgb, var(--color-5) 100%, black 15%);
  --button-primary-icon-filter: var(--filter-to-color-3);
  /* Custom properties for secondary buttons */
  --button-secondary-color: var(--color-4);
  --button-secondary-color-hover: var(--color-4);
  --button-secondary-color-active: var(--color-4);
  --button-secondary-border-color: var(--color-4);
  --button-secondary-border-color-hover: color-mix(in srgb, var(--color-4) 100%, black 5%);
  --button-secondary-border-color-active: color-mix(in srgb, var(--color-4) 100%, black 15%);
  --button-secondary-icon-filter: var(--filter-to-color-4);
  /* Custom properties for naked buttons */
  --button-naked-color: var(--color-5);
  --button-naked-color-hover: var(--color-5);
  --button-naked-color-active: var(--color-5);
  --button-naked-icon-filter: var(--filter-to-color-5);
}

.quart-page-footer,
.quart-page__slide-drawer,
.color-scheme-2 {
  --background: var(--color-2);
  --quart-page--background: #000;
  --text-color: var(--color-3);
  --link-color: var( --color-5);
  --link-color-hover: var( --color-5);
  --link-color-active: var( --color-5);
  --heading-color: var(--color-3);
  --filter: var(--filter-to-color-3);
  --filter-hover: var(--filter-to-color-3);
  --button-filter: var(--filter-to-color-3);
  --border-color: var( --color-3);
  /* Custom properties for primary buttons */
  --button-primary-color: var( --color-3);
  --button-primary-background-color: var( --color-5);
  --button-primary-background-color-hover: color-mix(in srgb, var(--color-5) 100%, black 5%);
  --button-primary-background-color-active: color-mix(in srgb, var(--color-5) 100%, black 15%);
  --button-primary-icon-filter: var(--filter-to-color-3);
  /* Custom properties for secondary buttons */
  --button-secondary-color: var(--color-3);
  --button-secondary-color-hover: var(--color-3);
  --button-secondary-color-active: var(--color-3);
  --button-secondary-border-color: var(--color-3);
  --button-secondary-border-color-hover: color-mix(in srgb, var(--color-3) 100%, black 5%);
  --button-secondary-border-color-active: color-mix(in srgb, var(--color-3) 100%, black 15%);
  --button-secondary-icon-filter: var(--filter-to-color-3);
  /* Custom properties for naked buttons */
  --button-naked-color: var(--color-5);
  --button-naked-color-hover: var(--color-5);
  --button-naked-color-active: var(--color-5);
  --button-naked-icon-filter: var(--filter-to-color-5);
}

.quart-page__header,
:where(.quart-accordion--open),
.color-scheme-3 {
  --background: var(--color-3);
  --quart-page--background: var(--color-1);
  --text-color: var( --color-4);
  --link-color: var( --color-5);
  --link-color-hover: var( --color-5);
  --link-color-active: var( --color-5);
  --heading-color: var(--color-4);
  --filter: var(--filter-to-color-4);
  --filter-hover: var(--filter-to-color-4);
  --button-filter: var(--filter-to-color-4);
  --border-color: var( --color-4);
  /* Custom properties for primary buttons */
  --button-primary-color: var( --color-3);
  --button-primary-background-color: var( --color-5);
  --button-primary-background-color-hover: color-mix(in srgb, var(--color-5) 100%, black 5%);
  --button-primary-background-color-active: color-mix(in srgb, var(--color-5) 100%, black 15%);
  --button-primary-icon-filter: var(--filter-to-color-3);
  /* Custom properties for secondary buttons */
  --button-secondary-color: var(--color-4);
  --button-secondary-color-hover: var(--color-4);
  --button-secondary-color-active: var(--color-4);
  --button-secondary-border-color: var(--color-4);
  --button-secondary-border-color-hover: color-mix(in srgb, var(--color-4) 100%, black 5%);
  --button-secondary-border-color-active: color-mix(in srgb, var(--color-4) 100%, black 15%);
  --button-secondary-icon-filter: var(--filter-to-color-4);
  /* Custom properties for naked buttons */
  --button-naked-color: var(--color-5);
  --button-naked-color-hover: var(--color-5);
  --button-naked-color-active: var(--color-5);
  --button-naked-icon-filter: var(--filter-to-color-5);
}

/* Dark Grey */
.quart-page--header-on-top:not(.quart-page--scrolled) .quart-page__header,
.quart-hero--with-background-media,
.quart-section--has-background,
.color-scheme-4 {
  --background: var(--color-4);
  --quart-page--background: #000;
  --text-color: var(--color-3);
  --link-color: var( --color-5);
  --link-color-hover: var( --color-5);
  --link-color-active: var( --color-5);
  --heading-color: var(--color-3);
  --filter: var(--filter-to-color-3);
  --filter-hover: var(--filter-to-color-3);
  --button-filter: var(--filter-to-color-3);
  --border-color: var( --color-3);
  /* Custom properties for primary buttons */
  --button-primary-color: var( --color-3);
  --button-primary-background-color: var( --color-5);
  --button-primary-background-color-hover: color-mix(in srgb, var(--color-5) 100%, black 5%);
  --button-primary-background-color-active: color-mix(in srgb, var(--color-5) 100%, black 15%);
  --button-primary-icon-filter: var(--filter-to-color-3);
  /* Custom properties for secondary buttons */
  --button-secondary-color: var(--color-3);
  --button-secondary-color-hover: var(--color-3);
  --button-secondary-color-active: var(--color-3);
  --button-secondary-border-color: var(--color-3);
  --button-secondary-border-color-hover: color-mix(in srgb, var(--color-3) 100%, black 5%);
  --button-secondary-border-color-active: color-mix(in srgb, var(--color-3) 100%, black 15%);
  --button-secondary-icon-filter: var(--filter-to-color-3);
  /* Custom properties for naked buttons */
  --button-naked-color: var(--color-5);
  --button-naked-color-hover: var(--color-5);
  --button-naked-color-active: var(--color-5);
  --button-naked-icon-filter: var(--filter-to-color-5);
}

/* Green */
.quart-card-compact--current,
.quart-hero--without-background-media,
.color-scheme-5 {
  --background: var(--color-5);
  --quart-page--background: #000;
  --text-color: var(--color-3);
  --link-color: var( --color-3);
  --link-color-hover: var( --color-3);
  --link-color-active: var( --color-3);
  --heading-color: var(--color-3);
  --filter: var(--filter-to-color-3);
  --filter-hover: var(--filter-to-color-3);
  --button-filter: var(--filter-to-color-3);
  --border-color: var( --color-3);
  /* Custom properties for primary buttons */
  --button-primary-color: var( --color-5);
  --button-primary-background-color: var( --color-3);
  --button-primary-background-color-hover: color-mix(in srgb, var(--color-3) 100%, black 5%);
  --button-primary-background-color-active: color-mix(in srgb, var(--color-3) 100%, black 15%);
  --button-primary-icon-filter: var(--filter-to-color-5);
  /* Custom properties for secondary buttons */
  --button-secondary-color: var(--color-3);
  --button-secondary-color-hover: var(--color-3);
  --button-secondary-color-active: var(--color-3);
  --button-secondary-border-color: var(--color-3);
  --button-secondary-border-color-hover: color-mix(in srgb, var(--color-3) 100%, black 5%);
  --button-secondary-border-color-active: color-mix(in srgb, var(--color-3) 100%, black 15%);
  --button-secondary-icon-filter: var(--filter-to-color-3);
  /* Custom properties for naked buttons */
  --button-naked-color: var(--color-3);
  --button-naked-color-hover: var(--color-3);
  --button-naked-color-active: var(--color-3);
  --button-naked-icon-filter: var(--filter-to-color-3);
}

/* Red */
.color-scheme-6 {
  --background: var(--color-6);
  --quart-page--background: #000;
  --text-color: var(--color-3);
  --link-color: var( --color-3);
  --link-color-hover: var( --color-3);
  --link-color-active: var( --color-3);
  --heading-color: var(--color-3);
  --filter: var(--filter-to-color-3);
  --filter-hover: var(--filter-to-color-3);
  --button-filter: var(--filter-to-color-3);
  --border-color: var( --color-3);
  /* Custom properties for primary buttons */
  --button-primary-color: var( --color-6);
  --button-primary-background-color: var( --color-3);
  --button-primary-background-color-hover: color-mix(in srgb, var(--color-3) 100%, black 5%);
  --button-primary-background-color-active: color-mix(in srgb, var(--color-3) 100%, black 15%);
  --button-primary-icon-filter: var(--filter-to-color-6);
  /* Custom properties for secondary buttons */
  --button-secondary-color: var(--color-3);
  --button-secondary-color-hover: var(--color-3);
  --button-secondary-color-active: var(--color-3);
  --button-secondary-border-color: var(--color-3);
  --button-secondary-border-color-hover: color-mix(in srgb, var(--color-3) 100%, black 5%);
  --button-secondary-border-color-active: color-mix(in srgb, var(--color-3) 100%, black 15%);
  --button-secondary-icon-filter: var(--filter-to-color-3);
  /* Custom properties for naked buttons */
  --button-naked-color: var(--color-3);
  --button-naked-color-hover: var(--color-3);
  --button-naked-color-active: var(--color-3);
  --button-naked-icon-filter: var(--filter-to-color-3);
}

/****************************************************************
 * Colors and fonts
 ****************************************************************/
:where(.quart-theme) :where(h1, h2, h3, h4, h5, h6) {
  color: var(--heading-color);
}
:where(.quart-theme) :where(p, ul) {
  color: var(--text-color);
}
:where(.quart-theme) :where(strong) {
  font-weight: 700;
  color: var(--heading-color);
}
:where(.quart-theme) :where(a strong) {
  --heading-color: var(--link-color);
}
:where(.quart-theme) :where(a) {
  color: var(--link-color);
  text-decoration: none;
}
:where(.quart-theme) :where(a):hover {
  --link-color: var(--link-color-hover);
}
:where(.quart-theme) :where(a):active {
  --link-color: var(--link-color-active);
}

:where(.quart-theme) {
  /* Common style for all buttons */
  /* Style for primary buttons */
  /* Style for secondary buttons */
  /* Style for naked buttons */
}
:where(.quart-theme) .quart-swiper-section__ctas a,
:where(.quart-theme) .button {
  text-decoration: var(--_button-text-decoration, none);
  background: var(--_button-background, transparent);
  color: var(--_button-color, inherit);
  padding: var(--_button-padding, 10px 20px 10px 28px);
  min-height: var(--_button-min-height, 60px);
  border-radius: var(--_button-border-radius, 52px);
  border: var(--_button-border);
  text-align: center;
  box-sizing: border-box;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-inline: 8px;
  margin-block: var(--_button-vspace, 16px);
  transform: translateX(-8px);
  text-underline-offset: 12px;
  text-decoration-thickness: 2px;
}
:where(.quart-theme) .quart-swiper-section__ctas a::after,
:where(.quart-theme) .button::after {
  margin-block-start: -2px;
  content: "";
  background-image: var(--icon-arrow);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
  display: inline-block;
  filter: var(--_button-icon-filter, var(--button-filter));
  transition: transform 250ms;
  margin-left: 10px;
}
:where(.quart-theme) .quart-swiper-section__ctas a:hover::after,
:where(.quart-theme) .button:hover::after {
  transform: translateX(4px);
}
:where(.quart-theme) input[type=submit] {
  --_button-padding: 10px 28px 10px 28px;
}
:where(.quart-theme) input[type=submit],
:where(.quart-theme) .button--primary {
  --_button-background: var(--button-primary-background-color);
  --_button-color: var(--button-primary-color);
  --_button-border: 2px solid var(--button-primary-background-color);
  --_button-icon-filter: var(--button-primary-icon-filter);
}
:where(.quart-theme) input[type=submit]:hover,
:where(.quart-theme) .button--primary:hover {
  --_button-background: var(--button-primary-background-color-hover);
}
:where(.quart-theme) input[type=submit]:active,
:where(.quart-theme) .button--primary:active {
  --_button-background: var(--button-primary-background-color-active);
}
:where(.quart-theme) .quart-swiper-section__ctas a,
:where(.quart-theme) .button--secondary {
  --_button-color: var(--button-secondary-color);
  --_button-border: 2px solid var(--button-secondary-border-color);
  --_button-background: transparent;
  --_button-icon-filter: var(--button-secondary-icon-filter);
}
:where(.quart-theme) .quart-swiper-section__ctas a,
:where(.quart-theme) .button--secondary:hover {
  --_button-border: 2px solid var(--button-secondary-border-color-hover);
  --_button-color: var(--button-secondary-color-hover);
}
:where(.quart-theme) .quart-swiper-section__ctas a,
:where(.quart-theme) .button--secondary:active {
  --_button-border: 2px solid var(--button-secondary-border-color-active);
  --_button-color: var(--button-secondary-color-active);
}
:where(.quart-theme) .button--naked {
  --_button-color: var(--button-naked-color);
  --_button-background: transparent;
  --_button-border: none;
  --_button-padding: 0px;
  --_button-icon-filter: var(--button-naked-icon-filter);
  --_button-vspace: 0px;
  --_button-min-height: 0px;
}
:where(.quart-theme) .button--naked:hover {
  --_button-color: var(--button-naked-color-hover);
  --_button-text-decoration: underline;
}
:where(.quart-theme) .button--naked:active {
  --_button-color: var(--button-secondary-color-active);
}

/****************************************************************
 * Components
 ****************************************************************/
.quart-page__slide-drawer {
  --quart-page-slide-drawer-border-color: color-mix(in srgb, var(--text-color, #fff,), transparent 87%);
  --quart-page-slide-drawer-submenu-icon: var(--icon-plus);
  --quart-page-slide-drawer-submenu-icon-active: var(--icon-minus);
}
.quart-page__slide-drawer ul {
  font-size: 24px;
}
.quart-page__slide-drawer ul ul {
  font-size: 18px;
}

.quart-accordion__content {
  --hspace: 0px;
}

.quart-accordion:not(.quart-accordion--open) {
  --background: transparent;
}

.quart-columns {
  --quart-columns--background: transparent;
}

.quart-columns__layout {
  --hspace: 0;
  --vspace: 0;
  --quart-belt--width: 100%;
  --quart-belt--box-sizing: border-box;
}

.quart-columns--mobile {
  --quart-text--margin-inline: 0px;
}
.quart-columns--mobile.quart-columns--max-1-columns {
  --quart-columns--grid-template-columns: repeat(1, 1fr);
}
.quart-columns--mobile.quart-columns--max-2-columns {
  --quart-columns--grid-template-columns: repeat(1, 1fr);
}
.quart-columns--mobile.quart-columns--max-3-columns {
  --quart-columns--grid-template-columns: repeat(1, 1fr);
}
.quart-columns--mobile.quart-columns--max-4-columns {
  --quart-columns--grid-template-columns: repeat(1, 1fr);
}
.quart-columns--mobile.quart-columns--max-5-columns {
  --quart-columns--grid-template-columns: repeat(1, 1fr);
}
.quart-columns--mobile.quart-columns--max-6-columns {
  --quart-columns--grid-template-columns: repeat(1, 1fr);
}

.quart-columns--tablet {
  --quart-text--margin-inline: 0px;
}
.quart-columns--tablet.quart-columns--max-1-columns {
  --quart-columns--grid-template-columns: repeat(1, 1fr);
}
.quart-columns--tablet.quart-columns--max-2-columns {
  --quart-columns--grid-template-columns: repeat(2, 1fr);
}
.quart-columns--tablet.quart-columns--max-3-columns {
  --quart-columns--grid-template-columns: repeat(2, 1fr);
}
.quart-columns--tablet.quart-columns--max-4-columns {
  --quart-columns--grid-template-columns: repeat(2, 1fr);
}
.quart-columns--tablet.quart-columns--max-5-columns {
  --quart-columns--grid-template-columns: repeat(2, 1fr);
}
.quart-columns--tablet.quart-columns--max-6-columns {
  --quart-columns--grid-template-columns: repeat(2, 1fr);
}

.quart-columns--laptop.quart-columns--max-1-columns {
  --quart-columns--grid-template-columns: repeat(1, 1fr);
}
.quart-columns--laptop.quart-columns--max-2-columns {
  --quart-columns--grid-template-columns: repeat(2, 1fr);
}
.quart-columns--laptop.quart-columns--max-3-columns {
  --quart-columns--grid-template-columns: repeat(3, 1fr);
}
.quart-columns--laptop.quart-columns--max-4-columns {
  --quart-columns--grid-template-columns: repeat(4, 1fr);
}
.quart-columns--laptop.quart-columns--max-5-columns {
  --quart-columns--grid-template-columns: repeat(3, 1fr);
}
.quart-columns--laptop.quart-columns--max-6-columns {
  --quart-columns--grid-template-columns: repeat(3, 1fr);
}

.quart-columns--desktop.quart-columns--max-1-columns {
  --quart-columns--grid-template-columns: repeat(1, 1fr);
}
.quart-columns--desktop.quart-columns--max-2-columns {
  --quart-columns--grid-template-columns: repeat(2, 1fr);
}
.quart-columns--desktop.quart-columns--max-3-columns {
  --quart-columns--grid-template-columns: repeat(3, 1fr);
}
.quart-columns--desktop.quart-columns--max-4-columns {
  --quart-columns--grid-template-columns: repeat(4, 1fr);
}
.quart-columns--desktop.quart-columns--max-5-columns {
  --quart-columns--grid-template-columns: repeat(5, 1fr);
}
.quart-columns--desktop.quart-columns--max-6-columns {
  --quart-columns--grid-template-columns: repeat(6, 1fr);
}

.quart-belt {
  --quart-belt--max-width: var(--max-width-l);
  --quart-belt--content-max-width: var(--max-width-s);
}
.quart-belt__content {
  --hspace: 0px;
}
.quart-belt--small {
  --quart-belt--content-max-width: var(--max-width-s);
}
.quart-belt--medium {
  --quart-belt--content-max-width: var(--max-width-m);
}
.quart-belt--large {
  --quart-belt--content-max-width: var(--max-width-l);
}
.quart-belt--no-vspace {
  --quart-belt--vspace: 0px;
}
.quart-belt--vspace-small {
  --quart-belt--vspace: 32px;
}

.quart-group__content {
  --vspace: 0px;
  --hspace: 0px;
}

.quart-hero--with-background-media {
  --quart-hero--min-height: 100svh;
}

.gin--horizontal-toolbar {
  --admin-toolbar-height: calc(var(--gin-toolbar-secondary-height, 0px) - var(--gin-toolbar-height, 0px));
}
.gin--horizontal-toolbar .quart-hero--with-background-media {
  --quart-hero--min-height: calc(100svh - var(--admin-toolbar-height, 0px));
}
.gin--horizontal-toolbar .quart-page.quart-page--scrolled:not(.quart-page--hidden-header) .quart-page__header {
  top: var(--gin-toolbar-height, 53px);
}

.quart-leaflet__content * {
  --hspace: 0px;
}

.quart-page--header-on-top:not(.quart-page--scrolled) .quart-page__header {
  --quart-page--header-background: transparent;
}

:root {
  --tmp: 0px;
}

.quart-page--scrolled {
  --header-height: 100px;
  --logo-max-height: 40px;
}

.quart-page--mobile {
  --header-height: 80px;
  --logo-max-height: 40px;
}

.quart-page-footer {
  --quart-belt--hspace: 0px;
  --quart-belt--vspace: 24px;
  --quart-belt--justify: start;
  --quart-page-footer--gap: 48px 24px;
}

.quart-page--header-on-top .quart-hero {
  --quart-hero--vspace: calc(var(--vspace) + var(--header-height, 0px));
}

.quart-page--mobile .quart-page__navigation-horizontal,
.quart-page--tablet .quart-page__navigation-horizontal {
  display: none;
}

.quart-section__content {
  --hspace: 0px;
}

.jumbotron {
  --quart-section--min-height: max(42vw, 80svh);
  --quart-section--content-max-width: var(--max-width-l);
  --quart-section--content-inner-max-width: var(--max-width-xs);
}

.quart-swiper-section .swiper-slide {
  --hspace: 0px;
}

.quart-head-columns__column {
  --hspace: 0px;
}

/********************************
 * Styling for Cart, checkout etc
 *******************************/
.cart-block--summary a.cart-block--link__expand {
  display: flex;
  gap: 8px;
  align-items: center;
}

.cart-block--summary__icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  content: var(--icon-cart);
  filter: var(--filter);
}
.cart-block--summary__icon img {
  display: none;
}

.cart-block--summary__count {
  font-weight: 500;
}

/**************************'*/
/* Basic styling for the entire cart form */
.cart-form {
  max-width: var(--max-width-l, 1200px);
  margin-inline: auto;
  margin-block: var(--hspace);
  /* Responsive table headers */
  /* Styling form inputs and buttons */
  /* Responsive design adjustments */
}
.cart-form table {
  width: 100%;
  border-collapse: collapse;
  border-collapse: separate;
  border-spacing: 4px 16px;
}
.cart-form td {
  padding: 24px 10px;
  text-align: center;
  background: #fff;
}
.cart-form td .form-item {
  margin-block: 0;
  padding: 0;
}
.cart-form th {
  text-align: center;
  background: transparent;
}
.cart-form th .form-item {
  margin-block: 0;
  padding: 0;
}
.cart-form .visually-hidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
}
.cart-form input.quantity-edit-input {
  background-color: #F5F5F5;
  width: auto;
  margin-inline: auto;
  --_form-item-inner-vspace: 12px;
}
.cart-form input.delete-order-item {
  margin-inline: auto;
  margin-block: 0;
  --_button-background: transparent;
  --_button-border: 0;
  --_button-color: var(--color-5);
  --_button-min-height: none;
  --_button-padding: 0px 0 0px 30px;
  transform: none;
  background-size: 20px;
  background-image: var(--icon-trash-can);
  background-repeat: no-repeat;
  text-transform: revert;
  --_button-border-radius: 0;
  background-position: 0 50%;
  color: var(--Green, #6AB150);
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 127.273% */
  letter-spacing: -0.22px;
  cursor: pointer;
}
.cart-form [data-drupal-selector^=order-total-summary] {
  padding-block: clamp(24px, 1.5rem + 8 * (100vw - 600px) / 600, 32px);
}
.cart-form [data-drupal-selector^=order-total-summary] .order-total-line__total {
  padding-top: 0;
  font-weight: 300;
}
.cart-form .order-total-line [class*=label] {
  white-space: break-spaces;
  font-weight: bold;
}
@media (max-width: 900px) {
  .cart-form {
    /* Label cells in mobile view for clarity */
    /* Stack table headers vertically for small screens */
    /* Adjust form layout on small screens */
  }
  .cart-form thead,
  .cart-form tbody,
  .cart-form tr {
    width: auto;
    display: block;
  }
  .cart-form thead {
    display: none;
  }
  .cart-form tr {
    margin-block: 4px;
    padding: 24px;
    background: #fff;
  }
  .cart-form td, .cart-form th {
    text-align: left;
    padding-block: 12px;
  }
  .cart-form td.views-field-purchased-entity a {
    font-size: larger;
  }
  .cart-form input.delete-order-item {
    margin-inline: 0;
  }
  .cart-form td:before {
    content: attr(data-label) " ";
    font-weight: bold;
    white-space: break-spaces;
  }
  .cart-form td.views-field-purchased-entity::before,
  .cart-form td.views-field-remove-button::before {
    display: none;
  }
  .cart-form td.views-field-edit-quantity .form-item {
    display: inline-block;
  }
  .cart-form .cols-5, .cart-form th, .cart-form td {
    display: block;
  }
}

.checkout-order-summary .order-total-line [class*=label] {
  white-space: break-spaces;
  font-weight: bold;
}
.checkout-order-summary .order-total-line__total {
  font-weight: 300;
}

/**************************'*/
.commerce-checkout-flow table {
  border-spacing: 24px 12px;
  text-align: left;
}

#block-zeus-theme-content:has(> .commerce-checkout-flow,
> .cart-form,
> .cart-empty-page),
body.form-single-submit .quart-page__content {
  max-width: 1680px;
  margin-inline: auto;
  padding-inline: var(--hspace, 24px);
  margin-block: var(--vspace, 96px);
}

[data-drupal-selector^=order-total-summary] .order-total-line,
.checkout-order-summary .order-total-line {
  text-align: left;
  display: block;
  margin-block: 12px;
}

[data-drupal-selector^=order-total-summary] .order-total-line span,
.checkout-order-summary .order-total-line span {
  width: auto;
}

.commerce-checkout-flow .layout-checkout-form {
  max-width: 1024px;
  margin-inline: auto;
  margin-block: var(--vspace, 96px);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.commerce-checkout-flow .layout-checkout-form .layout-region {
  float: none;
  width: 100%;
  padding: 0;
}

.commerce-checkout-flow .layout-checkout-form .layout-region .fieldset-wrapper {
  width: 100%;
}

.commerce-checkout-flow .layout-checkout-form .layout-region .checkout-pane.form-item {
  padding: 0;
}

.commerce-checkout-flow legend {
  background: transparent;
  padding: 0;
  opacity: 0.7;
  font-size: 12px;
}

.commerce-checkout-flow .layout-checkout-form .checkout-pane {
  background: 0;
}

.commerce-checkout-flow .form-item {
  margin-block: 12px;
}

.commerce-checkout-flow .address-container-inline > .form-item {
  margin: 12px 0;
  display: block;
}

.commerce-checkout-flow input[type=submit] {
  margin-inline: 0;
  margin-block: 32px;
}