/* styles/tokens.css */
/* Automatic.css tokens used by swisher.ro, with the values of the live ACSS build (2026-10-28). */

@font-face {
  font-family: "Head";
  src: url("/assets/fonts/ibm-plex-mono-v20-latin_latin-ext-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Head";
  src: url("/assets/fonts/ibm-plex-mono-v20-latin_latin-ext-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Body";
  src: url("/assets/fonts/ibm-plex-mono-v20-latin_latin-ext-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Body";
  src: url("/assets/fonts/ibm-plex-mono-v20-latin_latin-ext-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Colors */
  --primary: #1a1a1a;
  --primary-hover: #1f1f1f;
  --primary-ultra-light: #f2f2f2;
  --primary-light: #d9d9d9;
  --primary-dark: #404040;
  --base: #1e356c;
  --base-ultra-dark: #0b1428;
  --neutral: #00040a;
  --neutral-hover: #050606;
  --neutral-ultra-light: #f1f2f4;
  --neutral-light: #d5d8dd;
  --neutral-semi-light: #9da4af;
  --neutral-dark: #393e46;
  --neutral-ultra-dark: #17191c;
  --white: #fff;
  --black: #000;
  --danger: #dc3545;
  --danger-dark: #a51d2a;
  --danger-ultra-light: #fbe9eb;
  --success: #29a844;
  --success-dark: #0f3e19;
  --success-ultra-light: #eafaee;
  --neutral-trans-10: rgb(0 4 10 / 0.1);
  --neutral-trans-20: rgb(0 4 10 / 0.2);
  --neutral-trans-60: rgb(0 4 10 / 0.6);
  --black-trans-20: rgb(0 0 0 / 0.2);
  --base-ultra-dark-trans-70: rgb(11 20 40 / 0.7);
  --base-ultra-dark-trans-80: rgb(11 20 40 / 0.8);

  /* Text */
  --text-xs: clamp(1.3rem, calc(0.0956022945vw + 1.2694072658rem), 1.4rem);
  --text-s: clamp(1.4rem, calc(0.1912045889vw + 1.3388145315rem), 1.6rem);
  --text-m: clamp(1.6rem, calc(0.1912045889vw + 1.5388145315rem), 1.8rem);
  --text-l: clamp(1.92rem, calc(0.4583173996vw + 1.7733384321rem), 2.3994rem);
  --text-xl: clamp(2.304rem, calc(0.8550671128vw + 2.0303785239rem), 3.1984002rem);
  --text-xxl: clamp(2.7648rem, calc(1.4327604843vw + 2.306316645rem), 4.2634674666rem);
  --h1: clamp(2.7648rem, calc(3.8099426386vw + 1.5456183556rem), 6.75rem);
  --h2: clamp(2.304rem, calc(2.0994263862vw + 1.6321835564rem), 4.5rem);
  --h3: clamp(1.92rem, calc(1.0325047801vw + 1.5895984704rem), 3rem);
  --h4: clamp(1.6rem, calc(0.3824091778vw + 1.4776290631rem), 2rem);
  --h5: clamp(1.6rem, calc(0.1912045889vw + 1.5388145315rem), 1.8rem);
  --h6: clamp(1.4rem, calc(0.1912045889vw + 1.3388145315rem), 1.6rem);
  --ff-head: "Head", sans-serif;
  --ff-body: "Body", sans-serif;
  --heading-spacing: 1.5em;

  /* Space */
  --space-xs: clamp(1.3506752532rem, calc(-0.0165792733vw + 1.3559806207rem), 1.3333333333rem);
  --space-s: clamp(1.8004501125rem, calc(0.190774271vw + 1.7394023458rem), 2rem);
  --space-m: clamp(2.4rem, calc(0.5736137667vw + 2.2164435946rem), 3rem);
  --space-l: clamp(3.1992rem, calc(1.2435946463vw + 2.8012497132rem), 4.5rem);
  --space-xl: clamp(4.2645336rem, calc(2.3761629063vw + 3.50416147rem), 6.75rem);
  --space-xxl: clamp(5.6846232888rem, calc(4.2451020184vw + 4.3261906429rem), 10.125rem);
  --section-space-xs: clamp(2.7013505064rem, calc(1.2415387128vw + 2.3040581183rem), 4rem);
  --section-space-s: clamp(3.6009002251rem, calc(2.2935944311vw + 2.8669500071rem), 6rem);
  --section-space-m: clamp(4.8rem, calc(4.0152963671vw + 3.5151051625rem), 9rem);
  --section-space-l: clamp(6.3984rem, calc(6.789292543vw + 4.2258263862rem), 13.5rem);
  --section-space-xl: clamp(8.5290672rem, calc(11.2054806883vw + 4.9433133797rem), 20.25rem);
  --gutter: clamp(1.6rem, calc(3.0592734226vw + 0.6210325048rem), 4.8rem);
  --container-gap: var(--space-xl);
  --grid-gap: var(--space-l);
  --content-gap: var(--space-m);

  /* Layout */
  --content-width: 136.6rem;
  --content-width-safe: min(var(--content-width), calc(100% - var(--gutter) * 2));
  --width-xs: calc(var(--content-width) * 0.1);
  --width-m: calc(var(--content-width) * 0.4);
  --width-xl: calc(var(--content-width) * 0.8);
  --width-xxl: calc(var(--content-width) * 0.9);
  --grid-1: repeat(1, minmax(0, 1fr));
  --grid-2: repeat(2, minmax(0, 1fr));
  --grid-3: repeat(3, minmax(0, 1fr));
  --grid-1-3: minmax(0, 1fr) minmax(0, 3fr);
  --header-height: 4rem;

  /* Shape and effects */
  --radius: 0.8rem;
  --radius-s: 0.4rem;
  --radius-m: 0.8rem;
  --radius-xl: 3.2rem;
  --border: 0.15rem solid var(--black-trans-20);
  --box-shadow-m: 0 4px 4px -10px rgb(0 4 10 / 0.04), 0 13px 13px -10px rgb(0 4 10 / 0.06), 0 40px 60px -10px rgb(0 4 10 / 0.08);
  --transition: all 300ms ease-in-out 0s;
  --hover-up: translateY(-0.5em);
  --mac-overlay: radial-gradient(circle, var(--base-ultra-dark-trans-80), var(--base-ultra-dark-trans-70));

  /* Frames cards */
  --fr-card-gap: var(--space-s);
  --fr-card-padding: var(--space-m);
  --fr-card-radius: var(--radius-m);

  /* Text roles */
  --text-dark: var(--black);
  --text-dark-muted: var(--neutral-dark);
  --text-light-muted: var(--neutral-light);
  --bg-light: var(--neutral-ultra-light);
  --link-color: var(--primary);
  --link-color-hover: var(--primary-hover);

  /* Focus */
  --focus-color: var(--primary);
  --focus-width: 0.2rem;
  --focus-offset: 0.25em;

  /* Buttons */
  --btn-padding-block: 0.75em;
  --btn-padding-inline: 1.5em;
  --btn-line-height: 1;
  --btn-letter-spacing: 0.05em;
  --btn-border-width: 0.25rem;
  --btn-border-radius: var(--radius-m);
  --btn-font-weight: 700;
  --btn-min-width: 15rem;
  /* Frames button text (product tabs): a step smaller than --text-m on phones. */
  --fr-btn-text-size: clamp(1.4rem, calc(0.3824091778vw + 1.2776290631rem), 1.8rem);
}

/* The space kept for the fixed header shrinks on smaller screens, with the live site's steps. */
@media (max-width: 992px) {
  :root { --header-height: 3.4rem; }
}

@media (max-width: 768px) {
  :root { --header-height: 3.3rem; }
}

@media (max-width: 480px) {
  :root { --header-height: 3.2rem; }
}

@media (max-width: 360px) {
  :root { --header-height: 3.1rem; }
}

/* styles/base.css */
/* Base elements, utilities, buttons and form controls (ACSS defaults as used on the live site). */

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

html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  display: flex;
  flex-direction: column;
  min-block-size: 100vh;
  margin: 0;
  background-color: var(--white);
  color: var(--neutral-dark);
  font-family: var(--ff-body);
  font-size: var(--text-m);
  line-height: 1.5;
}

main {
  flex-grow: 1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  color: var(--neutral);
  font-family: var(--ff-head);
  font-weight: 700;
  line-height: 1.2;
  text-wrap: pretty;
}

h1 { font-size: var(--h1); }
h2 { font-size: var(--h2); }
h3 { font-size: var(--h3); }
h4 { font-size: var(--h4); }
h5 { font-size: var(--h5); }
h6 { font-size: var(--h6); }

p,
ul,
ol,
dl,
dd,
figure,
blockquote {
  margin: 0;
}

img,
svg {
  display: block;
  max-inline-size: 100%;
}

img {
  block-size: auto;
}

a {
  color: var(--link-color);
  text-decoration: none;
}

a:hover {
  color: var(--link-color-hover);
}

button,
input,
select,
textarea {
  font: inherit;
  color: inherit;
}

:focus-visible {
  outline: var(--focus-width) solid var(--focus-color);
  outline-offset: var(--focus-offset);
}

::selection {
  background-color: var(--primary);
  color: var(--primary-ultra-light);
}

[hidden] {
  display: none !important;
}

.visually-hidden {
  position: absolute !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
  white-space: nowrap !important;
}

.skip-link {
  position: absolute;
  inset-block-start: 1rem;
  inset-inline-start: 1rem;
  z-index: 1000;
  padding: 0.75em 1.5em;
  border-radius: var(--radius-m);
  background-color: var(--primary);
  color: var(--white);
  font-weight: 700;
  transform: translateY(-200%);
}

/* :focus-visible, so the link stays hidden when focus moves to it after a mouse click. */
.skip-link:focus-visible {
  color: var(--white);
  transform: none;
}

/* Text content (policies, FAQ answers): links stay distinguishable from the surrounding text. */
.prose a,
.mah-faq-card__answer a,
.mah-form__consent a,
.mah-form__note a,
.apm-contact__content-wrap p a {
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

.prose > * + * {
  margin-block-start: 1em;
}

.prose > :is(h2, h3, h4) {
  margin-block-start: var(--heading-spacing);
}

.prose > :is(h2, h3, h4) + * {
  margin-block-start: 1em;
}

.prose ul,
.prose ol {
  padding-inline-start: 2em;
}

.prose li + li {
  margin-block-start: 0.5em;
}

/* Buttons */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.75em;
  padding: var(--btn-padding-block) var(--btn-padding-inline);
  border: var(--btn-border-width) solid var(--primary);
  border-radius: var(--btn-border-radius);
  background-color: var(--primary);
  color: var(--white);
  font-family: var(--ff-body);
  font-size: var(--text-m);
  font-weight: var(--btn-font-weight);
  line-height: var(--btn-line-height);
  letter-spacing: var(--btn-letter-spacing);
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  transition: var(--transition);
}

.btn:hover {
  border-color: var(--primary-dark);
  background-color: var(--primary-dark);
  color: var(--white);
}

.btn svg {
  flex-shrink: 0;
  inline-size: 1em;
  block-size: 1em;
}

.btn[aria-disabled="true"],
.btn:disabled {
  opacity: 0.6;
  cursor: progress;
}

/* Form controls (WS Form light skin as styled on the live site) */
.mah-form {
  display: grid;
  grid-template-columns: var(--grid-2);
  gap: 2rem;
  text-transform: none;
}

.mah-form__field,
.mah-form__wide {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  min-inline-size: 0;
}

.mah-form__wide,
.mah-form__fieldset {
  grid-column: 1 / -1;
}

/* A fieldset repeats the form grid, so its fields sit two per row like the rest of the form. */
.mah-form__fieldset {
  display: grid;
  grid-template-columns: var(--grid-2);
  gap: 2rem;
  min-inline-size: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.mah-form__legend {
  margin-block-end: 0.5em;
  padding: 0;
  color: var(--neutral);
  font-family: var(--ff-head);
  font-size: var(--h5);
  font-weight: 700;
  text-transform: uppercase;
}

.mah-form__label {
  color: var(--neutral-dark);
  font-size: var(--text-m);
  line-height: 1;
}

.mah-form__required {
  color: var(--danger-dark);
  font-weight: 700;
}

.mah-form__input {
  inline-size: 100%;
  min-block-size: 5rem;
  padding: 0.5em 1em;
  border: 1px solid var(--neutral-light);
  border-radius: var(--radius-m);
  background-color: var(--white);
  color: var(--neutral-dark);
  font-size: var(--text-m);
  line-height: 1.5;
  transition: border-color 200ms ease-in-out;
}

.mah-form__input:hover {
  border-color: var(--neutral-semi-light);
}

.mah-form__input:focus-visible {
  border-color: var(--neutral);
  outline-offset: 0.1em;
}

textarea.mah-form__input {
  min-block-size: 12rem;
  resize: vertical;
}

select.mah-form__input {
  appearance: none;
  padding-inline-end: 2.5em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M34 16H14a1 1 0 0 0-.85 1.53l10 16a1 1 0 0 0 1.7 0l10-16A1 1 0 0 0 34 16Z' fill='%2300040a'/%3E%3C/svg%3E");
  background-position: right 0.75em center;
  background-repeat: no-repeat;
  background-size: 1.25em;
}

.mah-form__input[aria-invalid="true"] {
  border-color: var(--danger);
}

.mah-form__help {
  color: var(--neutral-dark);
  font-size: var(--text-s);
}

.mah-form__error {
  align-self: flex-start;
  padding: 0.25em 0.5em;
  border-radius: var(--radius-m);
  background-color: var(--danger-ultra-light);
  color: var(--danger-dark);
  font-size: 1.3rem;
  font-weight: 700;
}

.mah-form__choices {
  display: grid;
  gap: 1rem;
}

.mah-form__choice,
.mah-form__consent {
  display: flex;
  align-items: flex-start;
  gap: 0.75em;
  font-size: calc(var(--text-m) - 0.2rem);
  line-height: 1.4;
}

.mah-form__choice {
  padding: 1em;
  border: 1px solid var(--neutral-light);
  border-radius: var(--radius-m);
  background-color: var(--white);
  cursor: pointer;
}

.mah-form__choice:has(input:checked) {
  border-color: var(--neutral);
}

.mah-form__choice input,
.mah-form__consent input {
  flex-shrink: 0;
  inline-size: 2rem;
  block-size: 2rem;
  margin: 0.1em 0 0;
  accent-color: var(--primary);
}

.mah-form__choice-text {
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.25em 1em;
}

.mah-form__choice-price {
  color: var(--neutral);
  font-weight: 700;
  white-space: nowrap;
}

.mah-form__choice-text .mah-form__help {
  flex-basis: 100%;
}

.mah-form__submit {
  grid-column: 1 / -1;
  inline-size: 100%;
  border-width: 0.2rem;
  color: var(--primary-ultra-light);
}

.mah-form__turnstile {
  grid-column: 1 / -1;
  min-block-size: 6.5rem;
}

.mah-form__hp {
  position: absolute;
  inset-inline-start: -10000px;
  inline-size: 1px;
  block-size: 1px;
  overflow: hidden;
}

.mah-form__status {
  grid-column: 1 / -1;
}

.mah-form__status:empty {
  display: none;
}

.mah-form__status {
  padding: 1em;
  border-radius: var(--radius-m);
  font-weight: 700;
}

.mah-form__status[data-state="error"] {
  background-color: var(--danger-ultra-light);
  color: var(--danger-dark);
}

.mah-form__status[data-state="success"] {
  background-color: var(--success-ultra-light);
  color: var(--success-dark);
}

.mah-form__note {
  grid-column: 1 / -1;
  color: var(--neutral-dark);
  font-size: var(--text-s);
}

@media (max-width: 480px) {
  .mah-form,
  .mah-form__fieldset {
    grid-template-columns: var(--grid-1);
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

/* styles/components.css */
/* Components of swisher.ro: class names follow the live Bricks/Frames build (apm-*, mah-*, fr-*). */

/* Shared section layout */
.section {
  padding-block: var(--section-space-m);
  padding-inline: var(--gutter);
}

.section--first {
  padding-block-start: calc(var(--section-space-m) + var(--header-height));
}

.container {
  inline-size: 100%;
  max-inline-size: var(--content-width);
  margin-inline: auto;
}

.uppercase {
  text-transform: uppercase;
}

/* Header */
.apm-subheader {
  position: fixed;
  inset-block-start: 0;
  inset-inline: 0;
  z-index: 100;
  padding-block: var(--space-xs);
  padding-inline: var(--gutter);
  background-color: var(--white);
  transition: transform 300ms ease-in-out;
}

.apm-subheader.is-hidden {
  transform: translateY(-100%);
}

.apm-subheader__container {
  display: grid;
  grid-template-columns: var(--grid-3);
  align-items: center;
  gap: var(--fr-card-gap);
  inline-size: 100%;
  max-inline-size: var(--content-width);
  margin-inline: auto;
}

.apm-subheader__back-wrap {
  display: flex;
  grid-column: 1;
}

.apm-subheader__mini-cart-wrap {
  display: flex;
  flex-direction: column;
  grid-column: 3;
  align-items: flex-end;
}

.apm-subheader__mini-cart {
  display: block;
  inline-size: 2em;
  block-size: 2em;
  color: var(--neutral-dark);
  transition: var(--transition);
}

.apm-subheader__mini-cart:hover {
  color: var(--neutral-dark);
  scale: 1.1;
}

.apm-subheader__mini-cart svg {
  inline-size: 2em;
  block-size: 2em;
}

.mah-general-back {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  padding: 0;
  background-color: var(--white);
  color: var(--neutral);
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  transition: var(--transition);
}

.mah-general-back svg {
  inline-size: 1em;
  block-size: 1em;
  transition: transform 200ms ease-in-out;
}

.mah-general-back:hover {
  color: var(--primary-hover);
  scale: 1.1;
}

.mah-general-back:hover svg {
  transform: translateX(-0.25em);
}

/* Footer */
.fr-footer-delta {
  padding-block: var(--space-xs);
  padding-inline: var(--gutter);
}

.fr-footer-delta__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: calc(var(--container-gap) * 0.5);
}

.fr-footer-delta__nav {
  inline-size: var(--width-xxl);
  max-inline-size: 100%;
}

.fr-footer-delta__nav-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--content-gap);
  padding: 0;
  list-style: none;
}

.fr-footer-delta__nav-link {
  display: block;
  color: var(--text-dark-muted);
  font-size: var(--text-s);
  text-transform: uppercase;
}

.fr-footer-delta__nav-link:hover,
.fr-footer-delta__nav-link[aria-current="page"] {
  color: var(--text-dark);
}

.fr-legal-meta-alpha {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  font-size: var(--text-s);
}

.fr-footer-delta__image-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--content-gap);
  padding: 0;
  list-style: none;
}

.fr-footer-delta__image-link {
  display: block;
  transition: var(--transition);
}

.fr-footer-delta__image-link:hover {
  scale: 1.1;
}

.fr-footer-delta__image {
  inline-size: var(--width-xs);
}

.fr-legal-meta-alpha__copyright {
  color: var(--neutral-dark);
  font-size: calc(var(--text-xs) * 0.7);
  text-transform: uppercase;
}

.fr-legal-meta-alpha__cookies {
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}

/* The link and the button in this row stay at least 24px tall (WCAG 2.5.8, target size). */
a.fr-legal-meta-alpha__copyright,
.fr-legal-meta-alpha__cookies {
  display: inline-flex;
  align-items: center;
  min-block-size: 2.4rem;
}

@media (max-width: 767px) {
  .fr-footer-delta__nav-item:nth-child(4) {
    order: -1;
  }
}

/* Home: product grid and card */
.mah-product-section {
  padding-block: calc(var(--section-space-m) + var(--header-height)) var(--space-l);
  padding-inline: var(--gutter);
  text-transform: uppercase;
}

.mah-product-grid {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mah-product-card {
  --card-width-xl: 50rem;
  --card-height-xl: 45rem;
  --card-width-s: 50rem;
  --card-height-s: 30rem;

  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-m);
  inline-size: fit-content;
  max-inline-size: 100%;
}

.mah-product-card__clickable-parent-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--space-m);
  max-inline-size: 100%;
}

