/*! Flickity v3.0.0
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
  touch-action: pan-y;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
}

.flickity-rtl .flickity-slider {
  left: unset;
  right: 0;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: grabbing;
}

/* ---- flickity-cell ---- */

.flickity-cell {
  position: absolute;
  left: 0;
}

.flickity-rtl .flickity-cell {
  left: unset;
  right: 0;
}

/* ---- flickity-button ---- */

.flickity-button {
  position: absolute;
  background: hsl(0 0% 100% / 75%);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous { left: 10px; }

.flickity-prev-next-button.next { right: 10px; }

/* right to left */

.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dot {
  display: block;
  width: 10px;
  height: 10px;
  padding: 0;
  margin: 0 8px;
  background: hsl(0 0% 20% / 25%);
  border-radius: 50%;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  text-indent: -9999px;
  overflow: hidden;
}

.flickity-rtl .flickity-page-dot {
  text-indent: 9999px;
}

.flickity-page-dot:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-page-dot.is-selected {
  background: hsl(0 0% 20% / 100%);
}

.widget-configurator-field-wrapper {
  margin-bottom: 10px;
}

.widget-configurator-field-wrapper select,
.widget-configurator-field-wrapper input[type=text] {
  display: block;
  margin-top: 10px;
}

.widget-configurator-embed-code {
  background: #ebebeb;
  border: 1px solid #333333;
  padding: 10px;
  margin: 20px 0 5px 0;
}

.widget-configurator-insert-code {
  margin: 10px 0 10px 0;
}

.widget-configurator-insert-code a {
  display: inline-block;
  border: 1px solid #dc002d;
  padding: 5px 10px;
  text-decoration: none;
  color: #dc002d;
  cursor: pointer;
}

.form__control.is-invalid {
  border-color: #dc002d;
}

#logout-form a {
  font-size: 25px;
  color: #3d3d3d;
}

#logout-form a:hover {
  color: #ff674d;
}

#logout-form a:hover svg {
  fill: #ff674d;
}

@media (max-width: 410px) {
  .page-header__logo {
    width: calc(100vw - 160px) !important;
  }
  .page-header__meta {
    padding-right: 10px !important;
  }
  .page-header__meta svg {
    margin-right: 0 !important;
  }
}

@media (max-width: 800px) {
  .btn-profile {
    margin-left: -10px;
  }
}

/*
@function map-deep-get($map, $keys...) {
  @each $key in $keys {
    $map: map-get($map, $key);
  }
  @return $map;
}
*/

@font-face {
  font-family: "Lora";
  font-style: italic;
  font-display: swap;
  font-weight: 600;
  src: url(/build/assets/lora-latin-600-italic-CIoJ3MFf.woff2) format("woff2"), url(/build/assets/lora-latin-600-italic-YrEGzoMt.woff) format("woff");
}

@font-face {
  font-family: "Lora";
  font-style: italic;
  font-display: swap;
  font-weight: 700;
  src: url(/build/assets/lora-latin-700-italic-CfRBSomF.woff2) format("woff2"), url(/build/assets/lora-latin-700-italic-CCqE20Ue.woff) format("woff");
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/build/assets/roboto-latin-300-normal-BizgZZ3y.woff2) format("woff2"), url(/build/assets/roboto-latin-300-normal-BZ6gvbSO.woff) format("woff");
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/build/assets/roboto-latin-400-normal-DXyFPIdK.woff2) format("woff2"), url(/build/assets/roboto-latin-400-normal-BVyCgWwA.woff) format("woff");
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/build/assets/roboto-latin-500-normal-C6iW8rdg.woff2) format("woff2"), url(/build/assets/roboto-latin-500-normal-rpP1_v3s.woff) format("woff");
}

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

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.25;
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul {
  padding-left: 2rem;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 0.875em;
}

mark {
  padding: 0.1875em;
  color: var(--bs-highlight-color);
  background-color: var(--bs-highlight-bg);
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}

a > code {
  color: inherit;
}

kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}

kbd kbd {
  padding: 0;
  font-size: 1em;
}

figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-secondary-color);
  text-align: left;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

select:disabled {
  opacity: 1;
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}

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

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
  position: relative;
}

/*
legend {
  position: absolute;
  top: 0;
  //float: left;
  //  width: 100%;
  padding: 0;
  /*
  margin-bottom: $legend-margin-bottom;
  @include font-size($legend-font-size);
  font-weight: $legend-font-weight;
  line-height: inherit;

  + * {
    clear: left; // 2
  }
}
  */

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

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

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

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

output {
  display: inline-block;
}