.mah-product-card__footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-xs);
}

.mah-product-card__title {
  font-size: var(--h4);
}

.mah-product-card__title a {
  color: var(--neutral);
}

.mah-product-card__title a::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 10;
}

.mah-product-card__price {
  color: var(--text-dark-muted);
  font-size: var(--h6);
  font-weight: 700;
}

.mah-product-card__images-wrap {
  position: relative;
  order: -1;
  inline-size: min(var(--card-width-xl), 100%);
  block-size: var(--card-height-xl);
  box-shadow: var(--box-shadow-m);
}

.mah-product-card__front-image,
.mah-product-card__back-image {
  inline-size: 100%;
  block-size: 100%;
  border-radius: var(--radius-m);
  object-fit: cover;
}

.mah-product-card__front-image {
  animation: frontFade 10s ease-in-out infinite;
}

.mah-product-card__back-image {
  position: absolute;
  inset: 0;
  opacity: 0;
  animation: backFade 10s ease-in-out infinite;
}

.mah-product-card:hover :is(.mah-product-card__front-image, .mah-product-card__back-image),
.mah-product-card:active :is(.mah-product-card__front-image, .mah-product-card__back-image),
.mah-product-card:focus-within :is(.mah-product-card__front-image, .mah-product-card__back-image) {
  animation-play-state: paused;
}

@keyframes frontFade {
  0%, 33% { opacity: 1; }
  50% { opacity: 0; }
  83%, 100% { opacity: 1; }
}

@keyframes backFade {
  0%, 33% { opacity: 0; }
  50% { opacity: 1; }
  83%, 100% { opacity: 0; }
}

.mah-product-card__order {
  display: flex;
  justify-content: center;
}

.mah-product-card__order-link {
  position: relative;
  z-index: 11;
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 4.4rem;
  block-size: 4.4rem;
  color: var(--neutral);
  font-size: var(--h3);
}

.mah-product-card__order-link svg {
  inline-size: 1.8rem;
  block-size: 1.8rem;
  transition: var(--transition);
}

.mah-product-card__order-link:hover {
  color: var(--neutral);
}

.mah-product-card__order-link:hover svg {
  rotate: 180deg;
}

@media (max-width: 480px) {
  .mah-product-card__images-wrap {
    inline-size: min(var(--card-width-s), 100%);
    block-size: var(--card-height-s);
  }
}

/* Product page */
.fr-single-product-alpha {
  display: grid;
  gap: var(--container-gap);
  padding-block: calc(var(--section-space-m) + var(--header-height) + var(--container-gap)) var(--section-space-m);
  padding-inline: var(--gutter);
  text-transform: uppercase;
}

.fr-single-product-alpha__grid {
  display: grid;
  grid-template-columns: var(--grid-2);
  align-items: stretch;
  gap: var(--grid-gap);
}

.fr-single-product-alpha__content {
  display: flex;
  flex-direction: column;
  row-gap: calc(var(--grid-gap) / 1.5);
}

.mah-breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25em;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mah-breadcrumbs li {
  display: flex;
  align-items: center;
  gap: 0.25em;
}

.mah-breadcrumbs li + li::before {
  content: ">>";
  content: ">>" / "";
  padding-inline: 0.5em;
}

.mah-breadcrumbs a {
  display: flex;
  align-items: center;
  gap: 0.25em;
}

.mah-breadcrumbs svg {
  inline-size: 1em;
  block-size: 1em;
}

.fr-single-product-alpha__heading {
  font-size: var(--h1);
}

.fr-single-product-alpha__price {
  color: var(--text-dark);
  font-family: var(--ff-head);
  font-size: var(--h3);
}

.fr-single-product-alpha__cart {
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--grid-gap) / 1.5);
}

.mah-quantity {
  display: flex;
  align-items: center;
  inline-size: var(--width-xs);
  max-inline-size: 100%;
  padding: var(--btn-padding-block) 0.5em;
  border: 0.2rem solid var(--neutral);
  border-radius: var(--btn-border-radius);
  color: var(--neutral);
  font-size: var(--text-m);
  font-weight: 700;
  line-height: var(--btn-line-height);
}

.mah-quantity__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 3.2rem;
  /* 24px to tap, while the row keeps the 1em height of the live site. */
  block-size: 2.4rem;
  margin-block: calc((1em - 2.4rem) / 2);
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  cursor: pointer;
}

.mah-quantity__btn svg {
  inline-size: 1.5em;
  block-size: 1.5em;
}

.mah-quantity__input {
  flex: 1 1 0%;
  min-inline-size: 0;
  block-size: 1em;
  padding: 0;
  border: 0;
  background: none;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  appearance: textfield;
  -moz-appearance: textfield;
}