iframe {
  border: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

:root {
  --wl-size0: 0.125rem;
  --wl-size1: 0.25rem;
  --wl-size2: 0.375rem;
  --wl-size3: 0.5rem;
  --wl-size4: 0.625rem;
  --wl-size5: 0.75rem;
  --wl-size6: 0.875rem;
  --wl-size7: 1.0625rem;
  --wl-size8: 1.25rem;
  --wl-size9: 1.5rem;
  --wl-size10: 1.8125rem;
  --wl-size11: 2.1875rem;
  --wl-size12: 2.625rem;
  --wl-size13: 3.125rem;
  --wl-size14: 3.75rem;
  --wl-size15: 4.5rem;
  --wl-font-size-default: var(--wl-size6);
  --wl-font-size-small: 0.75rem;
  --wl-font-size-large: 1.125rem;
  --wl-line-height: 1.6;
  --wl-input-padding-x: 0.5rem;
  --wl-btn-padding-x: 0.75rem;
  --wl-column-padding-x: 1rem;
}

@media (min-width: 23.4375rem) {
  :root {
    --wl-size0: calc(0.125rem + 0 * (100 * 1vw - 23.4375rem));
  }
}

@media (min-width: 80rem) {
  :root {
    --wl-size0: 0.125rem;
  }
}

@media (min-width: 23.4375rem) {
  :root {
    --wl-size1: calc(0.25rem + 0 * (100 * 1vw - 23.4375rem));
  }
}

@media (min-width: 80rem) {
  :root {
    --wl-size1: 0.25rem;
  }
}

@media (min-width: 23.4375rem) {
  :root {
    --wl-size2: calc(0.375rem + 0 * (100 * 1vw - 23.4375rem));
  }
}

@media (min-width: 80rem) {
  :root {
    --wl-size2: 0.375rem;
  }
}

@media (min-width: 23.4375rem) {
  :root {
    --wl-size3: calc(0.5rem + 0.0011049724 * (100 * 1vw - 23.4375rem));
  }
}

@media (min-width: 80rem) {
  :root {
    --wl-size3: 0.5625rem;
  }
}

@media (min-width: 23.4375rem) {
  :root {
    --wl-size4: calc(0.625rem + 0.0022099448 * (100 * 1vw - 23.4375rem));
  }
}

@media (min-width: 80rem) {
  :root {
    --wl-size4: 0.75rem;
  }
}

@media (min-width: 23.4375rem) {
  :root {
    --wl-size5: calc(0.75rem + 0.0022099448 * (100 * 1vw - 23.4375rem));
  }
}

@media (min-width: 80rem) {
  :root {
    --wl-size5: 0.875rem;
  }
}

@media (min-width: 23.4375rem) {
  :root {
    --wl-size6: calc(0.875rem + 0.0022099448 * (100 * 1vw - 23.4375rem));
  }
}

@media (min-width: 80rem) {
  :root {
    --wl-size6: 1rem;
  }
}

@media (min-width: 23.4375rem) {
  :root {
    --wl-size7: calc(1.0625rem + 0.0033149171 * (100 * 1vw - 23.4375rem));
  }
}

@media (min-width: 80rem) {
  :root {
    --wl-size7: 1.25rem;
  }
}

@media (min-width: 23.4375rem) {
  :root {
    --wl-size8: calc(1.25rem + 0.0055248619 * (100 * 1vw - 23.4375rem));
  }
}

@media (min-width: 80rem) {
  :root {
    --wl-size8: 1.5625rem;
  }
}

@media (min-width: 23.4375rem) {
  :root {
    --wl-size9: calc(1.5rem + 0.0077348066 * (100 * 1vw - 23.4375rem));
  }
}

@media (min-width: 80rem) {
  :root {
    --wl-size9: 1.9375rem;
  }
}

@media (min-width: 23.4375rem) {
  :root {
    --wl-size10: calc(1.8125rem + 0.0110497238 * (100 * 1vw - 23.4375rem));
  }
}

@media (min-width: 80rem) {
  :root {
    --wl-size10: 2.4375rem;
  }
}

@media (min-width: 23.4375rem) {
  :root {
    --wl-size11: calc(2.1875rem + 0.0154696133 * (100 * 1vw - 23.4375rem));
  }
}

@media (min-width: 80rem) {
  :root {
    --wl-size11: 3.0625rem;
  }
}

@media (min-width: 23.4375rem) {
  :root {
    --wl-size12: calc(2.625rem + 0.0209944751 * (100 * 1vw - 23.4375rem));
  }
}

@media (min-width: 80rem) {
  :root {
    --wl-size12: 3.8125rem;
  }
}

@media (min-width: 23.4375rem) {
  :root {
    --wl-size13: calc(3.125rem + 0.0287292818 * (100 * 1vw - 23.4375rem));
  }
}

@media (min-width: 80rem) {
  :root {
    --wl-size13: 4.75rem;
  }
}

@media (min-width: 23.4375rem) {
  :root {
    --wl-size14: calc(3.75rem + 0.0386740331 * (100 * 1vw - 23.4375rem));
  }
}

@media (min-width: 80rem) {
  :root {
    --wl-size14: 5.9375rem;
  }
}

@media (min-width: 23.4375rem) {
  :root {
    --wl-size15: calc(4.5rem + 0.0519337017 * (100 * 1vw - 23.4375rem));
  }
}

@media (min-width: 80rem) {
  :root {
    --wl-size15: 7.4375rem;
  }
}

@media (min-width: 23.4375rem) {
  :root {
    --wl-font-size-small: calc(0.75rem + 0.0022099448 * (100 * 1vw - 23.4375rem));
  }
}

@media (min-width: 80rem) {
  :root {
    --wl-font-size-small: 0.875rem;
  }
}

@media (min-width: 23.4375rem) {
  :root {
    --wl-font-size-large: calc(1.125rem + 0.0022099448 * (100 * 1vw - 23.4375rem));
  }
}

@media (min-width: 80rem) {
  :root {
    --wl-font-size-large: 1.25rem;
  }
}

@media (min-width: 23.4375rem) {
  :root {
    --wl-line-height: calc(1.6 + 0 * (100 * 1vw - 23.4375rem));
  }
}

@media (min-width: 80rem) {
  :root {
    --wl-line-height: 1.6;
  }
}

@media (min-width: 23.4375rem) {
  :root {
    --wl-input-padding-x: calc(0.5rem + 0.008839779 * (100 * 1vw - 23.4375rem));
  }
}

@media (min-width: 80rem) {
  :root {
    --wl-input-padding-x: 1rem;
  }
}

@media (min-width: 23.4375rem) {
  :root {
    --wl-btn-padding-x: calc(0.75rem + 0.0143646409 * (100 * 1vw - 23.4375rem));
  }
}

@media (min-width: 80rem) {
  :root {
    --wl-btn-padding-x: 1.5625rem;
  }
}

@media (min-width: 23.4375rem) {
  :root {
    --wl-column-padding-x: calc(1rem + 0.0099447514 * (100 * 1vw - 23.4375rem));
  }
}

@media (min-width: 80rem) {
  :root {
    --wl-column-padding-x: 1.5625rem;
  }
}

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

html {
  height: 100%;
  background: #ffffff;
}

body {
  margin: 0;
  padding: 0;
  height: 100%;
  background-color: #ffffff;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow-y: scroll;
}

.container-fluid {
  min-width: 20rem;
  width: 90rem;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 1rem;
}

.center-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.visually-hidden {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.visually-hidden:not(caption) {
  position: absolute !important;
}

.row {
  margin-top: calc(-1 * var(--wl-size12));
  padding-left: 0;
  list-style-type: none;
}

.row > * {
  margin-top: var(--wl-size12);
}

.row--dense {
  margin-top: 0;
}

.row--dense > * {
  margin-top: 0;
}

.row--wide {
  margin-top: calc(-1 * var(--wl-size10));
  margin-left: calc(-1 * var(--wl-size7));
  margin-right: calc(-1 * var(--wl-size7));
}

.row--wide > * {
  margin-top: var(--wl-size10);
  padding-left: var(--wl-size7);
  padding-right: var(--wl-size7);
}

.row--major {
  margin-top: calc(-1 * var(--wl-size11));
  margin-left: calc(-1 * var(--wl-size11));
  margin-right: calc(-1 * var(--wl-size11));
}

.row--major > * {
  margin-top: var(--wl-size11);
  padding-left: var(--wl-size11);
  padding-right: var(--wl-size11);
}

.row-major-container {
  overflow: hidden;
}

[data-whatintent=mouse] *:focus,
[data-whatintent=touch] *:focus {
  outline: none;
}

[data-whatintent=mouse] .btn:hover, [data-whatintent=mouse] .btn:focus, [data-whatintent=mouse] .btn:active,
[data-whatintent=mouse] .form-control:hover,
[data-whatintent=mouse] .form-control:focus,
[data-whatintent=mouse] .form-control:active,
[data-whatintent=mouse] .form-select:hover,
[data-whatintent=mouse] .form-select:focus,
[data-whatintent=mouse] .form-select:active,
[data-whatintent=mouse] .form-check-input:hover,
[data-whatintent=mouse] .form-check-input:focus,
[data-whatintent=mouse] .form-check-input:active,
[data-whatintent=mouse] .flickity-button:hover,
[data-whatintent=mouse] .flickity-button:focus,
[data-whatintent=mouse] .flickity-button:active,
[data-whatintent=mouse] .accordion-button:hover,
[data-whatintent=mouse] .accordion-button:focus,
[data-whatintent=mouse] .accordion-button:active,
[data-whatintent=touch] .btn:hover,
[data-whatintent=touch] .btn:focus,
[data-whatintent=touch] .btn:active,
[data-whatintent=touch] .form-control:hover,
[data-whatintent=touch] .form-control:focus,
[data-whatintent=touch] .form-control:active,
[data-whatintent=touch] .form-select:hover,
[data-whatintent=touch] .form-select:focus,
[data-whatintent=touch] .form-select:active,
[data-whatintent=touch] .form-check-input:hover,
[data-whatintent=touch] .form-check-input:focus,
[data-whatintent=touch] .form-check-input:active,
[data-whatintent=touch] .flickity-button:hover,
[data-whatintent=touch] .flickity-button:focus,
[data-whatintent=touch] .flickity-button:active,
[data-whatintent=touch] .accordion-button:hover,
[data-whatintent=touch] .accordion-button:focus,
[data-whatintent=touch] .accordion-button:active {
  box-shadow: none !important;
}

@media print {
  .no-print {
    display: none !important;
  }
}

a {
  color: #ff674d;
}

a svg {
  stroke: currentColor;
  fill: currentColor;
  width: 1em;
  stroke-width: 2px;
}

body {
  font-size: var(--wl-font-size-default);
  line-height: 1.6;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  font-weight: 300;
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5 {
  line-height: 1.2;
  font-family: "Lora", Georgia, serif;
  font-weight: 600;
  color: #044b66;
  display: block;
}

h1:first-child, .overline + h1,
h2:first-child,
.overline + h2,
h3:first-child,
.overline + h3,
h4:first-child,
.overline + h4,
h5:first-child,
.overline + h5,
.h1:first-child,
.overline + .h1,
.h2:first-child,
.overline + .h2,
.h3:first-child,
.overline + .h3,
.h4:first-child,
.overline + .h4,
.h5:first-child,
.overline + .h5 {
  margin-top: 0;
}

.h0 {
  font-size: var(--wl-size11);
  margin-top: 0;
  margin-bottom: var(--wl-size8);
}

h1,
.h1 {
  font-size: var(--wl-size10);
  margin-top: 0;
  margin-bottom: var(--wl-size10);
}

h2,
.h2 {
  font-size: var(--wl-size9);
  margin-top: var(--wl-size11);
  margin-bottom: var(--wl-size9);
}

h3,
.h3 {
  font-size: var(--wl-size8);
  margin-top: var(--wl-size10);
  margin-bottom: var(--wl-size8);
}

h4,
.h4 {
  font-size: var(--wl-size7);
  margin-top: var(--wl-size9);
  margin-bottom: var(--wl-size7);
}

h5,
.h5 {
  font-size: var(--wl-size6);
  margin-top: var(--wl-size8);
  margin-bottom: var(--wl-size6);
}

.overline {
  font-size: var(--wl-font-size-small);
  margin: 0 0 var(--wl-size0);
  color: #5a5a5a;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  display: block;
  line-height: 1.5;
}

.underline {
  font-size: var(--wl-font-size-small);
  color: #5a5a5a;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0;
  line-height: 1.5;
}

.large-text,
.intro {
  font-size: var(--wl-font-size-large);
  margin-top: var(--wl-size10);
  margin-bottom: var(--wl-size10);
}

.callout {
  font-size: 1.9375rem;
  line-height: 1.25;
  font-weight: 500;
  color: #044b66;
  margin: 0.8em 0;
}

@media (min-width: 48rem) {
  .callout {
    font-size: calc(1.9375rem + 0.03515625 * (100 * 1vw - 48rem));
  }
}

@media (min-width: 80rem) {
  .callout {
    font-size: 3.0625rem;
  }
}

.small-text {
  font-size: var(--wl-font-size-small);
}

p {
  margin: var(--wl-size7) 0;
}

strong {
  font-weight: 500;
}

em {
  font-style: italic;
}

.text--small {
  font-size: var(--wl-font-size-small);
}

.text--large {
  font-size: var(--wl-font-size-large);
  margin-bottom: var(--wl-size8);
}

.text--dense {
  line-height: 1.5;
}

.text-content {
  width: 100%;
  max-width: 43rem;
}

.text-content > *:last-child {
  margin-bottom: 0;
}

.block {
  display: inline-block;
}

.p-ul {
  margin-bottom: 0;
}

.ul-p {
  margin-bottom: 0;
}

.ul-p + p {
  margin-top: 0;
}

.link-list {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  row-gap: var(--wl-size2);
}

.link-list--major {
  font-weight: 500;
  margin: var(--wl-size7) 0;
}

.footnote {
  font-size: var(--wl-font-size-small);
  line-height: 1.5;
}

body {
  overflow-y: scroll;
}

body[data-lock-body] {
  overflow-y: hidden;
}

.btn {
  background: none;
  border: 1px solid transparent;
  font-family: inherit;
  font-weight: 500;
  padding: var(--wl-size3) var(--wl-input-padding-x);
  border-radius: var(--wl-size2);
  line-height: 1.25;
  min-height: 2.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #ff674d;
  font-size: 1rem;
}

.btn svg {
  fill: currentColor;
  stroke: currentColor;
  width: 1.25em;
  stroke-width: 1.5px;
}

.btn--block {
  width: 100%;
}

.btn--on-dark {
  color: #ff846f;
}

.btn--on-dark:hover, .btn--on-dark:focus {
  color: #ffffff;
}

.btn--outline {
  border-color: inherit;
}

.btn--cta,
.btn--filled {
  background: #ff674d;
  border-color: #ff674d;
  color: #ffffff;
}

.btn--cta:hover, .btn--cta:focus,
.btn--filled:hover,
.btn--filled:focus {
  background: rgb(255, 81.2247191011, 51.5);
}

.btn--cta {
  display: flex;
  border-radius: var(--wl-size10) 0;
  font-size: var(--wl-font-size-large);
  line-height: 1.25;
  position: relative;
  width: 100%;
  padding: var(--wl-size3) var(--wl-size5);
}

.btn--cta:before {
  content: "";
  width: 33px;
  height: 25px;
  background: no-repeat left center url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33 25'%3e%3cpath d='M26.35,4.56c-2.02-1.01-4.2-1.7-6.4-1.28-.02,0-.04,0-.06.01-.04,0-.06.01-.09.02-1.15.35-1.73,2.01-1.11,1.89,2.09-.4,4.8.03,6.79,1.02,3.39,1.69,5.82,5.13,5.6,9.07-.35,6.39-12.59,9.7-31.09,9.7h33v-10h0c0-1.22-.19-2.44-.61-3.65-1.02-2.94-3.16-5.34-6.02-6.77l-.02-.02Z' fill='%23ff674d'/%3e%3cpath d='M9.46,6.15c.28-.05.85-.24,1.74-.59-.34,1.05-.49,1.63-.46,1.74.03.11.14.21.31.29.17.08.31.12.4.1.16-.03.53-.78,1.09-2.25.43.5.85.96,1.26,1.39.18.26.38.37.6.33.22-.04.37-.19.46-.45.09-.26.11-.55.05-.86-.06-.31-.15-.55-.3-.76-.15-.2-.39-.44-.72-.73,1.52-.75,2.2-1.53,2.06-2.35-.02-.1-.07-.22-.16-.36-.09-.14-.17-.2-.25-.18-.08.02-.15.09-.21.23-.14.18-.72.48-1.75.9.38-1.13.56-1.76.54-1.89-.02-.13-.09-.21-.21-.26-.12-.05-.27-.06-.47-.03-.47.08-.75.34-.87.77-.1.57-.25,1.12-.43,1.66l-.86-.84c-.47-.39-.81-.57-1.03-.53-.22.04-.36.14-.43.31-.07.17-.09.35-.06.53.03.18.14.39.33.62.18.23.38.39.57.46l.47.44c-1.52.82-2.23,1.53-2.12,2.15.02.13.17.17.45.13h0Z' fill='%23ff674d'/%3e%3c/svg%3e");
  position: absolute;
  right: -1px;
  top: -1px;
  transform: translate(0, -100%);
}

.btn--cta:after {
  content: "";
  width: 32px;
  height: 16px;
  background: no-repeat left center url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 16'%3e%3cpath d='M0,0v16C0,3.5,6.5,0,32,0H0Z' fill='%23ff674d'/%3e%3c/svg%3e");
  position: absolute;
  left: -1px;
  bottom: -1px;
  transform: translate(0, 100%);
}

.major-content .btn--cta {
  min-height: 3rem;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  margin-top: var(--wl-size10);
}

.major-content .intro .btn--cta {
  margin-top: 0;
}

.icon-btn {
  width: 2.75rem;
  height: 2.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: transparent;
  padding: 0;
  color: #ff674d;
}

.icon-btn svg {
  fill: currentColor;
  stroke: currentColor;
  width: 1.5rem;
  height: 1.5rem;
}

.icon-btn:disabled {
  opacity: 0.3;
  pointer-events: none;
}

.continue:after {
  content: "";
  border-color: inherit;
  border-top: 1.5px solid;
  border-right: 1.5px solid;
  width: 0.625em;
  aspect-ratio: 1;
  display: inline-block;
  transform: rotate(45deg);
  margin-left: 0.15em;
}

.back:before {
  content: "";
  border-color: inherit;
  border-bottom: 1.5px solid;
  border-left: 1.5px solid;
  width: 0.625em;
  aspect-ratio: 1;
  display: inline-block;
  transform: rotate(45deg);
  margin-right: 0.15em;
}

.back--offset {
  margin-top: var(--wl-size10);
  display: inline-block;
}

.form__button {
  width: 100%;
}

.form__label {
  color: #044b66;
  font-weight: 400;
  line-height: 1.5;
  display: block;
  margin-bottom: var(--wl-size2);
}

.form__control {
  font-family: inherit;
  font-weight: inherit;
  padding: 0 var(--wl-input-padding-x);
  border: 1px solid #767676;
  border-radius: var(--wl-size2);
  line-height: 1.5;
  width: 100%;
  min-height: 2.75rem;
  color: #000000;
  display: block;
  background: #ffffff;
}

.form__control:hover {
  border-color: #044b66;
}

.form__control:focus {
  border-color: #044b66;
}

.form__control[data-validated]:invalid {
  outline: 1px solid #d00000 !important;
  outline-offset: 2px;
}

.form__entry:not(:last-child) {
  margin-bottom: var(--wl-size6);
}

.form__input-link {
  text-align: right;
}

.form__input-container {
  width: 100%;
}

.form__input-text {
  margin-top: var(--wl-size2);
}

.form__buttons {
  margin-top: var(--wl-size8);
  display: flex;
  justify-content: flex-end;
}

.form__checkbox {
  --size: 25px;
}

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

.form__checkbox .label {
  position: relative;
  padding-left: calc(var(--wl-size9) + 0.25rem);
  cursor: pointer;
}

.form__checkbox .label:before {
  content: "";
  width: var(--wl-size6);
  height: var(--wl-size6);
  position: absolute;
  left: 0.25rem;
  top: 0.25rem;
  border-radius: 0.125rem;
  outline: 1px solid #767676;
  outline-offset: 0.25rem;
}

.form__checkbox input:checked ~ .label:before {
  background: no-repeat left center url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath stroke-linecap='round' stroke='%23044b66' stroke-width='2' fill='none' d='m23.5 0.499 -16.5 23 -6.5 -6.5'/%3e%3c/svg%3e");
}

@media (min-width: 36rem) {
  .form__entry {
    display: flex;
    align-items: baseline;
  }
  .form__label {
    margin-bottom: 0;
    flex: 0 0 auto;
    margin-right: var(--wl-size6);
  }
}

.search-form {
  position: relative;
}

.search-form .form__control {
  padding-right: 3rem;
}

.search-form .btn {
  position: absolute;
  top: 0;
  right: 0;
  border-color: transparent;
  width: 2.75rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 0;
}

.login-form .form__label {
  width: 4.5em;
}

.forgot-pwd-form .form__label {
  width: 3em;
}

.pwd-form {
  margin-top: var(--wl-size10);
}

.pwd-form .form__label {
  width: 13em;
}

.newsletter-form .form__label {
  width: 4.5em;
}

.account-form .form__label {
  width: 5em;
}

@media (min-width: 36rem) {
  .fieldset {
    display: flex;
    position: relative;
  }
}

.legend {
  color: #044b66;
  font-weight: 500;
  line-height: 1.5;
  display: block;
  margin-bottom: var(--wl-size2);
  font-size: inherit;
  padding: 0;
}

@media (min-width: 36rem) {
  .legend {
    margin-bottom: 0;
    margin-top: calc(var(--wl-size4) + 1px);
    position: absolute;
    left: 0;
    top: 0;
  }
}

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

.img {
  background: #bababa;
}

.img--21-9 {
  padding-bottom: 42.8571428571%;
}

.img--3-2 {
  padding-bottom: 66.6666666667%;
}

.img--2-1 {
  padding-bottom: 50%;
}

.figure figcaption {
  margin-top: var(--wl-size0);
  font-size: var(--wl-font-size-small);
  color: #3d3d3d;
}

.figure img {
  display: block;
}

.rounded-corners {
  border-top-left-radius: var(--wl-size10);
  border-bottom-right-radius: var(--wl-size10);
  overflow: hidden;
}

.tag {
  display: flex;
  margin: 0;
}

.tag__content {
  flex: 0 0 auto;
  font-size: var(--wl-font-size-small);
  text-transform: uppercase;
  background: #ffffff;
  color: #3d3d3d;
  line-height: 1;
  padding: var(--wl-size0) var(--wl-size6);
  border: 1px solid #044b66;
}

.category-marker {
  margin: 0;
  width: var(--wl-size10);
  height: var(--wl-size10);
  background: #ffffff;
  border-radius: 100%;
  border: 1px solid #044b66;
  display: flex;
  justify-content: center;
  align-items: center;
}

.category-marker svg {
  width: 70%;
}

.category-marker img {
  width: 70%;
}

.category-marker--shop svg {
  transform: translate(5%, 0);
}

.category-marker--win svg {
  transform: translate(0, 6%);
}

.category-marker--community svg {
  transform: translate(0, 7%);
}

.savings-marker {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1em;
  height: 1em;
  background: #ff674d;
  color: #ffffff;
  border: 3px solid #ffffff;
  border-radius: 100%;
  font-size: calc(var(--wl-size10) * 2);
  font-family: "Lora", Georgia, serif;
}

.savings-marker__content {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
  padding: var(--wl-size3);
}

@media (min-width: 64rem) {
  .savings-marker__content {
    row-gap: 0.125rem;
  }
}

.savings-marker__value {
  font-size: 0.4em;
  line-height: 1;
}

@media (min-width: 64rem) {
  .savings-marker__value {
    font-size: 0.32em;
  }
}

.savings-marker__unit {
  font-size: 0.17em;
  line-height: 1;
}

.search-form-block {
  background: #044b66;
  color: #ffffff;
  border-top-left-radius: var(--wl-size10);
  border-bottom-right-radius: var(--wl-size10);
  padding: var(--wl-size6) var(--wl-size10) var(--wl-size7);
  width: 100%;
  max-width: 43rem;
}

.search-form-block h2 {
  color: #ffdf00;
  margin: 0 0 var(--wl-size4) 0;
}

.search-form-block .form__control {
  border-color: #044b66;
}

.search-form-block .btn {
  border-color: #044b66;
  border-left-color: transparent;
}

.input-action {
  position: relative;
  flex: 1 0 auto;
}

.input-action__input {
  padding-right: 2.75rem;
}

.input-action__btn {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  color: #3d3d3d;
}

.input-action__btn svg {
  stroke-width: 1;
  stroke: currentColor;
}

.input-action__btn:hover, .input-action__btn:focus {
  color: #ff674d;
}

.clearable-input .input-action__btn {
  display: none;
  opacity: 0;
}

.clearable-input .input-action__btn svg {
  width: 1em;
  height: 1em;
  stroke-width: 2.5px;
}

.clearable-input .input-action__btn[data-show~=show] {
  display: block;
}

.clearable-input .input-action__btn[data-show~=showing], .clearable-input .input-action__btn[data-show~=shown] {
  opacity: 1;
}

.clearable-input .input-action__btn[data-show~=showing], .clearable-input .input-action__btn[data-show~=hiding] {
  transition: all 0.2s ease-in 0s;
}

.showable-pass--password {
  display: none;
}

input[type=password] + button .showable-pass--password {
  display: block;
}

.showable-pass--text {
  display: none;
}

input[type=text] + button .showable-pass--text {
  display: block;
}

.menu-bar {
  font-size: var(--wl-size6);
  line-height: 1;
}

.menu-bar__nav {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.menu-bar__nav li {
  padding: 0;
}

.menu-bar__link {
  display: block;
  padding-top: calc(var(--wl-size3) * 1.1);
  padding-bottom: var(--wl-size3);
  text-decoration: none;
  white-space: nowrap;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 500;
  transition: all 0.2s ease-in 0s;
}

.menu-bar__link:hover, .menu-bar__link:focus, .menu-bar__link.menu-bar__current-link, .menu-bar__link[aria-current=page] {
  color: #ff846f;
}

.menu-bar__current-item {
  position: relative;
}

.menu-bar__current-item:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 50%;
  width: 1.8rem;
  height: 0;
  border-bottom: 0.375rem solid #ffffff;
  border-left: 0.9rem solid transparent;
  border-right: 0.9rem solid transparent;
  transform: translate(50%, 0);
}

[data-collapsible-nav~=mobile] .menu-bar {
  font-size: var(--wl-size7);
}

[data-collapsible-nav~=mobile] .menu-bar__link {
  color: #3d3d3d;
  padding-left: var(--wl-size6);
}

[data-collapsible-nav~=mobile] .menu-bar__link[aria-current=page] {
  color: #ff674d;
}

[data-collapsible-nav~=mobile] .menu-bar__link:hover, [data-collapsible-nav~=mobile] .menu-bar__link:focus {
  color: #ff674d;
}

[data-collapsible-nav~=mobile] .menu-bar__current-item:after {
  border-left: 0.5rem solid #000000;
  border-bottom: 0.5rem solid transparent;
  border-top: 0.5rem solid transparent;
  border-right: 0;
  left: 0;
  right: auto;
  bottom: 50%;
  transform: translate(0, 50%);
}

[data-collapsible-nav~=desktop] .menu-bar__nav {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 57.5rem;
  -moz-column-gap: var(--wl-size9);
       column-gap: var(--wl-size9);
}

[data-collapsible-nav~=desktop] .menu-bar__item {
  position: relative;
}

.collapsible-nav__toggler {
  position: relative;
  z-index: 99;
  transition: all 0.2s ease-in 0s;
}

.collapsible-nav__toggler:hover .collapsible-nav__toggle-line, .collapsible-nav__toggler:hover .collapsible-nav__toggle-line:before, .collapsible-nav__toggler:hover .collapsible-nav__toggle-line:after {
  background: #ff846f;
}

.collapsible-nav__toggler[aria-expanded=true] .collapsible-nav__toggle-line {
  background: transparent !important;
}

.collapsible-nav__toggler[aria-expanded=true] .collapsible-nav__toggle-line:before, .collapsible-nav__toggler[aria-expanded=true] .collapsible-nav__toggle-line:after {
  background: #044b66;
}

.collapsible-nav__toggler[aria-expanded=true] .collapsible-nav__toggle-line:before {
  bottom: 50%;
  transform-origin: center center;
  transform: translate(50%, 50%) rotate(-45deg);
  width: 1rem;
}

.collapsible-nav__toggler[aria-expanded=true] .collapsible-nav__toggle-line:after {
  bottom: 50%;
  transform-origin: center center;
  transform: translate(50%, 50%) rotate(45deg);
  width: 1rem;
}

.collapsible-nav__toggle-line {
  bottom: 50%;
}

.collapsible-nav__toggle-line, .collapsible-nav__toggle-line:before, .collapsible-nav__toggle-line:after {
  content: "";
  position: absolute;
  display: block;
  width: 1.5rem;
  height: 0.125rem;
  background: #ffffff;
  right: 50%;
  transform: translate(50%, 50%);
  transition: all 0.2s ease-in 0s;
}

.collapsible-nav__toggle-line:before {
  bottom: calc(50% - 0.375rem);
}

.collapsible-nav__toggle-line:after {
  bottom: calc(50% + 0.375rem);
}

[data-collapsible-nav~=mobile][data-collapsible-nav~=expanded] {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9999999;
}

[data-collapsible-nav~=mobile] .collapsible-nav__wrapper {
  position: fixed;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(4, 75, 102, 0);
  -webkit-backdrop-filter: blur(0px);
          backdrop-filter: blur(0px);
}

[data-collapsible-nav~=mobile] .collapsible-nav__wrapper[data-show~=showing],
[data-collapsible-nav~=mobile] .collapsible-nav__wrapper[data-show~=showing] .collapsible-nav__container, [data-collapsible-nav~=mobile] .collapsible-nav__wrapper[data-show~=hiding],
[data-collapsible-nav~=mobile] .collapsible-nav__wrapper[data-show~=hiding] .collapsible-nav__container {
  transition: all 0.2s ease-in 0s;
}

[data-collapsible-nav~=mobile] .collapsible-nav__wrapper[data-show~=hide] {
  display: none;
}

[data-collapsible-nav~=mobile] .collapsible-nav__wrapper[data-show~=showing], [data-collapsible-nav~=mobile] .collapsible-nav__wrapper[data-show~=shown] {
  background: rgba(4, 75, 102, 0.7);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

[data-collapsible-nav~=mobile] .collapsible-nav__wrapper[data-show~=showing] .collapsible-nav__container, [data-collapsible-nav~=mobile] .collapsible-nav__wrapper[data-show~=shown] .collapsible-nav__container {
  transform: translate(0, 0);
}

[data-collapsible-nav~=mobile] .collapsible-nav__container {
  background: #ffffff;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 90%;
  min-width: 19rem;
  max-width: 30rem;
  padding: var(--wl-size12) 0 var(--wl-size8);
  pointer-events: all;
  transform: translate(-100%, 0);
  overflow-y: auto;
  justify-content: space-between;
  gap: 2rem;
}

[data-collapsible-nav~=desktop] .collapsible-nav__wrapper {
  width: 100%;
}

[data-collapsible-nav~=desktop] .collapsible-nav__toggler {
  display: none;
}

.main-nav {
  /*
  [data-collapsible-nav~="mobile"] & {
    &__meta-nav {
      order: 2;
      padding-top: var(--wl-size8);
      padding-left: var(--wl-size10);
      border-top: 1px solid $gray;
      display: block;
      li {
        &:first-child {
          order: 2;
        }
      }
      .btn--outline {
        background: $link-color;
        color: $white;
        padding-left: var(--wl-size8);
        padding-right: var(--wl-size8);
      }
    }
    &__main-nav {
      padding: 0 var(--wl-size10);
    }
  }
    */
}

.page-wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  max-width: 125rem;
  margin: 0 auto;
}

.page-main {
  position: relative;
  flex: 1 0 auto;
}

.page-header {
  flex: 0 0 auto;
  z-index: 99;
  position: relative;
  background: #ffffff;
}

.page-header__main {
  display: flex;
  padding-top: var(--wl-size6);
  padding-bottom: var(--wl-size6);
  align-items: center;
  gap: var(--wl-size10);
  /*
  position: relative;
  z-index: 99;
  // height: var(--wl-header-height);
  */
}

.page-header__logo {
  display: block;
  flex: 0 0 auto;
  width: 15rem;
}

@media (min-width: 23.4375rem) {
  .page-header__logo {
    width: calc(15rem + 0.053038674 * (100 * 1vw - 23.4375rem));
  }
}

@media (min-width: 80rem) {
  .page-header__logo {
    width: 18rem;
  }
}

.page-header__logo a,
.page-header__logo img {
  display: block;
  width: 100%;
}

.page-header__search {
  flex: 1 0 auto;
  display: flex;
  justify-content: center;
}

[data-page-state~=mobile] .page-header__search {
  display: none;
}

.page-header .search-form {
  width: 100%;
  max-width: 24rem;
}

.page-header .search-form .btn {
  color: #3d3d3d;
  background: transparent;
}

.page-header .search-form .btn:hover, .page-header .search-form .btn:focus {
  background: rgb(255, 81.2247191011, 51.5);
  color: #ffffff;
}

.page-header .search-form .form__control:focus + .btn {
  background: rgb(255, 81.2247191011, 51.5);
  color: #ffffff;
}

.page-header__meta {
  flex: 0 0 auto;
  display: flex;
  -moz-column-gap: var(--wl-size4);
       column-gap: var(--wl-size4);
  font-size: var(--wl-font-size-small);
  margin-left: auto;
}

.page-header__meta .btn {
  font-weight: 300;
  padding: 0;
  color: #3d3d3d;
}

.page-header__meta .btn svg {
  width: 2rem;
  height: 2rem;
  stroke-width: 1px;
  margin-right: 0.25rem;
}

.page-header__meta .btn:hover, .page-header__meta .btn:focus {
  color: #ff674d;
}

.page-header__meta .ww-link svg {
  stroke-width: 0;
  margin-right: 0.375rem;
}

@media all and (max-width: 53.5rem) {
  [data-page-state~=desktop] .page-header__meta .btn > span {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
  [data-page-state~=desktop] .page-header__meta .btn > span:not(caption) {
    position: absolute !important;
  }
}

@media (max-width: 35.98rem) {
  [data-page-state~=mobile] .page-header__meta .btn > span {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
  [data-page-state~=mobile] .page-header__meta .btn > span:not(caption) {
    position: absolute !important;
  }
}

[data-page-state~=mobile] .page-header__nav-content {
  height: 2.75rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.page-header__nav {
  background: #000000;
}

.page-header__nav .search-form {
  width: 50%;
  min-width: 12rem;
  margin-left: auto;
}

.page-header__nav .search-form .form__control:not(:focus) {
  background: transparent;
}

.page-header__nav .search-form .form__control:not(:focus),
.page-header__nav .search-form .form__control:not(:focus) + .btn {
  color: #ffffff;
  border-color: #ffffff;
}

.page-header__nav .search-form .form__control:not(:focus) + .btn {
  border-left-color: transparent;
}

.page-header__nav .search-form > * {
  min-height: 2.2rem;
}

[data-page-state~=desktop] .page-header__nav .search-form {
  display: none;
}

.page-footer {
  margin-top: var(--wl-size13);
  background: #000000;
  flex: 0 0 auto;
  font-size: var(--wl-font-size-small);
  line-height: 1.5;
  color: #ffffff;
}

.page-footer h1,
.page-footer h2,
.page-footer h3,
.page-footer h4 {
  color: #ffffff;
  margin-bottom: var(--wl-size4);
}

.page-footer .link-list {
  row-gap: var(--wl-size1);
}

.page-footer .link-list li {
  display: flex;
  align-items: center;
}

.page-footer a {
  color: #ffffff;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
}

.page-footer a[aria-current=page], .page-footer a:hover, .page-footer a:focus {
  color: #ff846f;
}

.page-footer__main {
  display: flex;
  flex-wrap: wrap;
  row-gap: var(--wl-size11);
  -moz-column-gap: var(--wl-size11);
       column-gap: var(--wl-size11);
  padding-top: var(--wl-size8);
  padding-bottom: var(--wl-size8);
}

.page-footer__main .portal-link img {
  display: block;
  width: 11.5rem;
  margin-bottom: -0.25rem;
}

@media (min-width: 23.4375rem) {
  .page-footer__main .portal-link img {
    width: calc(11.5rem + 0.053038674 * (100 * 1vw - 23.4375rem));
  }
}

@media (min-width: 80rem) {
  .page-footer__main .portal-link img {
    width: 14.5rem;
  }
}

.page-footer__main > * {
  flex: 1 0 auto;
}

@media (min-width: 36rem) {
  .page-footer__main-left, .page-footer__main-right {
    flex: 0 0 auto;
  }
  .page-footer__main-center {
    display: flex;
    justify-content: center;
  }
}

@media (min-width: 64rem) {
  .page-footer__main-left, .page-footer__main-right {
    width: 13rem;
  }
}

.page-footer__meta {
  background: #3d3d3d;
  padding-top: var(--wl-size2);
  padding-bottom: var(--wl-size2);
  text-align: center;
}

.page-footer .page-footer__meta .link-list {
  display: inline-flex;
  flex-direction: row;
}

.page-footer__meta .link-list li + li {
  margin-top: 0;
}

.page-footer__meta .link-list li + li:before {
  content: "|";
  display: block;
  padding: 0 var(--wl-size4);
}

.page-footer__footer {
  text-align: center;
  padding-top: var(--wl-size3);
  padding-bottom: var(--wl-size3);
}

.page-footer .some-links {
  padding-top: var(--wl-size4);
}

.page-footer .some-links .link-list {
  flex-direction: row;
  -moz-column-gap: var(--wl-size6);
       column-gap: var(--wl-size6);
}

.page-footer .some-links svg {
  width: var(--wl-size8);
  stroke-width: 0;
  fill: #ffffff !important;
}

.micro-page {
  max-width: 32rem;
  margin: 0 auto;
}

.section {
  margin-top: var(--wl-size13);
  margin-bottom: var(--wl-size13);
}

.section:last-child {
  margin-bottom: 0;
}

.section--highlight {
  background: #ffdf00;
  padding-top: var(--wl-size13);
  padding-bottom: var(--wl-size13);
}

.section--small {
  margin-top: var(--wl-size10);
}

.text-section {
  margin-top: var(--wl-size11);
}

.section-heading {
  text-align: center;
}

.section-heading--small {
  font-size: var(--wl-size8);
  margin-bottom: var(--wl-size9);
}

.section-claim {
  display: flex;
  align-items: center;
  margin: 0 -1rem var(--wl-size11);
}

.section-claim .callout {
  font-size: 1.9375rem;
  margin: 0;
  padding: var(--wl-size7) var(--wl-size7);
  display: none;
}

@media (min-width: 48rem) {
  .section-claim .callout {
    font-size: calc(1.9375rem + 0.03515625 * (100 * 1vw - 48rem));
  }
}

@media (min-width: 80rem) {
  .section-claim .callout {
    font-size: 3.0625rem;
  }
}

@media (min-width: 48rem) {
  .section-claim > * {
    width: 50%;
    flex: 0 0 auto;
  }
  .section-claim .callout {
    display: block;
    width: 34%;
  }
  .section-claim img {
    width: 66%;
  }
}

@media (min-width: 64rem) {
  .section-claim .callout {
    padding: var(--wl-size7) var(--wl-size9);
  }
  .section-claim .callout,
  .section-claim img {
    width: 50%;
  }
}

.content-header__image {
  padding-bottom: 66.6666666667%;
  background-size: cover;
  position: relative;
  overflow: hidden;
}

@media (min-width: 36rem) {
  .content-header__image {
    margin-bottom: -10%;
  }
}

@media (min-width: 48rem) {
  .content-header__image {
    padding-bottom: 42.8571428571%;
  }
}

@media (min-width: 64rem) {
  .content-header__image {
    margin-bottom: -8rem;
  }
}

.content-header__image img.img-mobile {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  height: 100%;
  max-width: 1000%;
}

@media (min-width: 48rem) {
  .content-header__image img.img-mobile {
    display: none;
  }
}

.content-header__image img.img-desktop {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  height: auto;
}

@media (min-width: 48rem) {
  .content-header__image img.img-desktop {
    display: block;
  }
}

.content-header__content-container {
  display: flex;
  justify-content: center;
}

.content-header__image + .content-header__content-container {
  margin-top: 0;
}

.content-header__content {
  position: relative;
}

.content-header__content > * {
  max-width: 43rem;
}

.content-header__content > *:last-child {
  margin-bottom: 0;
}

.content-header--imaged .content-header__content {
  margin-top: 0;
  background: #ffffff;
  border-top-left-radius: var(--wl-size10);
  border-bottom-right-radius: var(--wl-size10);
  padding-top: 1.5rem;
}

@media (min-width: 23.4375rem) {
  .content-header--imaged .content-header__content {
    padding-top: calc(1.5rem + 0.0408839779 * (100 * 1vw - 23.4375rem));
  }
}

@media (min-width: 80rem) {
  .content-header--imaged .content-header__content {
    padding-top: 3.8125rem;
  }
}

@media (min-width: 36rem) {
  .content-header--imaged .content-header__content {
    padding-left: 1.0625rem;
    padding-right: 1.0625rem;
  }
}

@media (min-width: 36rem) and (min-width: 23.4375rem) {
  .content-header--imaged .content-header__content {
    padding-left: calc(1.0625rem + 0.0651933702 * (100 * 1vw - 23.4375rem));
  }
}

@media (min-width: 36rem) and (min-width: 80rem) {
  .content-header--imaged .content-header__content {
    padding-left: 4.75rem;
  }
}

@media (min-width: 36rem) and (min-width: 23.4375rem) {
  .content-header--imaged .content-header__content {
    padding-right: calc(1.0625rem + 0.0651933702 * (100 * 1vw - 23.4375rem));
  }
}

@media (min-width: 36rem) and (min-width: 80rem) {
  .content-header--imaged .content-header__content {
    padding-right: 4.75rem;
  }
}

.content-header--imaged.content-header--category .content-header__content {
  padding-top: var(--wl-size12);
}

.content-header__content .btn--cta {
  margin-bottom: calc(var(--wl-size13) - var(--wl-size12));
}

.content-header h1 span {
  display: inline-block;
}

.content-header .overline {
  position: relative;
  z-index: 1;
}

.content-header .category-marker {
  width: calc(var(--wl-size12) * 3);
  height: calc(var(--wl-size12) * 3);
  position: absolute;
  top: 0;
  right: 50%;
  transform: translate(50%, -50%);
  border: 0;
}

[data-scroll-header~=sticky] {
  position: sticky;
  top: 0;
  transform: translate(0, -100%);
}

@media print {
  [data-scroll-header~=sticky] {
    position: static !important;
    transform: none !important;
  }
}

[data-scroll-header~=stickied] {
  transition: all 0.2s ease-in 0s;
}

[data-scroll-header~=up][data-scroll-header~=sticky] {
  transform: none;
  box-shadow: 0 1rem 1rem -1rem rgba(0, 0, 0, 0.25);
}

@media print {
  [data-scroll-header~=up][data-scroll-header~=sticky] {
    box-shadow: none;
  }
}

.accordion__item:nth-child(n+2) {
  margin-top: var(--wl-size8);
}

.accordion__header {
  padding: 0;
  margin: 0;
  font-size: var(--wl-size7);
  line-height: 1.25;
}

.accordion__header button {
  width: 100%;
  padding: var(--wl-size3) 0 var(--wl-size3) var(--wl-size9);
  margin: 0;
  border: 0;
  border-bottom: 1px solid #767676;
  background: transparent;
  text-align: left;
  position: relative;
  font-size: inherit;
  line-height: inherit;
  border-radius: 0;
  color: #3d3d3d;
}

.accordion__header button:before {
  content: "";
  width: 1.125rem;
  height: 1.125rem;
  position: absolute;
  left: 0.125rem;
  bottom: 0.625em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ff674d' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  transition: all 0.2s ease-in 0s;
}

@media print {
  .accordion__header button:before {
    display: none;
  }
}

.accordion__header button:after {
  content: "";
  display: block;
  height: 2px;
  width: 0;
  background: #044b66;
  position: absolute;
  left: 0;
  bottom: -1px;
  transition: all 0.2s ease-in 0s;
}

.accordion__header button .headline {
  color: inherit;
  margin: 0;
}

[data-accordion-item~=expanded] .accordion__header button {
  color: #044b66;
}

[data-accordion-item~=expanded] .accordion__header button:before {
  transform: rotate(-180deg);
}

[data-accordion-item~=expanded] .accordion__header button:after {
  width: 100%;
}

.accordion__header button:hover {
  color: #6c757d;
}

.accordion__header button:hover:after {
  width: 100%;
  background: #6c757d;
}

.accordion__panel-content {
  padding: var(--wl-size6) 0 var(--wl-size11);
}

.accordion__panel {
  display: none;
}

.accordion__panel[data-show~=showing], .accordion__panel[data-show~=hiding] {
  transition: all 0.3s ease-in-out;
}

.accordion__panel[data-show~=show] {
  display: block;
}

.accordion__panel *:last-child {
  margin-bottom: 0;
}

@media print {
  .accordion__panel {
    display: block !important;
  }
}

[data-focus-trap] {
  position: absolute;
}

.modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(4, 75, 102, 0.7);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(4, 75, 102, 0);
  -webkit-backdrop-filter: blur(0px);
          backdrop-filter: blur(0px);
}

.modal[data-show~=showing],
.modal[data-show~=showing] .modal__wrapper, .modal[data-show~=hiding],
.modal[data-show~=hiding] .modal__wrapper {
  transition: all 0.2s ease-in 0s;
}

.modal[data-show~=hide] {
  display: none;
}

.modal[data-show~=showing], .modal[data-show~=shown] {
  background: rgba(4, 75, 102, 0.7);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

.modal[data-show~=showing] .modal__wrapper, .modal[data-show~=shown] .modal__wrapper {
  bottom: 50%;
  transform: translate(calc(50vw - 50%), 50%);
}

.modal[aria-hidden=true] {
  display: none;
}

.modal__wrapper {
  width: calc(100% - 2rem);
  max-height: calc(100% - 2rem);
  overflow-y: auto;
  background: #ffffff;
  position: absolute;
  bottom: 100%;
  left: 0;
  transform: translate(calc(50vw - 50%), 0);
  border-top-left-radius: var(--wl-size10);
  border-bottom-right-radius: var(--wl-size10);
}

@media (min-width: 36rem) {
  .modal__wrapper {
    max-width: calc(100% - 2rem);
    width: auto;
  }
}

.modal__container {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-top: 0.00001rem;
  padding-bottom: 0.625rem;
}

@media (min-width: 23.4375rem) {
  .modal__container {
    padding-left: calc(0.875rem + 0.0685082873 * (100 * 1vw - 23.4375rem));
  }
}

@media (min-width: 80rem) {
  .modal__container {
    padding-left: 4.75rem;
  }
}

@media (min-width: 23.4375rem) {
  .modal__container {
    padding-right: calc(0.875rem + 0.0685082873 * (100 * 1vw - 23.4375rem));
  }
}

@media (min-width: 80rem) {
  .modal__container {
    padding-right: 4.75rem;
  }
}

@media (min-width: 23.4375rem) {
  .modal__container {
    padding-top: calc(0.00001rem + 0.0342539669 * (100 * 1vw - 23.4375rem));
  }
}

@media (min-width: 80rem) {
  .modal__container {
    padding-top: 1.9375rem;
  }
}

@media (min-width: 23.4375rem) {
  .modal__container {
    padding-bottom: calc(0.625rem + 0.0563535912 * (100 * 1vw - 23.4375rem));
  }
}

@media (min-width: 80rem) {
  .modal__container {
    padding-bottom: 3.8125rem;
  }
}

.modal__close-btn {
  margin-left: auto;
  color: #3d3d3d;
}

.modal__close-btn:hover, .modal__close-btn:focus {
  color: rgb(255, 81.2247191011, 51.5);
}

.modal__close-btn svg {
  width: 1em;
  height: 1em;
  stroke-width: 3px;
}

.carousel-container {
  overflow-x: hidden;
}

.carousel-nav {
  display: none;
  margin: var(--wl-size6) auto 0;
  width: 24rem;
  max-width: 100%;
  justify-content: space-between;
}

@media (min-width: 48rem) {
  .carousel-nav {
    display: flex;
  }
}

.teaser-carousel:not(.flickity-enabled) {
  display: flex;
}

.teaser-carousel__item {
  margin-right: var(--wl-column-padding-x);
}

.teaser-carousel .flickity-viewport {
  overflow: visible;
}

.flickity-enabled .container-fluid {
  width: calc(90rem - 1rem * 2);
  margin-right: auto;
  margin-left: 0;
  padding: 0;
}

.flickity-page-dots {
  position: static;
  align-items: center;
  width: auto;
}

.flickity-page-dot {
  width: 2rem;
  height: 2rem;
  margin: 0;
  background: transparent;
  border-radius: 0;
  position: relative;
}

.flickity-page-dot:before, .flickity-page-dot:after {
  content: "";
  display: block;
  border-radius: 50%;
  position: absolute;
  right: 50%;
  bottom: 50%;
  transform: translate(50%, 50%);
}

.flickity-page-dot:before {
  width: 0.75rem;
  height: 0.75rem;
  background: #3d3d3d;
}

.flickity-page-dot:after {
  width: 1.375rem;
  height: 1.375rem;
  border: 2px solid transparent;
}

.flickity-page-dot:not(.is-selected):focus:before, .flickity-page-dot:not(.is-selected):hover:before {
  background: #ff674d;
}

.flickity-page-dot.is-selected {
  background: transparent;
}

.flickity-page-dot.is-selected:before {
  width: 0.5rem;
  height: 0.5rem;
  background: #044b66;
}

.flickity-page-dot.is-selected:after {
  border-color: #044b66;
}

.flickity-page-dot:focus {
  box-shadow: none;
}

.flickity-prev-next-button {
  position: static;
  width: 2.75rem;
  height: auto;
  border-radius: 0;
  background: transparent;
  transform: none;
  color: #3d3d3d;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.flickity-prev-next-button:focus, .flickity-prev-next-button:hover {
  color: #ff674d;
  background: transparent;
}

.flickity-prev-next-button .flickity-button-icon {
  width: 50%;
  height: auto;
  position: static;
}

.flickity-prev-next-button .flickity-button-iconX {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.category-teasers {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  max-width: 47rem;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: var(--wl-size9);
  width: 18rem;
}

@media (min-width: 23.4375rem) {
  .category-teasers {
    width: calc(18rem + 0.6368159204 * (100 * 1vw - 23.4375rem));
  }
}

@media (min-width: 36rem) {
  .category-teasers {
    width: calc(34rem + 0.2954545455 * (100 * 1vw - 36rem));
  }
}

@media (min-width: 80rem) {
  .category-teasers {
    width: 47rem;
  }
}

.category-teasers--small {
  flex-wrap: nowrap;
  font-size: 0.625rem;
}

@media (min-width: 23.4375rem) {
  .category-teasers--small {
    font-size: calc(0.625rem + 0.0092449923 * (100 * 1vw - 23.4375rem));
  }
}

@media (min-width: 64rem) {
  .category-teasers--small {
    font-size: 1rem;
  }
}

.category-teasers--small > * {
  width: 25%;
  flex: 0 0 auto;
}

@media (max-width: 35.98rem) {
  .category-teasers--small {
    width: 100%;
  }
}

.category-teaser {
  color: #5a5a5a;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  line-height: 1.25;
  width: 8rem;
}

@media (min-width: 23.4375rem) {
  .category-teaser {
    width: calc(8rem + 0.3184079602 * (100 * 1vw - 23.4375rem));
  }
}

@media (min-width: 36rem) {
  .category-teaser {
    width: calc(8rem + 0.0227272727 * (100 * 1vw - 36rem));
  }
}

@media (min-width: 80rem) {
  .category-teaser {
    width: 9rem;
  }
}

.category-teasers--small .category-teaser {
  width: 100%;
}

.category-teaser__icon {
  color: #000000;
  margin-bottom: var(--wl-size4);
  width: 4.875rem;
  position: relative;
}

@media (min-width: 23.4375rem) {
  .category-teaser__icon {
    width: calc(4.875rem + 0.1094527363 * (100 * 1vw - 23.4375rem));
  }
}

@media (min-width: 36rem) {
  .category-teaser__icon {
    width: calc(5.75rem + 0.0113636364 * (100 * 1vw - 36rem));
  }
}

@media (min-width: 80rem) {
  .category-teaser__icon {
    width: 6.25rem;
  }
}

.category-teasers--small .category-teaser__icon {
  margin-bottom: 0.25rem;
  width: 3.5rem;
}

@media (min-width: 23.4375rem) {
  .category-teasers--small .category-teaser__icon {
    margin-bottom: calc(0.25rem + 0.008839779 * (100 * 1vw - 23.4375rem));
  }
}

@media (min-width: 80rem) {
  .category-teasers--small .category-teaser__icon {
    margin-bottom: 0.75rem;
  }
}

@media (min-width: 23.4375rem) {
  .category-teasers--small .category-teaser__icon {
    width: calc(3.5rem + 0.1393034826 * (100 * 1vw - 23.4375rem));
  }
}

@media (min-width: 36rem) {
  .category-teasers--small .category-teaser__icon {
    width: 5.25rem;
  }
}

.category-teaser__icon svg {
  width: 100%;
  position: relative;
  z-index: 2;
  fill: #000000;
}

.category-teaser__icon:before {
  content: "";
  position: absolute;
  right: 0;
  top: 8%;
  width: 76%;
  height: 76%;
  border-radius: 100%;
  background: rgba(255, 103, 77, 0.2);
}

.category-teaser__text {
  text-transform: uppercase;
  font-weight: 500;
}

.category-teaser__text span {
  display: block;
}

.category-teaser:hover .category-teaser__text, .category-teaser:focus .category-teaser__text {
  color: #ff674d;
}

.product-teaser {
  display: block;
  text-decoration: none;
  color: inherit;
}

.product-teaser article {
  display: flex;
  flex-direction: column;
  position: relative;
  transition: transform 0.2s ease-in 0s;
}

.product-teaser:hover article, .product-teaser:focus article {
  transform: scale(1.025);
}

.product-teaser header {
  display: flex;
  flex-direction: column;
  row-gap: var(--wl-size1);
  margin-bottom: var(--wl-size1);
}

.product-teaser header > * {
  margin: 0;
}

.product-teaser p {
  margin: 0;
}

.product-teaser__image {
  background: #ffffff;
  border-top-left-radius: var(--wl-size10);
  overflow: hidden;
}

.product-teaser__image img {
  width: 100%;
  display: block;
  border-bottom-right-radius: var(--wl-size10);
}

.product-teaser__content {
  background: #ffffff;
  padding: var(--wl-size7) 0 var(--wl-size7) var(--wl-size9);
}

.product-teaser .tag {
  position: absolute;
  top: 0;
  right: 50%;
  transform: translate(50%, -50%);
}

.product-teaser .category-marker {
  position: absolute;
  right: 0.25rem;
  top: 0.25rem;
}

.product-teaser .savings-marker {
  position: absolute;
}

.product-teaser--default {
  flex: 0 0 auto;
  /*
  .teaser-gridX & {
    width: 100%;
    @include media-breakpoint-up(sm) {
      width: calc((100% - var(--wl-column-padding-x)) / 2);
    }
    @include media-breakpoint-up(md) {
      width: 28%;
    }
  }
  */
}

.product-teaser--default article {
  height: 100%;
}

.product-teaser--default .product-teaser {
  display: flex;
}

.product-teaser--default .product-teaser__content {
  flex: 1 0 auto;
  padding: var(--wl-size7) var(--wl-size7) 0;
}

.section--highlight .product-teaser--default .product-teaser__content {
  padding-bottom: var(--wl-size7);
}

.product-teaser--default .savings-marker {
  top: 0;
  right: 0;
  transform: translate(0, -100%);
  margin-top: 66.6666666667%;
}

.teaser-grid .product-teaser--default {
  width: 100%;
  max-width: 18rem;
}

@media (min-width: 36rem) {
  .teaser-grid .product-teaser--default {
    width: calc((100% - var(--wl-column-padding-x)) / 2);
  }
}

@media (min-width: 48rem) {
  .teaser-grid .product-teaser--default {
    width: calc((100% - var(--wl-column-padding-x) * 2) / 3);
  }
}

@media (min-width: 75rem) {
  .teaser-grid .product-teaser--default {
    width: calc((100% - var(--wl-column-padding-x) * 3) / 4);
    max-width: none;
  }
}

.product-teaser--default.teaser-carousel__item {
  width: 80%;
  max-width: 18rem;
}

@media (min-width: 36rem) {
  .product-teaser--default.teaser-carousel__item {
    width: 47%;
  }
}

@media (min-width: 48rem) {
  .product-teaser--default.teaser-carousel__item {
    width: 30%;
  }
}

@media (min-width: 75rem) {
  .product-teaser--default.teaser-carousel__item {
    width: 22%;
    max-width: none;
  }
}

.product-teaser--major {
  font-size: var(--wl-font-size-large);
  line-height: 1.5;
  width: 100%;
  max-width: 28rem;
}

.product-teaser--major article {
  flex-direction: column;
  align-items: center;
}

.product-teaser--major header {
  row-gap: var(--wl-size2);
  margin-bottom: var(--wl-size3);
}

.product-teaser--major .product-teaser__content {
  padding: var(--wl-size6) var(--wl-size7) 0;
}

.product-teaser--major .product-teaser__title {
  font-size: var(--wl-size9);
}

.product-teaser--major .savings-marker {
  top: 0;
  right: 0;
  transform: translate(0, -100%);
  margin-top: 66.6666666667%;
}

@media all and (min-width: 53rem) {
  .product-teaser--major {
    max-width: 64rem;
  }
  .product-teaser--major article {
    flex-direction: row;
  }
  .product-teaser--major article > * {
    width: 50%;
    flex: 0 0 auto;
  }
  .product-teaser--major header {
    row-gap: var(--wl-size2);
    margin-bottom: var(--wl-size3);
    padding-right: calc(var(--wl-size10) + 0.5em);
  }
  .product-teaser--major .savings-marker {
    top: auto;
    bottom: 0;
    right: 50%;
    transform: none;
    margin-top: 0;
  }
  .product-teaser--major .product-teaser__content {
    padding: var(--wl-size7) 0 var(--wl-size7) var(--wl-size9);
  }
}

.product-teaser .underline {
  line-height: 1.25;
  color: #5a5a5a;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0;
}

.teaser-grid {
  display: flex;
  -moz-column-gap: var(--wl-column-padding-x);
       column-gap: var(--wl-column-padding-x);
  row-gap: var(--wl-size11);
  flex-wrap: wrap;
  width: min(80%, 18rem);
}

@media (min-width: 36rem) {
  .teaser-grid {
    width: calc(min(47%, 18rem) * 2 + var(--wl-column-padding-x));
  }
}

@media (min-width: 48rem) {
  .teaser-grid {
    width: calc(min(30%, 18rem) * 3 + var(--wl-column-padding-x) * 2);
  }
}

@media (min-width: 75rem) {
  .teaser-grid {
    width: calc(22% * 4 + var(--wl-column-padding-x) * 3);
  }
}

.content-teaser {
  display: flex;
  flex-direction: column;
  margin: 0 -1rem;
  max-width: 42rem;
}

.content-teaser__image {
  background: #044b66;
}

.content-teaser__content {
  background: #044b66;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: baseline;
  justify-content: center;
  padding: var(--wl-size7) var(--wl-size9);
}

.content-teaser__content h2 {
  color: #ffdf00;
  margin: 0 0 var(--wl-size8) 0;
}

.content-teaser__content p {
  margin: 0;
}

.content-teaser__content .btn {
  margin-top: var(--wl-size9);
}

.content-teaser img {
  border-bottom-right-radius: var(--wl-size10);
}

@media all and (min-width: 42rem) {
  .content-teaser__image {
    border-top-left-radius: var(--wl-size10);
    overflow: hidden;
  }
  .content-teaser__content {
    border-bottom-right-radius: var(--wl-size10);
  }
}

@media (min-width: 64rem) {
  .content-teaser {
    flex-direction: row;
    max-width: none;
  }
  .content-teaser > * {
    width: 50%;
    flex: 0 0 auto;
    border-radius: 0;
  }
  .content-teaser__image {
    display: flex;
    align-items: center;
  }
  .content-teaser img {
    border-radius: 0;
  }
}

.newsletter-teaser {
  background: #044b66;
  color: #ffffff;
  border-top-left-radius: var(--wl-size10);
  border-bottom-right-radius: var(--wl-size10);
  padding: var(--wl-size9) var(--wl-size11);
  width: 100%;
  max-width: 37.5rem;
}

.newsletter-teaser h2 {
  color: #ffdf00;
  margin: 0 0 var(--wl-size7) 0;
}

.newsletter-teaser p {
  margin: 0;
}

.newsletter-teaser .btn {
  margin-top: var(--wl-size8);
}

.image-teaser {
  max-width: 33rem;
  width: 90%;
}

@media (min-width: 36rem) {
  .image-teaser {
    width: 75%;
  }
}

@media (min-width: 48rem) {
  .image-teaser {
    width: 60%;
  }
}

@media (min-width: 64rem) {
  .image-teaser {
    width: 47%;
  }
}

@media (min-width: 75rem) {
  .image-teaser {
    width: 40%;
    max-width: none;
  }
}

@media (min-width: 64rem) {
  .product {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto 1fr;
    grid-template-areas: "left right1" "left right2" "left right3";
    grid-column-gap: var(--wl-size10);
  }
  .product__info1 {
    grid-area: right1;
  }
  .product__info2 {
    grid-area: left;
  }
  .product__info3 {
    grid-area: right2;
  }
  .product__productz-info {
    grid-area: right3;
  }
}

.product__header {
  display: flex;
}

.product__header .tag {
  margin-bottom: var(--wl-size3);
}

.product__header h1 {
  margin-bottom: var(--wl-size3);
}

.product__header .underline {
  font-size: var(--wl-font-size-large);
}

@media (max-width: 63.98rem) {
  .product__header .category-marker {
    border: 0;
    border-radius: 0;
    width: 20%;
    max-width: 5rem;
    margin-right: var(--wl-size7);
    display: block;
  }
  .product__header .category-marker svg {
    width: 100%;
    transform: none;
  }
  .product__header .category-marker img {
    width: 100%;
    transform: none;
  }
}

@media (min-width: 64rem) {
  .product__header .category-marker {
    position: absolute;
    left: -1rem;
    border: 0;
    width: var(--wl-size15);
    height: var(--wl-size15);
    transform: translate(0, -50%);
  }
}

.product__image {
  margin-bottom: var(--wl-size11);
  max-width: 40rem;
}

@media (min-width: 64rem) {
  .product__image {
    max-width: none;
  }
}

.product__image img {
  border-top-left-radius: var(--wl-size10);
  border-bottom-right-radius: var(--wl-size10);
}

.product__sell-info {
  padding: var(--wl-size11) var(--wl-size8);
  background: #f1f1f1;
  border-bottom-right-radius: var(--wl-size10);
  position: relative;
  margin-bottom: var(--wl-size11);
}

.product__sell-info p {
  margin: 0 0 var(--wl-size2);
}

.product__sell-info .btn--cta {
  margin-top: var(--wl-size9);
}

.product__sell-info:before, .product__sell-info:after {
  content: "";
  width: var(--wl-size10);
  height: var(--wl-size10);
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(0, -100%);
}

.product__sell-info:before {
  background: #f1f1f1;
}

.product__sell-info:after {
  background: #ffffff;
  border-bottom-right-radius: var(--wl-size10);
}

.product__info2 p:last-child, .product__info3 p:last-child, .product__compnay-info p:last-child {
  margin-bottom: 0;
}

.product .footnote {
  margin-top: 1rem;
}

.offer-info {
  font-family: "Lora", Georgia, serif;
  font-weight: 700;
  color: #cc2121;
}

.offer-info__value {
  font-size: var(--wl-size10);
}

.offer-info__unit {
  font-size: var(--wl-size7);
}

.price {
  font-size: var(--wl-size11);
  font-weight: 500;
  line-height: 1;
}

.price__delimiter {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.price__delimiter:not(caption) {
  position: absolute !important;
}

.price__decimal {
  font-size: var(--wl-size7);
  vertical-align: text-top;
}

.regular-price {
  line-height: 1;
}

.regular-price__price {
  font-size: var(--wl-size8);
  text-decoration: line-through;
}

.offer-code__code {
  font-size: var(--wl-size9);
  font-weight: 500;
}

.offer-code .btn {
  padding: 0;
}

.product__company-info.section img {
  max-height: 200px;
  max-width: 200px;
  width: auto;
  height: auto;
}

.grid-block h2,
.grid-block h3,
.grid-block .intro {
  margin-bottom: var(--wl-size8);
}

.grid-block__image {
  margin: var(--wl-size10) 0;
}

.grid-block__image img {
  width: 100%;
  display: block;
}

.grid-block__content > * {
  margin-top: 0;
}

.grid-block__content > *:last-child {
  margin-bottom: 0;
}

@media (min-width: 48rem) {
  .grid-block__content, .grid-block__image p {
    padding-left: calc(1rem + 0.064453125 * (100 * 1vw - 48rem));
  }
}

@media (min-width: 80rem) {
  .grid-block__content, .grid-block__image p {
    padding-left: 3.0625rem;
  }
}

@media (min-width: 48rem) {
  .grid-block__content, .grid-block__image p {
    padding-right: calc(1rem + 0.064453125 * (100 * 1vw - 48rem));
  }
}

@media (min-width: 80rem) {
  .grid-block__content, .grid-block__image p {
    padding-right: 3.0625rem;
  }
}

@media (min-width: 48rem) {
  .grid-block__row {
    display: flex;
  }
  .grid-block__row:nth-child(2n) .grid-block__image {
    order: 2;
  }
  .grid-block__image, .grid-block__content {
    width: 50%;
    flex: 1 1 auto;
  }
  .grid-block__image {
    margin: 0;
  }
  .grid-block__image p {
    margin-bottom: var(--wl-size10);
  }
  .grid-block__content {
    padding-bottom: var(--wl-size10);
    margin: auto 0;
  }
}

.contact-block {
  display: flex;
  flex-direction: column;
}

.contact-block h2 {
  margin-bottom: var(--wl-size6);
}

.contact-block p {
  margin-bottom: var(--wl-size8);
}

.contact-block > * {
  margin-top: 0;
}

.input-action {
  position: relative;
  flex: 1 0 auto;
}

.input-action__input {
  padding-right: 2.75rem;
}

.input-action__btn {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  color: #3d3d3d;
}

.input-action__btn svg {
  stroke-width: 1;
  stroke: currentColor;
}

.input-action__btn:hover, .input-action__btn:focus {
  color: #ff674d;
}

.clearable-input .input-action__btn {
  display: none;
  opacity: 0;
}

.clearable-input .input-action__btn svg {
  width: 1em;
  height: 1em;
  stroke-width: 2.5px;
}

.clearable-input .input-action__btn[data-show~=show] {
  display: block;
}

.clearable-input .input-action__btn[data-show~=showing], .clearable-input .input-action__btn[data-show~=shown] {
  opacity: 1;
}

.clearable-input .input-action__btn[data-show~=showing], .clearable-input .input-action__btn[data-show~=hiding] {
  transition: all 0.2s ease-in 0s;
}

.showable-pass--password {
  display: none;
}

input[type=password] + button .showable-pass--password {
  display: block;
}

.showable-pass--text {
  display: none;
}

input[type=text] + button .showable-pass--text {
  display: block;
}

.alert {
  border: 1px solid;
  display: flex;
  padding: var(--wl-size8);
  margin: var(--wl-size10) 0 var(--wl-size11);
  max-width: 43rem;
  border-top-left-radius: var(--wl-size10);
  border-bottom-right-radius: var(--wl-size10);
}

.alert__icon {
  padding-right: var(--wl-size8);
}

.alert__icon svg {
  width: var(--wl-size11);
  stroke: currentColor;
}

.alert__headline {
  color: inherit;
  margin: 0;
}

.alert .intro {
  font-weight: 400;
}

.alert p,
.alert .intro {
  margin: var(--wl-size4) 0 0;
  color: inherit;
}

.alert--warning {
  color: #7b0000;
}

.alert--warning p,
.alert--warning .intro {
  color: #000000;
}

.alert--error {
  color: #cc2121;
}

.alert--success {
  color: #007b05;
}