.mah-quantity__input::-webkit-outer-spin-button,
.mah-quantity__input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.fr-single-product-alpha__order {
  border-width: 0.2rem;
}

.fr-single-product-alpha__order svg {
  inline-size: 1em;
  block-size: 1em;
}

/* On the product page the quantity box has the live site's button size. */
.fr-single-product-alpha__cart .mah-quantity {
  min-inline-size: var(--btn-min-width);
  padding-inline: var(--btn-padding-inline);
}

/* On phones the quantity and the button stack at full width, as on the live site. */
@media (max-width: 478px) {
  .fr-single-product-alpha__cart {
    flex-direction: column;
  }

  .fr-single-product-alpha__cart .mah-quantity {
    inline-size: 100%;
  }
}

/* Product tabs (ARIA tabs when scripts run, stacked sections otherwise) */
.mah-tabs__list {
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--grid-gap) / 1.5);
}

.mah-tabs__tab {
  padding: var(--btn-padding-block) var(--btn-padding-inline);
  border: 0.2rem solid var(--neutral);
  border-radius: var(--btn-border-radius);
  background-color: transparent;
  color: var(--neutral);
  font-family: var(--ff-head);
  font-size: var(--fr-btn-text-size);
  font-weight: var(--btn-font-weight);
  line-height: var(--btn-line-height);
  letter-spacing: var(--btn-letter-spacing);
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 0.4s ease, color 0.4s ease;
}

.mah-tabs__tab[aria-selected="true"],
.mah-tabs__tab:hover {
  background-color: var(--neutral);
  color: var(--white);
}

/* While another tab is hovered, the active tab steps back, as on the live site. */
.mah-tabs__list:has(.mah-tabs__tab:hover) .mah-tabs__tab[aria-selected="true"]:not(:hover) {
  background-color: transparent;
  color: var(--neutral);
}

.mah-tabs__panel {
  padding-block-start: 1em;
}

.mah-tabs__panel + .mah-tabs__panel {
  margin-block-start: var(--content-gap);
}

.mah-tabs.is-enhanced .mah-tabs__panel + .mah-tabs__panel {
  margin-block-start: 0;
}

.mah-tabs__panel-title {
  margin-block-end: 0.5em;
  font-size: var(--h4);
}

.mah-tabs.is-enhanced .mah-tabs__panel-title {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.mah-tabs__panel ol {
  padding-inline-start: 2em;
}

.mah-attributes {
  inline-size: 100%;
}

.mah-attributes div {
  display: grid;
  grid-template-columns: var(--grid-1-3);
  gap: 1em;
  padding-block: 0.5em;
  border-block-end: 1px solid var(--neutral-trans-10);
}

.mah-attributes dt {
  color: var(--neutral);
  font-weight: 700;
}

/* On tablets and phones both tabs share the row equally and long labels wrap. */
@media (max-width: 768px) {
  .mah-tabs__tab {
    flex: 1 1 0%;
    min-inline-size: 0;
  }
}

/* Product gallery */
.fr-single-product-alpha__gallery-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--space-m);
}

.mah-gallery {
  position: sticky;
  inset-block-start: calc(var(--header-height) + 2.4rem);
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.mah-gallery__main img {
  inline-size: 100%;
  aspect-ratio: 1;
  border-radius: var(--radius-m);
  object-fit: cover;
}

.mah-gallery__thumbs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 2rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mah-gallery__thumb {
  display: block;
  border-radius: var(--radius-m);
  opacity: 0.6;
  transition: opacity 200ms ease-in-out;
}

.mah-gallery__thumb[aria-current="true"],
.mah-gallery__thumb:hover {
  opacity: 1;
}

.mah-gallery__thumb img {
  inline-size: 100%;
  aspect-ratio: 1;
  border-radius: var(--radius-m);
  object-fit: cover;
}

/* Product terms */
.mah-product-terms {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}

.mah-product-tags-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-xs);
}

.mah-product-tags-list__title {
  font-weight: 700;
}

.mah-product-tags-list ul {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-xs);
  margin: 0;
  padding: 0;
  list-style: none;
}

.mah-product-tags-card__product-tag {
  display: block;
  padding: 0.35em 0.85em;
  border: 1px solid var(--neutral-trans-20);
  border-radius: var(--radius-xl);
  color: var(--neutral-dark);
  font-family: var(--ff-head);
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .fr-single-product-alpha__grid {
    grid-template-columns: var(--grid-1);
  }

  .mah-gallery {
    position: static;
  }
}

/* Contact and order layout */
.apm-contact {
  padding-block: calc(var(--section-space-m) + var(--header-height)) var(--section-space-m);
  padding-inline: var(--gutter);
}

.apm-contact__container {
  display: grid;
  grid-template-columns: var(--grid-2);
  align-items: start;
  gap: var(--grid-gap);
}

.apm-contact__content-wrap {
  display: flex;
  flex-direction: column;
  gap: var(--content-gap);
  text-transform: uppercase;
}

.apm-contact__title {
  font-size: var(--h2);
}

.apm-contact__lede {
  font-size: var(--text-m);
}

.apm-contact__subtitle {
  font-size: var(--h4);
}

.apm-contact__meta {
  display: grid;
  grid-template-columns: var(--grid-2);
  gap: calc(var(--fr-card-gap) / 2);
  margin: 0;
  padding: 0;
  list-style: none;
}

.apm-contact__meta-item {
  display: flex;
  align-items: center;
  gap: var(--fr-card-gap);
  color: var(--neutral);
  text-wrap: pretty;
}

.apm-contact__meta-icon {
  flex-shrink: 0;
  inline-size: 2em;
  block-size: 2em;
  color: var(--neutral);
  transition: var(--transition);
}

.apm-contact__meta-item:hover,
.apm-contact__meta-item:hover .apm-contact__meta-icon {
  color: var(--primary-hover);
}

.apm-contact__meta-item:hover .apm-contact__meta-icon {
  scale: 1.2;
}

.apm-contact__schedule {
  position: relative;
  display: grid;
  gap: calc(var(--fr-card-gap) / 2);
  margin: 0;
  padding: 0;
  list-style: none;
}

.apm-contact__schedule::before {
  content: "";
  position: absolute;
  inset-block-start: calc(-1 * var(--content-gap) / 2);
  inset-inline-start: 0;
  inline-size: 100%;
  block-size: 1px;
  background-color: var(--neutral-trans-10);
}

.apm-contact__schedule-item {
  display: flex;
  align-items: center;
  gap: var(--fr-card-gap);
  inline-size: 100%;
  max-inline-size: var(--width-m);
}

.apm-contact__schedule-text {
  display: grid;
  grid-template-columns: var(--grid-2);
  inline-size: 100%;
  background: linear-gradient(to right, var(--neutral-ultra-light) 0%, var(--white) 100%);
}

/* The icon gives up a little width to the text row, as it does on the live site. */
.apm-contact__schedule-icon {
  inline-size: 2em;
  min-inline-size: 0;
  block-size: 2em;
  color: var(--primary);
}

.apm-contact__form-wrap {
  position: sticky;
  inset-block-start: 5%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--fr-card-padding);
  padding: var(--fr-card-padding);
  border: 1px solid var(--neutral-trans-10);
  border-radius: var(--fr-card-radius);
  background-color: var(--neutral-ultra-light);
}

.apm-contact__form-title {
  font-size: var(--h3);
  text-transform: uppercase;
}

@media (max-width: 992px) {
  .apm-contact__container {
    display: flex;
    flex-direction: column;
  }

  .apm-contact__form-wrap {
    position: static;
    inline-size: 100%;
  }
}

@media (max-width: 768px) {
  .apm-contact__meta {
    display: flex;
    flex-direction: column;
  }
}

/* Order summary (order page) */
.mah-order-product {
  display: grid;
  grid-template-columns: 12rem minmax(0, 1fr);
  align-items: center;
  gap: var(--fr-card-gap);
  padding: var(--fr-card-gap);
  border: 1px solid var(--neutral-trans-10);
  border-radius: var(--fr-card-radius);
  background-color: var(--white);
  box-shadow: var(--box-shadow-m);
}

.mah-order-product img {
  inline-size: 12rem;
  aspect-ratio: 1;
  border-radius: var(--radius-m);
  object-fit: cover;
}

.mah-order-product__body {
  display: flex;
  flex-direction: column;
  gap: 0.75em;
  min-inline-size: 0;
}

.mah-order-product__name {
  color: var(--neutral);
  font-family: var(--ff-head);
  font-size: var(--h4);
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
}

.mah-order-product__price {
  color: var(--text-dark-muted);
  font-weight: 700;
}

.mah-order-list {
  display: grid;
  gap: 0.5em;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mah-order-list li {
  display: flex;
  justify-content: space-between;
  gap: 1em;
  padding: 0.5em;
  background: linear-gradient(to right, var(--neutral-ultra-light) 0%, var(--white) 100%);
}

.mah-order-summary {
  grid-column: 1 / -1;
  display: grid;
  gap: 0.25em;
  margin: 0;
  padding: 1em;
  border: 1px solid var(--neutral-trans-10);
  border-radius: var(--radius-m);
  background-color: var(--white);
}

.mah-order-summary div {
  display: flex;
  justify-content: space-between;
  gap: 1em;
}

.mah-order-summary dt {
  color: var(--neutral-dark);
}

.mah-order-summary dd {
  color: var(--neutral);
  font-weight: 700;
}

.mah-order-summary__total {
  margin-block-start: 0.25em;
  padding-block-start: 0.5em;
  border-block-start: 1px solid var(--neutral-trans-10);
  font-size: var(--h5);
}

/* Socials */
.apm-socials {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  inline-size: fit-content;
  margin: 0;
  padding: 0;
  list-style: none;
}

.apm-social {
  --icon-size: 2em;

  display: flex;
  align-items: center;
  transition: var(--transition);
}

.apm-social__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: var(--icon-size);
  block-size: var(--icon-size);
  padding: 0.25em;
  border-radius: var(--fr-card-radius);
  background-color: var(--white);
  color: var(--neutral);
  fill: var(--neutral);
  transition: var(--transition);
}

.apm-social__icon svg {
  inline-size: 100%;
  block-size: 100%;
}

.apm-socials--invert .apm-social__icon {
  background-color: var(--neutral);
  color: var(--white);
  fill: var(--white);
}

.apm-socials--invert .apm-social:hover .apm-social__icon {
  background-color: transparent;
  color: var(--neutral);
  fill: var(--neutral);
}

/* FAQ */
.mah-faqs {
  padding-block: var(--section-space-m);
  padding-inline: var(--gutter);
  text-transform: uppercase;
}

.mah-faqs__inner {
  display: flex;
  flex-direction: column;
  gap: var(--content-gap);
}

.mah-faqs__title {
  font-size: var(--h2);
}

.mah-faqs-accordion {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  margin: 0;
  padding: 0;
  list-style: none;
}

.mah-faq-card__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--content-gap);
  padding: var(--fr-card-gap);
  border: 1px solid var(--neutral);
  background-color: var(--neutral-trans-10);
  color: var(--text-dark);
  cursor: pointer;
  list-style: none;
}

.mah-faq-card__summary::-webkit-details-marker {
  display: none;
}

.mah-faq-card__question {
  color: var(--text-dark);
  font-family: var(--ff-head);
  font-size: var(--h3);
  font-weight: 500;
  line-height: 1.2;
}

.mah-faq-card__icon {
  flex-shrink: 0;
  inline-size: 1.5em;
  block-size: 1.5em;
  color: var(--neutral);
  font-size: var(--text-l);
  transition: transform 300ms ease-in-out;
}

.mah-faq-card[open] .mah-faq-card__icon {
  transform: rotateZ(180deg);
}

.mah-faq-card__answer {
  margin-block-start: var(--content-gap);
  padding: var(--fr-card-gap);
  color: var(--text-dark-muted);
}

/* Policies index */
.apm-policies {
  display: flex;
  flex-direction: column;
  gap: var(--container-gap);
  padding-block: calc(var(--section-space-m) + var(--header-height)) var(--section-space-m);
  padding-inline: var(--gutter);
  text-transform: uppercase;
}

.apm-policies__title {
  font-size: var(--h2);
}

.apm-posts-grid {
  display: grid;
  grid-template-columns: var(--grid-3);
  gap: var(--grid-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}

.apm-post-card {
  display: flex;
}

.apm-post-card__article {
  position: relative;
  display: flex;
  flex-direction: column;
  inline-size: 100%;
  overflow: hidden;
  border: var(--border);
  border-radius: var(--radius);
  background-color: var(--white);
  transition: var(--transition);
}

.apm-post-card__article:hover,
.apm-post-card__article:focus-within {
  border-color: var(--primary-hover);
  box-shadow: var(--box-shadow-m);
  transform: var(--hover-up);
}

.apm-post-card__body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  order: 2;
  gap: var(--fr-card-gap);
  padding: var(--fr-card-padding);
}

.apm-post-card__title {
  display: -webkit-box;
  overflow: hidden;
  font-size: var(--h3);
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.apm-post-card__title a {
  color: var(--neutral);
}

.apm-post-card__title a::after {
  content: "";
  position: absolute;
  inset: 0;
}

.apm-post-card__lede {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.apm-post-card__header {
  order: 1;
  border-block-end: var(--border);
}

.apm-post-card__image {
  inline-size: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.apm-post-card__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5em 1em;
  order: 3;
  padding: calc(var(--fr-card-padding) / 3) var(--fr-card-padding);
  border-block-start: var(--border);
  background-color: var(--bg-light);
}

.apm-post-card__date {
  color: var(--neutral-dark);
  font-size: var(--text-s);
  font-weight: 700;
}

.apm-post-card__link {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  color: var(--neutral-dark);
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.apm-post-card__link svg {
  inline-size: 1em;
  block-size: 1em;
  transition: transform 200ms ease-in-out;
}

.apm-post-card__article:hover .apm-post-card__link {
  color: var(--primary-hover);
}

.apm-post-card__article:hover .apm-post-card__link svg {
  transform: translateX(0.25em);
}

@media (max-width: 992px) {
  .apm-posts-grid {
    grid-template-columns: var(--grid-2);
  }
}

@media (max-width: 768px) {
  .apm-posts-grid {
    grid-template-columns: var(--grid-1);
  }
}

/* Text pages (policies, sitemap, thank-you pages) */
.apm-page {
  padding-block: calc(var(--section-space-m) + var(--header-height)) var(--section-space-m);
  padding-inline: var(--gutter);
  text-transform: uppercase;
}

.apm-page__container {
  display: flex;
  flex-direction: column;
  gap: var(--content-gap);
}

.apm-page__title {
  font-size: var(--h1);
}

.apm-page__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--content-gap);
}

.mah-sitemap h2 {
  font-size: var(--h3);
}

.mah-sitemap a {
  font-weight: 700;
}

/* 404 */
.apm-error {
  position: relative;
  isolation: isolate;
  display: flex;
  min-block-size: 100vh;
  padding-inline: var(--gutter);
  background-color: var(--neutral);
}

.apm-error__container {
  z-index: 3;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: var(--grid-gap);
  inline-size: 100%;
  max-inline-size: var(--content-width);
  margin-inline: auto;
  padding-block: var(--section-space-l);
}

.apm-error__wrap {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: start;
  justify-content: space-between;
  gap: var(--content-gap);
  inline-size: var(--width-m);
  max-inline-size: 45%;
}

.apm-error__logo {
  display: block;
  block-size: 1.5em;
  transition: var(--transition);
}

.apm-error__logo:hover {
  scale: 0.95;
}

.apm-error__logo img {
  inline-size: auto;
  block-size: 100%;
  object-fit: contain;
}

.apm-error__content {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: var(--content-gap);
  margin-block: auto;
}

.apm-error__title {
  color: var(--white);
  font-size: calc(var(--h1) * 1.25);
  line-height: 1;
  text-wrap: balance;
}

.apm-error__text {
  max-inline-size: 35ch;
  color: var(--white);
  font-size: var(--text-l);
  text-wrap: pretty;
}

.apm-error__button {
  border-color: var(--white);
  background-color: var(--white);
  color: var(--neutral);
}

.apm-error__button:hover {
  border-color: var(--white);
  background-color: transparent;
  color: var(--white);
}

.apm-error__button svg {
  transition: transform 200ms ease-in-out;
}

.apm-error__button:hover svg {
  transform: translateX(-0.25em);
}

.apm-error__background {
  position: absolute;
  inset: 0;
  z-index: 1;
  inline-size: 100%;
  block-size: 100%;
  max-inline-size: none;
  object-fit: cover;
}

.apm-error__overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  inline-size: 50%;
  block-size: 100%;
  background: var(--mac-overlay);
  backdrop-filter: blur(6px);
}

@media (max-width: 991px) {
  .apm-error__overlay {
    inline-size: 75%;
  }
}

@media (max-width: 992px) {
  .apm-error__wrap {
    max-inline-size: initial;
  }
}

@media (max-width: 767px) {
  .apm-error__overlay {
    inline-size: 100%;
  }

  .apm-error__wrap {
    inline-size: 100%;
  }
}

/* vendor/klaro/klaro.min.css */
.klaro{font-family:inherit;font-family:var(--font-family, inherit);font-size:14px;font-size:var(--font-size, 14px)}.klaro button{font-family:inherit;font-family:var(--font-family, inherit);font-size:14px;font-size:var(--font-size, 14px)}.klaro.cm-as-context-notice{height:100%;padding-bottom:12px;padding-top:12px}.klaro .cookie-modal .cm-switch-container,.klaro .context-notice .cm-switch-container,.klaro .cookie-notice .cm-switch-container{border-bottom-style:solid;border-bottom-style:var(--border-style, solid);border-bottom-width:1px;border-bottom-width:var(--border-width, 1px);border-bottom-color:#c8c8c8;border-bottom-color:var(--light2, #c8c8c8);display:block;position:relative;padding:10px;padding-left:66px;line-height:20px;vertical-align:middle;min-height:40px}.klaro .cookie-modal .cm-switch-container:last-child,.klaro .context-notice .cm-switch-container:last-child,.klaro .cookie-notice .cm-switch-container:last-child{border-bottom:0}.klaro .cookie-modal .cm-switch-container:first-child,.klaro .context-notice .cm-switch-container:first-child,.klaro .cookie-notice .cm-switch-container:first-child{margin-top:0}.klaro .cookie-modal .cm-switch-container p,.klaro .context-notice .cm-switch-container p,.klaro .cookie-notice .cm-switch-container p{margin-top:0}.klaro .cookie-modal .cm-switch,.klaro .context-notice .cm-switch,.klaro .cookie-notice .cm-switch{position:relative;display:inline-block;width:50px;height:30px}.klaro .cookie-modal .cm-list-input:checked+.cm-list-label .slider,.klaro .context-notice .cm-list-input:checked+.cm-list-label .slider,.klaro .cookie-notice .cm-list-input:checked+.cm-list-label .slider{background-color:#1a936f;background-color:var(--green1, #1a936f)}.klaro .cookie-modal .cm-list-input.half-checked:checked+.cm-list-label .slider,.klaro .context-notice .cm-list-input.half-checked:checked+.cm-list-label .slider,.klaro .cookie-notice .cm-list-input.half-checked:checked+.cm-list-label .slider{background-color:#1a936f;background-color:var(--green1, #1a936f);opacity:.6}.klaro .cookie-modal .cm-list-input.half-checked:checked+.cm-list-label .slider::before,.klaro .context-notice .cm-list-input.half-checked:checked+.cm-list-label .slider::before,.klaro .cookie-notice .cm-list-input.half-checked:checked+.cm-list-label .slider::before{-ms-transform:translateX(10px);transform:translateX(10px)}.klaro .cookie-modal .cm-list-input.only-required+.cm-list-label .slider,.klaro .context-notice .cm-list-input.only-required+.cm-list-label .slider,.klaro .cookie-notice .cm-list-input.only-required+.cm-list-label .slider{background-color:#24cc9a;background-color:var(--green2, #24cc9a);opacity:.8}.klaro .cookie-modal .cm-list-input.only-required+.cm-list-label .slider::before,.klaro .context-notice .cm-list-input.only-required+.cm-list-label .slider::before,.klaro .cookie-notice .cm-list-input.only-required+.cm-list-label .slider::before{-ms-transform:translateX(10px);transform:translateX(10px)}.klaro .cookie-modal .cm-list-input.required:checked+.cm-list-label .slider,.klaro .context-notice .cm-list-input.required:checked+.cm-list-label .slider,.klaro .cookie-notice .cm-list-input.required:checked+.cm-list-label .slider{background-color:#24cc9a;background-color:var(--green2, #24cc9a);opacity:.8;cursor:not-allowed}.klaro .cookie-modal .slider,.klaro .context-notice .slider,.klaro .cookie-notice .slider{box-shadow:0 4px 6px 0 rgba(0,0,0,.2),5px 5px 10px 0 rgba(0,0,0,.19)}.klaro .cookie-modal .cm-list-input,.klaro .context-notice .cm-list-input,.klaro .cookie-notice .cm-list-input{position:absolute;top:0;left:0;opacity:0;width:50px;height:30px}.klaro .cookie-modal .cm-list-title,.klaro .context-notice .cm-list-title,.klaro .cookie-notice .cm-list-title{font-size:.9em;font-weight:600}.klaro .cookie-modal .cm-list-description,.klaro .context-notice .cm-list-description,.klaro .cookie-notice .cm-list-description{color:#7c7c7c;color:var(--dark3, #7c7c7c);font-size:.9em;padding-top:4px}.klaro .cookie-modal .cm-list-label .cm-switch,.klaro .context-notice .cm-list-label .cm-switch,.klaro .cookie-notice .cm-list-label .cm-switch{position:absolute;left:0}.klaro .cookie-modal .cm-list-label .slider,.klaro .context-notice .cm-list-label .slider,.klaro .cookie-notice .cm-list-label .slider{background-color:#f2f2f2;background-color:var(--white2, #f2f2f2);position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;transition:.4s;width:50px;display:inline-block}.klaro .cookie-modal .cm-list-label .slider::before,.klaro .context-notice .cm-list-label .slider::before,.klaro .cookie-notice .cm-list-label .slider::before{background-color:#e6e6e6;background-color:var(--white3, #e6e6e6);position:absolute;content:"";height:20px;width:20px;left:5px;bottom:5px;transition:.4s}.klaro .cookie-modal .cm-list-label .slider.round,.klaro .context-notice .cm-list-label .slider.round,.klaro .cookie-notice .cm-list-label .slider.round{border-radius:30px}.klaro .cookie-modal .cm-list-label .slider.round::before,.klaro .context-notice .cm-list-label .slider.round::before,.klaro .cookie-notice .cm-list-label .slider.round::before{border-radius:50%}.klaro .cookie-modal .cm-list-label input:focus+.slider,.klaro .context-notice .cm-list-label input:focus+.slider,.klaro .cookie-notice .cm-list-label input:focus+.slider{box-shadow-color:#48dfb2;box-shadow-color:var(--green3, #48dfb2);box-shadow:0 0 1px var(--box-shadow-color, green3)}.klaro .cookie-modal .cm-list-label input:checked+.slider::before,.klaro .context-notice .cm-list-label input:checked+.slider::before,.klaro .cookie-notice .cm-list-label input:checked+.slider::before{-ms-transform:translateX(20px);transform:translateX(20px)}.klaro .cookie-modal .cm-list-input:focus+.cm-list-label .slider,.klaro .context-notice .cm-list-input:focus+.cm-list-label .slider,.klaro .cookie-notice .cm-list-input:focus+.cm-list-label .slider{box-shadow:0 4px 6px 0 rgba(125,125,125,.2),5px 5px 10px 0 rgba(125,125,125,.19)}.klaro .cookie-modal .cm-list-input:checked+.cm-list-label .slider::before,.klaro .context-notice .cm-list-input:checked+.cm-list-label .slider::before,.klaro .cookie-notice .cm-list-input:checked+.cm-list-label .slider::before{-ms-transform:translateX(20px);transform:translateX(20px)}.klaro .cookie-modal .slider,.klaro .context-notice .slider,.klaro .cookie-notice .slider{box-shadow:0 4px 6px 0 rgba(0,0,0,.2),5px 5px 10px 0 rgba(0,0,0,.19)}.klaro .cookie-modal a,.klaro .context-notice a,.klaro .cookie-notice a{color:#1a936f;color:var(--green1, #1a936f);text-decoration:none}.klaro .cookie-modal p,.klaro .cookie-modal strong,.klaro .cookie-modal h1,.klaro .cookie-modal h2,.klaro .cookie-modal ul,.klaro .cookie-modal li,.klaro .context-notice p,.klaro .context-notice strong,.klaro .context-notice h1,.klaro .context-notice h2,.klaro .context-notice ul,.klaro .context-notice li,.klaro .cookie-notice p,.klaro .cookie-notice strong,.klaro .cookie-notice h1,.klaro .cookie-notice h2,.klaro .cookie-notice ul,.klaro .cookie-notice li{color:#fafafa;color:var(--light1, #fafafa)}.klaro .cookie-modal p,.klaro .cookie-modal h1,.klaro .cookie-modal h2,.klaro .cookie-modal ul,.klaro .cookie-modal li,.klaro .context-notice p,.klaro .context-notice h1,.klaro .context-notice h2,.klaro .context-notice ul,.klaro .context-notice li,.klaro .cookie-notice p,.klaro .cookie-notice h1,.klaro .cookie-notice h2,.klaro .cookie-notice ul,.klaro .cookie-notice li{display:block;text-align:left;margin:0;padding:0;margin-top:.7em}.klaro .cookie-modal h1,.klaro .cookie-modal h2,.klaro .cookie-modal h3,.klaro .cookie-modal h4,.klaro .cookie-modal h5,.klaro .cookie-modal h6,.klaro .context-notice h1,.klaro .context-notice h2,.klaro .context-notice h3,.klaro .context-notice h4,.klaro .context-notice h5,.klaro .context-notice h6,.klaro .cookie-notice h1,.klaro .cookie-notice h2,.klaro .cookie-notice h3,.klaro .cookie-notice h4,.klaro .cookie-notice h5,.klaro .cookie-notice h6{font-family:inherit;font-family:var(--title-font-family, inherit)}.klaro .cookie-modal .cm-link,.klaro .context-notice .cm-link,.klaro .cookie-notice .cm-link{margin-right:.5em;vertical-align:middle}.klaro .cookie-modal .cm-btn,.klaro .context-notice .cm-btn,.klaro .cookie-notice .cm-btn{color:#fff;color:var(--button-text-color, #fff);background-color:#5c5c5c;background-color:var(--dark2, #5c5c5c);border-radius:4px;border-radius:var(--border-radius, 4px);padding:6px 10px;margin-right:.5em;border-style:none;padding:.4em;font-size:1em;cursor:pointer}.klaro .cookie-modal .cm-btn:disabled,.klaro .context-notice .cm-btn:disabled,.klaro .cookie-notice .cm-btn:disabled{opacity:.5}.klaro .cookie-modal .cm-btn.cm-btn-close,.klaro .context-notice .cm-btn.cm-btn-close,.klaro .cookie-notice .cm-btn.cm-btn-close{background-color:#c8c8c8;background-color:var(--light2, #c8c8c8)}.klaro .cookie-modal .cm-btn.cm-btn-success,.klaro .context-notice .cm-btn.cm-btn-success,.klaro .cookie-notice .cm-btn.cm-btn-success{background-color:#1a936f;background-color:var(--green1, #1a936f)}.klaro .cookie-modal .cm-btn.cm-btn-success-var,.klaro .context-notice .cm-btn.cm-btn-success-var,.klaro .cookie-notice .cm-btn.cm-btn-success-var{background-color:#24cc9a;background-color:var(--green2, #24cc9a)}.klaro .cookie-modal .cm-btn.cm-btn-info,.klaro .context-notice .cm-btn.cm-btn-info,.klaro .cookie-notice .cm-btn.cm-btn-info{background-color:#2581c4;background-color:var(--blue1, #2581c4)}.klaro .context-notice{border-radius:4px;border-radius:var(--border-radius, 4px);border-style:solid;border-style:var(--border-style, solid);border-width:1px;border-width:var(--border-width, 1px);border-color:#c8c8c8;border-color:var(--light2, #c8c8c8);background-color:#fafafa;background-color:var(--light1, #fafafa);display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:center;padding:12px;height:100%}.klaro .context-notice.cm-dark{background-color:#333;background-color:var(--dark1, #333);border-color:#5c5c5c;border-color:var(--dark2, #5c5c5c)}.klaro .context-notice.cm-dark p{color:#fafafa;color:var(--light1, #fafafa)}.klaro .context-notice.cm-dark p a{color:#459cdc;color:var(--blue2, #459cdc)}.klaro .context-notice p{color:#333;color:var(--dark1, #333);flex-grow:0;text-align:center;padding-top:0;margin-top:0}.klaro .context-notice p a{color:#24cc9a;color:var(--green2, #24cc9a)}.klaro .context-notice p.cm-buttons{margin-top:12px}.klaro .context-notice p.ccn-description-empty-store{margin-top:24px;font-size:14px;font-size:var(--font-size, 14px)}.klaro .cookie-modal{width:100%;height:100%;position:fixed;overflow:hidden;left:0;top:0;z-index:1000}.klaro .cookie-modal.cm-embedded{position:relative;height:inherit;width:inherit;left:inherit;right:inherit;z-index:0}.klaro .cookie-modal.cm-embedded .cm-modal.cm-klaro{position:relative;-ms-transform:none;transform:none}.klaro .cookie-modal .cm-bg{background:rgba(0,0,0,.5);height:100%;width:100%;position:fixed;top:0;left:0}.klaro .cookie-modal .cm-modal.cm-klaro{background-color:#333;background-color:var(--dark1, #333);color:#fafafa;color:var(--light1, #fafafa);z-index:1001;box-shadow:0 4px 6px 0 rgba(0,0,0,.2),5px 5px 10px 0 rgba(0,0,0,.19);width:100%;max-height:98%;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);position:fixed;overflow:auto}@media(min-width: 660px){.klaro .cookie-modal .cm-modal.cm-klaro{border-radius:4px;border-radius:var(--border-radius, 4px);position:relative;margin:0 auto;max-width:640px;height:auto;width:auto}}.klaro .cookie-modal .cm-modal .hide{border-style:none;background:none;cursor:pointer;position:absolute;top:20px;right:20px;z-index:1}.klaro .cookie-modal .cm-modal .hide svg{stroke:#fafafa;stroke:var(--light1, #fafafa)}.klaro .cookie-modal .cm-modal .cm-footer{border-top-color:#5c5c5c;border-top-color:var(--dark2, #5c5c5c);border-top-width:1px;border-top-width:var(--border-width, 1px);border-top-style:solid;border-top-style:var(--border-style, solid);padding:1em}.klaro .cookie-modal .cm-modal .cm-footer-buttons{display:flex;flex-flow:row;justify-content:space-between}.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by{font-size:.8em;padding-top:4px;text-align:right;padding-right:8px}.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by a{color:#5c5c5c;color:var(--dark2, #5c5c5c)}.klaro .cookie-modal .cm-modal .cm-header{border-bottom-width:1px;border-bottom-width:var(--border-width, 1px);border-bottom-style:solid;border-bottom-style:var(--border-style, solid);border-bottom-color:#5c5c5c;border-bottom-color:var(--dark2, #5c5c5c);padding:1em;padding-right:24px}.klaro .cookie-modal .cm-modal .cm-header h1{margin:0;font-size:2em;display:block}.klaro .cookie-modal .cm-modal .cm-header h1.title{padding-right:20px}.klaro .cookie-modal .cm-modal .cm-body{padding:1em}.klaro .cookie-modal .cm-modal .cm-body ul{display:block}.klaro .cookie-modal .cm-modal .cm-body span{display:inline-block;width:auto}.klaro .cookie-modal .cm-modal .cm-body ul.cm-services,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes{padding:0;margin:0}.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose .cm-services .cm-caret,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-services .cm-caret{color:#a0a0a0;color:var(--light3, #a0a0a0)}.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose .cm-services .cm-content,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-services .cm-content{margin-left:-40px;display:none}.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose .cm-services .cm-content.expanded,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-services .cm-content.expanded{margin-top:10px;display:block}.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service,.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose{position:relative;line-height:20px;vertical-align:middle;padding-left:60px;min-height:40px}.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service:first-child,.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose:first-child,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service:first-child,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose:first-child{margin-top:0}.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service p,.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose p,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service p,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose p{margin-top:0}.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service p.purposes,.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose p.purposes,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service p.purposes,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose p.purposes{color:#a0a0a0;color:var(--light3, #a0a0a0);font-size:.8em}.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service.cm-toggle-all,.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose.cm-toggle-all,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service.cm-toggle-all,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose.cm-toggle-all{border-top-width:1px;border-top-width:var(--border-width, 1px);border-top-style:solid;border-top-style:var(--border-style, solid);border-top-color:#5c5c5c;border-top-color:var(--dark2, #5c5c5c);padding-top:1em}.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service span.cm-list-title,.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose span.cm-list-title,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service span.cm-list-title,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-list-title{font-weight:600}.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service span.cm-opt-out,.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service span.cm-required,.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose span.cm-opt-out,.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose span.cm-required,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service span.cm-opt-out,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service span.cm-required,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-opt-out,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-required{color:#5c5c5c;color:var(--dark2, #5c5c5c);padding-left:.2em;font-size:.8em}.klaro .cookie-notice:not(.cookie-modal-notice){background-color:#333;background-color:var(--dark1, #333);z-index:999;position:fixed;width:100%;bottom:0;right:0}@media(min-width: 1024px){.klaro .cookie-notice:not(.cookie-modal-notice){border-radius:4px;border-radius:var(--border-radius, 4px);position:fixed;position:var(--notice-position, fixed);right:20px;right:var(--notice-right, 20px);left:auto;left:var(--notice-left, auto);bottom:20px;bottom:var(--notice-bottom, 20px);top:auto;top:var(--notice-top, auto);max-width:400px;max-width:var(--notice-max-width, 400px);box-shadow:0 4px 6px 0 rgba(0,0,0,.2),5px 5px 10px 0 rgba(0,0,0,.19)}}@media(max-width: 1023px){.klaro .cookie-notice:not(.cookie-modal-notice){border-style:none;border-radius:0}}.klaro .cookie-notice:not(.cookie-modal-notice).cn-embedded{position:relative;height:inherit;width:inherit;left:inherit;right:inherit;bottom:inherit;z-index:0}.klaro .cookie-notice:not(.cookie-modal-notice).cn-embedded .cn-body{padding-top:.5em}.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body{margin-bottom:0;margin-right:0;bottom:0;padding:1em;padding-top:0}.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body p{margin-bottom:.5em}.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body p.cn-changes{text-decoration:underline}.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-learn-more{display:inline-block;flex-grow:1}.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons{display:inline-block;margin-top:-0.5em}@media(max-width: 384px){.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons{width:100%}}.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn{margin-top:.5em}@media(max-width: 384px){.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn{width:calc(50% - 0.5em)}}.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok{margin-top:-0.5em;display:flex;flex-flow:row;flex-wrap:wrap;justify-content:right;align-items:baseline}.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok a,.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok div{margin-top:.5em}.klaro .cookie-modal-notice{background-color:#333;background-color:var(--dark1, #333);color:#fafafa;color:var(--light1, #fafafa);z-index:1001;box-shadow:0 4px 6px 0 rgba(0,0,0,.2),5px 5px 10px 0 rgba(0,0,0,.19);width:100%;max-height:98%;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);position:fixed;overflow:auto;padding:1em;padding-top:.2em}@media(min-width: 400px){.klaro .cookie-modal-notice{border-radius:4px;border-radius:var(--border-radius, 4px);position:relative;margin:0 auto;max-width:400px;height:auto;width:auto}}.klaro .cookie-modal-notice .cn-ok{display:flex;flex-flow:row;justify-content:space-between;align-items:center;margin-top:1em}.klaro .cookie-notice-hidden{display:none !important}

/* styles/klaro.css */
/* Klaro cookie notice and settings window, styled like the CookieYes banner of the old site.
   Klaro's own stylesheet reads these variables; the #klaro prefix wins over its .klaro rules. */

#klaro {
  --font-family: var(--ff-body);
  --title-font-family: var(--ff-body);
  --font-size: 1.4rem;
  --border-radius: 0.2rem;
  --dark1: var(--white);
  --dark2: var(--neutral-light);
  --dark3: var(--neutral-dark);
  --light1: #212121;
  --light2: var(--neutral-light);
  --light3: var(--neutral-dark);
  --green1: var(--primary);
  --green2: var(--primary-dark);
  --green3: var(--primary);
  --blue1: var(--primary);
  --button-text-color: var(--white);
}

#klaro .klaro {
  line-height: 1.7;
}

#klaro a {
  color: var(--primary);
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

/* Notice: a box in the lower left corner, full width at the bottom on phones. */
#klaro .cookie-notice:not(.cookie-modal-notice) {
  inset: auto 0 0;
  inline-size: 100%;
  max-inline-size: none;
  border: 1px solid #f4f4f4;
  border-radius: 0;
  background-color: var(--white);
  box-shadow: 0 -0.1rem 1rem 0 rgb(172 171 171 / 0.3);
}

@media (min-width: 577px) {
  #klaro .cookie-notice:not(.cookie-modal-notice) {
    inset: auto auto 4rem 4rem;
    inline-size: 44rem;
    max-inline-size: calc(100vw - 8rem);
    border-radius: 0.6rem;
  }
}

#klaro .cookie-notice:not(.cookie-modal-notice) .cn-body {
  padding: 2.4rem;
}

#klaro .cookie-notice #id-cookie-title {
  margin: 0 0 1.2rem;
  color: #212121;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.4rem;
  text-transform: none;
}

#klaro .cookie-notice:not(.cookie-modal-notice) .cn-body p {
  margin: 0;
  color: #212121;
  font-size: 1.4rem;
  line-height: 2.4rem;
}

#klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 0.8rem;
  margin-block-start: 1.6rem;
}

#klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok > *,
#klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons {
  display: flex;
  flex: 1 1 auto;
  margin: 0;
}

/* Buttons: outlined for "Personalizați", filled for the others, as on the old site. */
#klaro .cn-learn-more,
#klaro .cm-btn {
  display: inline-flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  min-block-size: 4.4rem;
  margin: 0;
  padding: 0.8rem;
  border: 0.2rem solid var(--primary);
  border-radius: 0.2rem;
  background-color: var(--primary);
  color: var(--white);
  font-family: inherit;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.4rem;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: opacity 200ms ease-in-out;
}

#klaro .cn-learn-more {
  background-color: transparent;
  color: var(--primary);
}

#klaro .cn-learn-more:hover,
#klaro .cm-btn:hover {
  opacity: 0.8;
}

/* Settings window */
#klaro .cookie-modal .cm-modal.cm-klaro {
  border-radius: 0.6rem;
  color: #212121;
}

#klaro .cookie-modal .cm-modal .cm-header {
  padding: 2.4rem 7.2rem 2.4rem 2.4rem;
  border-block-end-color: #f4f4f4;
}

#klaro .cookie-modal .cm-modal .cm-header h1 {
  margin: 0;
  color: #212121;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.4rem;
}

#klaro .cookie-modal .cm-modal .cm-header p {
  margin-block-start: 1.2rem;
  font-size: 1.4rem;
  line-height: 2.4rem;
}

#klaro .cookie-modal .cm-modal .hide {
  display: grid;
  place-items: center;
  inline-size: 4.4rem;
  block-size: 4.4rem;
  inset: 1.4rem 1.4rem auto auto;
  padding: 0;
}

#klaro .cookie-modal .cm-modal .hide svg {
  stroke: #212121;
}

#klaro .cookie-modal .cm-modal .cm-body {
  padding: 2.4rem;
}

#klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service + li.cm-service {
  margin-block-start: 1.6rem;
}

#klaro .cookie-modal .cm-modal .cm-body .cm-list-title {
  font-size: 1.4rem;
}

#klaro .cookie-modal .cm-modal .cm-body .cm-list-description,
#klaro .cookie-modal .cm-modal .cm-body p.purposes,
#klaro .cookie-modal .cm-modal .cm-body span.cm-required,
#klaro .cookie-modal .cm-modal .cm-body span.cm-opt-out {
  color: var(--neutral-dark);
  font-size: 1.3rem;
}

#klaro .cookie-modal .cm-modal .cm-footer {
  padding: 2.4rem;
  border-block-start-color: #f4f4f4;
}

#klaro .cookie-modal .cm-modal .cm-footer-buttons {
  gap: 0.8rem;
}

#klaro .cm-list-input:focus-visible + .cm-list-label .slider {
  outline: var(--focus-width) solid var(--focus-color);
  outline-offset: 0.2rem;
}