/* Styles/styles.scss */
section,
p,
ul,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}
button {
  all: unset;
  box-sizing: border-box;
  cursor: pointer;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
}
ul li {
  list-style: none;
}
::-webkit-scrollbar,
::-webkit-scrollbar-track,
::-webkit-scrollbar-corner,
::-webkit-scrollbar-thumb {
  background-color: transparent;
  scrollbar-color: transparent transparent;
  display: none;
}
textarea {
  resize: none;
}
a {
  text-decoration: none;
  outline: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  color: inherit;
}
a:focus-visible,
button:focus-visible {
  outline: 2px solid var(--theme-color-2);
  outline-offset: 2px;
}
video,
iframe {
  max-width: 100%;
  border: none;
}
picture {
  width: 100%;
  height: 100%;
  display: block;
}
:root {
  --swiper-theme-color: #007aff;
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
  .swiper-slide,
  .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
}
.swiper-css-mode {
  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-slides-offset-before);
      scroll-margin-inline-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-inline-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-slides-offset-before);
      scroll-margin-block-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-block-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper::before {
      content: "";
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }
  }
}
.swiper-3d {
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-slide-shadow-left {
    background-image:
      linear-gradient(
        to left,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-right {
    background-image:
      linear-gradient(
        to right,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-top {
    background-image:
      linear-gradient(
        to top,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-bottom {
    background-image:
      linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0));
  }
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
:root {
  --swiper-navigation-size: 44px;
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  &.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }
  &.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }
  .swiper-navigation-disabled & {
    display: none !important;
  }
  ::slotted(svg),
  svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center;
    fill: currentColor;
    pointer-events: none;
  }
}
.swiper-button-lock {
  display: none;
}
.swiper-button-prev,
.swiper-button-next {
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
}
.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
  ::slotted(.swiper-navigation-icon),
  .swiper-navigation-icon {
    transform: rotate(180deg);
  }
}
.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}
.swiper-horizontal {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    margin-left: 0;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto;
  }
  .swiper-button-next,
  & ~ .swiper-button-next,
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(180deg);
    }
  }
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(0deg);
    }
  }
}
.swiper-vertical {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    left: var(--swiper-navigation-top-offset, 50%);
    right: auto;
    margin-left: calc(0px - var(--swiper-navigation-size) / 2);
    margin-top: 0;
  }
  .swiper-button-prev,
  ~ .swiper-button-prev {
    top: var(--swiper-navigation-sides-offset, 4px);
    bottom: auto;
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(-90deg);
    }
  }
  .swiper-button-next,
  ~ .swiper-button-next {
    bottom: var(--swiper-navigation-sides-offset, 4px);
    top: auto;
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(90deg);
    }
  }
}
:root {
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  &.swiper-pagination-hidden {
    opacity: 0;
  }
  .swiper-pagination-disabled > &,
  &.swiper-pagination-disabled {
    display: none !important;
  }
}
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
  .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
  }
  .swiper-pagination-bullet-active {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-main {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
  }
  .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
  }
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  button& {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    appearance: none;
  }
  .swiper-pagination-clickable & {
    cursor: pointer;
  }
  &:only-child {
    display: none !important;
  }
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
  .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
  }
  &.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    .swiper-pagination-bullet {
      display: inline-block;
      transition: 200ms transform, 200ms top;
    }
  }
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-horizontal.swiper-pagination-bullets {
  .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }
  &.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    .swiper-pagination-bullet {
      transition: 200ms transform, 200ms left;
    }
  }
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
  .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
  }
  .swiper-rtl & .swiper-pagination-progressbar-fill {
    transform-origin: right top;
  }
  .swiper-horizontal > &,
  &.swiper-pagination-horizontal,
  .swiper-vertical > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
  }
  .swiper-vertical > &,
  &.swiper-pagination-vertical,
  .swiper-horizontal > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
  }
}
.swiper-pagination-lock {
  display: none;
}
.circular-progress {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: calc(50% - 75px);
  left: calc(50% - 75px);
}
.circular-progress.hidden {
  display: none !important;
}
.circular-progress .progress {
  position: relative;
  width: 150px;
  height: 150px;
  margin: 0.5rem;
  border-radius: 50%;
  background: #ffffff;
  overflow: hidden;
}
.circular-progress .progress .percentage {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 136px;
  height: 136px;
  background: #DBDBDE;
  border-radius: 50%;
  font-size: 28px;
  font-weight: 300;
  color: #138D7F;
}
@keyframes msgshake {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  3% {
    transform: translate3d(-20%, 0, 0) rotate3d(0, 0, 1, -10deg);
  }
  6% {
    transform: translate3d(16%, 0, 0) rotate3d(0, 0, 1, 6deg);
  }
  9% {
    transform: translate3d(-12%, 0, 0) rotate3d(0, 0, 1, -6deg);
  }
  12% {
    transform: translate3d(8%, 0, 0) rotate3d(0, 0, 1, 4deg);
  }
  15% {
    transform: translate3d(-4%, 0, 0) rotate3d(0, 0, 1, -2deg);
  }
  18% {
    -webkit-transform: none;
    transform: none;
  }
}
.oc-test-mode-msg {
  position: fixed;
  right: 24px;
  top: 48%;
  width: 166px;
  border: 2px solid #0546DD;
  border-radius: 56px;
  z-index: 99999;
  padding: 16px 12px;
  text-align: center;
  background:
    linear-gradient(
      90deg,
      #EBF1FF 0%,
      #DFE9FF 100%);
  animation: msgshake 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-delay: 3s;
  pointer-events: none;
}
.oc-test-mode-msg.amsterdamnightlifev2 {
  width: 150px;
}
.oc-test-mode-msg.coenen {
  width: 150px;
}
.oc-test-mode-msg.coenen h4 {
  font-weight: 600;
}
.oc-test-mode-msg.colengov3 {
  width: 164px;
}
.oc-test-mode-msg.colengov3 h4 {
  font-weight: 600;
}
.oc-test-mode-msg h4 {
  font-size: 13px;
  margin-bottom: 4px;
}
.oc-test-mode-msg p {
  font-size: 12px;
}
.oc-test-mode-msg p.warn {
  color: #ec942c;
  margin-top: 4px;
}
.maintenance {
  z-index: 99999;
  position: relative;
}
.maintenance .maintenance-message {
  position: fixed;
  width: 100%;
  display: flex;
  top: -500px;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  transition: all ease-in-out 1s;
  align-items: center;
  padding: 18px 24px;
  border-bottom: 1px solid #efefef;
  left: 0;
  box-sizing: border-box;
}
.maintenance .maintenance-message.active.tablet {
  display: none;
}
.maintenance .maintenance-message.active.mobile {
  display: none;
}
.maintenance .maintenance-message.active.desktop {
  top: 0;
  opacity: 1;
  display: flex;
}
.maintenance .maintenance-message.active.desktop:not(.fixed) {
  position: relative;
}
.maintenance .maintenance-message.active.fixed {
  position: fixed;
}
.maintenance .maintenance-message.desktop ~ .close-btn {
  display: block;
}
.maintenance .maintenance-message:not(.desktop) ~ .close-btn {
  display: none;
}
.maintenance .maintenance-message.position-Bottom {
  top: auto;
  bottom: -500px;
}
.maintenance .maintenance-message.position-Bottom.active {
  bottom: 0;
  opacity: 1;
}
.maintenance .maintenance-message h3 {
  margin: 0;
  font-size: 18px;
  color: #333;
}
.maintenance .maintenance-message p {
  font-size: 12px;
  margin: 0;
  margin-top: 6px;
  color: #747474;
}
.maintenance .maintenance-message .msg {
  padding-right: 12px;
}
.maintenance .maintenance-message .message {
  width: 100%;
  display: flex;
}
.maintenance .maintenance-message .icon-svg {
  display: inline-block;
  margin-right: 16px;
  position: relative;
  top: -2px;
  background-image: none;
  max-width: 40px;
  max-height: 40px;
}
.maintenance .maintenance-message .icon-svg svg {
  width: 18px;
  height: 18px;
}
.maintenance .maintenance-message .icon-svg img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  min-width: 32px;
}
.maintenance .maintenance-message .btn-container {
  display: flex;
  align-items: center;
}
.maintenance .maintenance-message .cls img {
  width: 10px;
  height: auto;
  cursor: pointer;
}
.maintenance .maintenance-message button {
  border: 1px solid #ccc;
  padding: 8px 12px;
  border-radius: 3px;
  outline: none;
  margin-right: 12px;
  font-size: 14px;
  font-weight: normal;
  background-color: #fff;
  cursor: pointer;
  width: max-content;
  height: auto;
}
.notification-widget {
  position: fixed;
  bottom: 32px;
  left: 32px;
  z-index: 90;
}
.notification-widget.right {
  left: auto;
  right: 32px;
}
.notification-widget.right .widget {
  margin-left: auto;
}
.notification-widget .messages .message.active.tablet {
  display: none;
}
.notification-widget .messages .message.active.mobile {
  display: none;
}
.notification-widget .messages .message.active.desktop {
  display: flex;
}
.notification-widget .widget {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #fff;
  position: relative;
  cursor: pointer;
}
.notification-widget .widget .icon {
  display: flex;
  width: 100%;
  height: 100%;
  max-width: 32px;
  max-height: 32px;
  align-items: center;
  justify-content: center;
}
.notification-widget .widget .icon img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.notification-widget .counter {
  display: none;
}
@media screen and (max-width: 1112px) {
  .maintenance .maintenance-message.active.desktop {
    display: none;
  }
  .maintenance .maintenance-message.active.mobile {
    display: none;
  }
  .maintenance .maintenance-message.active.tablet {
    top: 0;
    opacity: 1;
    display: flex;
  }
  .maintenance .maintenance-message.active.tablet:not(.fixed) {
    position: relative;
  }
  .maintenance .maintenance-message.tablet ~ .close-btn {
    display: block;
  }
  .maintenance .maintenance-message:not(.tablet) ~ .close-btn {
    display: none;
  }
  .notification-widget .messages .message.active.desktop {
    display: none;
  }
  .notification-widget .messages .message.active.mobile {
    display: none;
  }
  .notification-widget .messages .message.active.tablet {
    display: flex;
  }
}
@media screen and (max-device-width: 743px) {
  .maintenance .maintenance-message.active.desktop {
    display: none;
  }
  .maintenance .maintenance-message.active.tablet {
    display: none;
  }
  .maintenance .maintenance-message.active.mobile {
    top: 0;
    opacity: 1;
    display: flex;
  }
  .maintenance .maintenance-message.active.mobile:not(.fixed) {
    position: relative;
  }
  .maintenance .maintenance-message.mobile ~ .close-btn {
    display: block;
  }
  .maintenance .maintenance-message:not(.mobile) ~ .close-btn {
    display: none;
  }
  .notification-widget .messages .message.active.desktop {
    display: none;
  }
  .notification-widget .messages .message.active.tablet {
    display: none;
  }
  .notification-widget .messages .message.active.mobile {
    display: flex;
  }
}
@media screen and (max-width: 420px) {
  .maintenance .maintenance-message {
    padding: 12px;
  }
  .maintenance .maintenance-message .msg {
    padding-right: 8px;
  }
  .maintenance .maintenance-message .icon-svg {
    margin-right: 8px;
  }
}
:root {
  --theme-color-1: #151515;
  --theme-color-2: #2D2D2D;
  --theme-color-text: #151515;
  --theme-color-muted: #717171;
  --color-pure-white: #FFFFFF;
  --color-neutral-50: #F9F9F9;
  --color-neutral-150: #ECECEC;
  --color-neutral-200: #E7E7E7;
  --color-neutral-250: #E0DEDB;
  --color-neutral-300: #DFDFDF;
  --color-neutral-400: #BCBCBC;
  --color-neutral-500: #717171;
  --color-neutral-600: #4C4C4B;
  --color-neutral-700: #2D2D2D;
  --color-neutral-900: #151515;
  --color-neutral-1000: #000000;
  --color-red-400: #CF4A4A;
  --color-red-500: #E31C1C;
  --color-yellow-400: #FCC97E;
  --color-orange-500: #FF9900;
  --color-green-500: #65B32E;
  --color-green-600: #4E8A23;
  --color-rouge: #CD5716;
  --color-beige: #EFD6AF;
  --color-light-beige: #F8EDDB;
  --color-dark-chocolate: #381E18;
  --color-border-default: #E7E7E7;
  --shadow-elevation:
    1px 3px 4px 0 rgba(0, 0, 0, 0.06),
    4px 8px 12px 0 rgba(0, 0, 0, 0.04),
    4px 12px 32px 0 rgba(0, 0, 0, 0.04);
  --shadow-flyout: 0 8px 32px rgba(0, 0, 0, 0.08);
  --shadow-header-scrolled: 0 2px 16px #00000029;
  --overlay-color: #00000080;
  --color-maintenance: #F26552;
  --color-grey-de-eekhoorn: #8a857a;
  --color-grey-1: #f5f3f1;
  --color-grey-2: #e3dfdb;
  --color-grey-3: #b7b3a8;
  --font-body: "Nunito", sans-serif;
  --font-display: "quinn-display", sans-serif;
}
.theme-de-eekhoorn {
  --theme-color-scroll-thumb: #afafaf;
  --font-secondary:
    "avenir-next-lt-pro-condensed",
    "Nunito",
    sans-serif;
  --font-third:
    "avenir-next-lt-pro",
    "Nunito",
    sans-serif;
}
@keyframes canvas-spinner-rotate {
  to {
    transform: rotate(360deg);
  }
}
@keyframes canvas-spinner-rotate {
  to {
    transform: rotate(360deg);
  }
}
@keyframes line-slide {
  0% {
    left: 0;
  }
  50% {
    left: 100%;
  }
  51% {
    left: -100%;
  }
  100% {
    left: 0;
  }
}
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html {
  scroll-behavior: smooth;
}
body,
html {
  margin: 0;
}
body {
  font-family: var(--font-body);
  background-color: #ffffff;
  font-style: normal;
  overflow-y: auto;
  color: var(--theme-color-text);
}
body.disable-scroll {
  overflow: hidden;
  overscroll-behavior: none;
  height: 100dvh;
}
main {
  min-height: calc(100dvh - (var(--header-height, 80px) + var(--footer-height, 0px)));
}
.hidden {
  display: none !important;
}
.text-truncate {
  overflow-x: clip;
  overflow-y: visible;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.container {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  max-width: min(100% - var(--container-padding, 32px) * 2, var(--container-max-width, 100%));
}
@media screen and (max-width: 1200px) {
  .container {
    --container-padding: 24px;
  }
}
@media screen and (max-width: 743px) {
  .container {
    --container-padding: 16px;
  }
}
.quinn-txt {
  font-family: var(--font-display);
  font-style: normal;
}
.heading-display {
  font-size: var(--typeface-size-display, 48px);
  font-style: normal;
  font-weight: var(--typeface-font-weight-display, 400);
}
.heading-display.txt-light {
  --typeface-font-weight-display: 300;
}
.heading-display.txt-semibold {
  --typeface-font-weight-display: 600;
}
.heading-display.txt-bold {
  --typeface-font-weight-display: 700;
}
.heading-h1 {
  font-size: var(--typeface-size-h1, 40px);
  font-style: normal;
  font-weight: var(--typeface-font-weight-h1, 400);
}
.heading-h1.txt-light {
  --typeface-font-weight-h1: 300;
}
.heading-h1.txt-semibold {
  --typeface-font-weight-h1: 600;
}
.heading-h1.txt-bold {
  --typeface-font-weight-h1: 700;
}
.heading-h2 {
  font-size: var(--typeface-size-h2, 32px);
  font-style: normal;
  font-weight: var(--typeface-font-weight-h2, 400);
}
.heading-h2.txt-light {
  --typeface-font-weight-h2: 300;
}
.heading-h2.txt-semibold {
  --typeface-font-weight-h2: 600;
}
.heading-h2.txt-bold {
  --typeface-font-weight-h2: 700;
}
.heading-h3 {
  font-size: var(--typeface-size-h3, 24px);
  font-style: normal;
  font-weight: var(--typeface-font-weight-h3, 400);
}
.heading-h3.txt-light {
  --typeface-font-weight-h3: 300;
}
.heading-h3.txt-semibold {
  --typeface-font-weight-h3: 600;
}
.heading-h3.txt-bold {
  --typeface-font-weight-h3: 700;
}
.heading-h4 {
  font-size: var(--typeface-size-h4, 20px);
  font-style: normal;
  font-weight: var(--typeface-font-weight-h4, 400);
}
.heading-h4.txt-light {
  --typeface-font-weight-h4: 300;
}
.heading-h4.txt-semibold {
  --typeface-font-weight-h4: 600;
}
.heading-h4.txt-bold {
  --typeface-font-weight-h4: 700;
}
.txt-body-l {
  font-size: var(--typeface-size-body-l, 18px);
  font-style: normal;
  font-weight: var(--typeface-font-weight-body-l, 400);
}
.txt-body-l.txt-light {
  --typeface-font-weight-body-l: 300;
}
.txt-body-l.txt-semibold {
  --typeface-font-weight-body-l: 600;
}
.txt-body-l.txt-bold {
  --typeface-font-weight-body-l: 700;
}
.txt-body-m {
  font-size: var(--typeface-size-body-m, 16px);
  font-style: normal;
  font-weight: var(--typeface-font-weight-body-m, 400);
}
.txt-body-m.txt-light {
  --typeface-font-weight-body-m: 300;
}
.txt-body-m.txt-semibold {
  --typeface-font-weight-body-m: 600;
}
.txt-body-m.txt-bold {
  --typeface-font-weight-body-m: 700;
}
.txt-body-m-link {
  font-size: var(--typeface-size-body-m-link, 16px);
  font-style: normal;
  font-weight: var(--typeface-font-weight-body-m-link, 400);
}
.txt-body-m-link.txt-light {
  --typeface-font-weight-body-m-link: 300;
}
.txt-body-m-link.txt-semibold {
  --typeface-font-weight-body-m-link: 600;
}
.txt-body-m-link.txt-bold {
  --typeface-font-weight-body-m-link: 700;
}
.txt-body-s {
  font-size: var(--typeface-size-body-s, 12px);
  font-style: normal;
  font-weight: var(--typeface-font-weight-body-s, 400);
}
.txt-body-s.txt-light {
  --typeface-font-weight-body-s: 300;
}
.txt-body-s.txt-semibold {
  --typeface-font-weight-body-s: 600;
}
.txt-body-s.txt-bold {
  --typeface-font-weight-body-s: 700;
}
.txt-caption {
  font-size: var(--typeface-size-caption, 10px);
  font-style: normal;
  font-weight: var(--typeface-font-weight-caption, 400);
}
.txt-caption.txt-light {
  --typeface-font-weight-caption: 300;
}
.txt-caption.txt-semibold {
  --typeface-font-weight-caption: 600;
}
.txt-caption.txt-bold {
  --typeface-font-weight-caption: 700;
}
.txt-button {
  font-size: var(--typeface-size-button, 16px);
  font-style: normal;
  font-weight: var(--typeface-font-weight-button, 400);
}
.txt-button.txt-light {
  --typeface-font-weight-button: 300;
}
.txt-button.txt-semibold {
  --typeface-font-weight-button: 600;
}
.txt-button.txt-bold {
  --typeface-font-weight-button: 700;
}
.txt-button-large {
  font-size: var(--typeface-size-button-large, 18px);
  font-style: normal;
  font-weight: var(--typeface-font-weight-button-large, 400);
}
.txt-button-large.txt-light {
  --typeface-font-weight-button-large: 300;
}
.txt-button-large.txt-semibold {
  --typeface-font-weight-button-large: 600;
}
.txt-button-large.txt-bold {
  --typeface-font-weight-button-large: 700;
}
.txt-header-announcement {
  font-size: var(--typeface-size-header-announcement, 14px);
  font-style: normal;
  font-weight: var(--typeface-font-weight-header-announcement, 400);
}
.txt-header-announcement.txt-light {
  --typeface-font-weight-header-announcement: 300;
}
.txt-header-announcement.txt-semibold {
  --typeface-font-weight-header-announcement: 600;
}
.txt-header-announcement.txt-bold {
  --typeface-font-weight-header-announcement: 700;
}
@media screen and (max-width: 1200px) {
  .heading-display {
    --typeface-size-display: 40px;
  }
  .heading-h1 {
    --typeface-size-h1: 34px;
  }
  .heading-h2 {
    --typeface-size-h2: 28px;
  }
  .heading-h3 {
    --typeface-size-h3: 20px;
  }
  .heading-h4 {
    --typeface-size-h4: 16px;
  }
}
@media screen and (max-width: 743px) {
  .heading-display {
    --typeface-size-display: 34px;
  }
  .heading-h1 {
    --typeface-size-h1: 28px;
  }
  .heading-h2 {
    --typeface-size-h2: 22px;
  }
  .heading-h3 {
    --typeface-size-h3: 16px;
  }
  .heading-h4 {
    --typeface-size-h4: 14px;
  }
  .txt-body-l {
    --typeface-size-body-l: 16px;
  }
  .txt-body-m {
    --typeface-size-body-m: 14px;
  }
  .txt-body-m-link {
    --typeface-size-body-m-link: 14px;
  }
  .txt-body-s {
    --typeface-size-body-s: 10px;
  }
  .txt-button {
    --typeface-size-button: 14px;
  }
  .txt-button-large {
    --typeface-size-button-large: 16px;
  }
}
@font-face {
  font-family: "Nunito";
  src: url(/assetfiles/font/woood/Nunito/Nunito-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nunito";
  src: url(/assetfiles/font/woood/Nunito/Nunito-SemiBold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nunito";
  src: url(/assetfiles/font/woood/Nunito/Nunito-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nunito";
  src: url(/assetfiles/font/woood/Nunito/Nunito-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
.tooltip-bt {
  position: relative;
  overflow: visible;
}
.tooltip-bt .tooltip {
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translate(-50%, 4px);
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
  display: inline-flex;
  padding: 4px 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 48px;
  background: rgba(21, 21, 21, 0.8);
  opacity: 0;
  pointer-events: none;
  width: max-content;
  max-width: 250px;
  white-space: nowrap;
  color: white;
  min-height: 19px;
}
@media (hover: hover) and (pointer: fine) {
  .tooltip-bt:hover .tooltip {
    opacity: 1;
    pointer-events: auto;
    transform: translate(-50%, -100%);
  }
}
.circle-bt {
  --bt-width: 56px;
  --icon-width: 24px;
  position: relative;
  height: var(--bt-width);
  width: var(--bt-width);
  border-radius: 50%;
  background: var(--color-circle, var(--color-pure-white));
  transition: all 0.3s ease-in-out;
  box-shadow: var(--shadow-elevation);
  border-bottom: 2px solid transparent;
}
@media (hover: hover) and (pointer: fine) {
  .circle-bt:hover {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  }
  .circle-bt:hover .icon svg {
    color: var(--color-icon-circle-hover, var(--theme-color-text));
  }
}
.circle-bt .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: var(--icon-width);
  height: var(--icon-width);
}
.circle-bt .icon svg {
  width: var(--icon-width);
  height: var(--icon-width);
  color: var(--color-icon-circle, var(--theme-color-muted));
  transition: color 0.3s ease-in-out;
}
.circle-bt.active {
  border-bottom: 2px solid var(--color-rouge);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}
.bt {
  --height: 56px;
  --width-svg: 24px;
  --width-btn: fit-content;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: all 0.3s;
  height: var(--height);
  padding: 0 24px;
  width: var(--width-btn);
  border-radius: 7px;
  background-color: var(--color-btn, var(--theme-color-1));
  border: 1px solid var(--color-border-btn, var(--theme-color-1));
  gap: 8px;
}
.bt.full-width {
  --width-btn: 100%;
}
.bt.disabled,
.bt:disabled {
  opacity: 0.7;
  pointer-events: none;
}
.bt .txt-button {
  color: var(--color-txt-btn, var(--color-neutral-150));
}
.bt .icon {
  position: relative;
  width: var(--width-svg);
  height: var(--width-svg);
  z-index: 1;
}
.bt .icon svg {
  color: var(--color-icon-btn, var(--theme-color-muted));
  width: var(--width-svg);
  height: var(--width-svg);
}
@media (hover: hover) and (pointer: fine) {
  .bt:hover {
    background-color: var(--color-hover-btn, var(--theme-color-2));
    border: 1px solid var(--color-hover-border-btn, var(--theme-color-2));
  }
}
.bt.bt-primary {
  --color-btn: var(--theme-color-1);
  --color-border-btn: var(--theme-color-1);
  --color-txt-btn: var(--color-neutral-150);
  --color-icon-btn: var(--color-pure-white);
  --color-hover-btn: var(--theme-color-2);
  --color-hover-border-btn: var(--theme-color-2);
}
.bt.bt-outlined {
  --color-btn: transparent;
  --color-border-btn: var(--color-neutral-200);
  --color-txt-btn: var(--theme-color-text);
  --color-icon-btn: var(--theme-color-muted);
  --color-hover-btn: transparent;
  --color-hover-border-btn: var(--color-neutral-400);
}
.bt.medium {
  --height: 40px;
}
.bt-photo {
  --height: 56px;
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  transition: all 0.3s;
  height: var(--height);
  width: fit-content;
  padding: 0 24px 0 calc(var(--height) + 16px);
  border-radius: 999px;
  background-color: var(--color-pure-white);
  border: 1px solid var(--color-neutral-200);
  box-shadow: var(--shadow-elevation);
}
.bt-photo.disabled,
.bt-photo:disabled {
  opacity: 0.7;
  pointer-events: none;
}
.bt-photo.full-width {
  width: 100%;
}
.bt-photo .icon-badge {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--height);
  height: 100%;
  border-radius: 999px;
  overflow: hidden;
  background-image: url(/assetfiles/img/woood/shared/bg-button.webp);
  background-size: cover;
  transition: width 0.35s ease-in-out;
}
.bt-photo .icon {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--height);
  height: 100%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bt-photo .icon svg {
  width: 24px;
  height: 24px;
  color: var(--color-pure-white);
}
.bt-photo .txt-body-s {
  position: relative;
  z-index: 1;
  width: 100%;
  text-align: center;
  color: var(--theme-color-text);
}
@media (hover: hover) and (pointer: fine) {
  .bt-photo:hover .icon-badge {
    width: 100%;
  }
  .bt-photo:hover .txt-body-s {
    color: var(--color-pure-white);
  }
}
@media screen and (max-width: 1200px) {
  .circle-bt {
    --bt-width: 48px;
  }
}
@media screen and (max-width: 743px) {
  .bt,
  .bt-photo {
    --height: 44px;
  }
}
.header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 150;
  background: var(--color-pure-white);
}
.header .header-wrapper {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  max-width: min(100% - var(--container-padding, 0px) * 2, var(--container-max-width, 1900px));
}
@media (max-width: 1200px) {
  .header .header-wrapper {
    --container-padding: 16px;
  }
}
.header .nav-top {
  width: 100%;
  padding: 24px 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header .left-box {
  display: flex;
  align-items: center;
  gap: 24px;
}
.header .center-box {
  margin-left: 24px;
  flex: 1;
}
.header .right-box {
  display: flex;
  align-items: center;
}
.header .right-box .search-toggle-btn {
  display: none;
}
.header .menu-toggle-btn {
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  width: 24px;
  height: 24px;
  border: none;
  background: none;
  cursor: pointer;
  display: none;
}
.header .menu-toggle-btn .bar {
  display: block;
  width: 100%;
  height: 2px;
  background: var(--theme-color-text);
  transform-origin: center;
  transition: transform 0.25s ease, opacity 0.25s ease;
}
.header .menu-toggle-btn.active .bar:nth-child(1) {
  transform: translateY(6px) rotate(45deg);
}
.header .menu-toggle-btn.active .bar:nth-child(2) {
  opacity: 0;
}
.header .menu-toggle-btn.active .bar:nth-child(3) {
  transform: translateY(-6px) rotate(-45deg);
}
@media screen and (max-width: 1200px) {
  .header .nav-top {
    flex-wrap: wrap;
    padding: 10px 0px 0px;
  }
  .header .menu-toggle-btn {
    display: flex;
  }
  .header .left-box {
    order: 1;
    gap: 16px;
  }
  .header .center-box {
    order: 3;
    width: 100%;
    flex: unset;
    margin-left: 0;
    max-height: 100px;
    overflow: hidden;
    transition: max-height 0.25s ease, opacity 0.25s ease;
  }
  .header .right-box {
    order: 2;
  }
  .header .right-box .search-toggle-btn {
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    border: none;
    background: none;
    cursor: pointer;
  }
  .header .right-box .search-toggle-btn .search-icon {
    width: 22px;
    height: 22px;
    color: var(--theme-color-text);
  }
  .header.search-toggle-visible .right-box .search-toggle-btn {
    display: flex;
  }
  .header.search-hidden .nav-top {
    padding: 10px 0px;
  }
  .header.search-hidden .center-box {
    max-height: 0;
    opacity: 0;
    pointer-events: none;
  }
}
.logo {
  position: relative;
  display: flex;
}
.logo svg {
  transition: all 0.3s;
  color: var(--theme-color-text);
  width: 187px;
  height: 56px;
}
.logo img {
  width: 187px;
  height: 56px;
}
.logo-de-eekhoorn {
  position: relative;
  display: flex;
}
.logo-de-eekhoorn svg {
  width: 90px;
  height: 120px;
}
.logo-de-eekhoorn img {
  width: 90px;
  height: 120px;
}
@media screen and (max-width: 1200px) {
  .logo svg {
    width: 170px;
    height: 48px;
  }
  .logo svg use {
    scale: 0.85;
  }
  .logo img {
    width: 170px;
    height: 48px;
  }
  .logo-de-eekhoorn {
    position: relative;
    display: flex;
  }
  .logo-de-eekhoorn svg {
    width: 72px;
    height: 96px;
  }
  .logo-de-eekhoorn img {
    width: 72px;
    height: 96px;
  }
}
@media screen and (max-width: 743px) {
  .logo svg {
    width: 122px;
    height: 37px;
  }
  .logo svg use {
    scale: 0.65;
  }
  .logo img {
    width: 122px;
    height: 37px;
  }
}
.search-box {
  --h-search-box: 48px;
  --m-w-search-box: 632px;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  max-width: var(--m-w-search-box);
  height: var(--h-search-box);
  padding: 0 8px 0 20px;
  border: 1px solid var(--color-neutral-300);
  border-radius: 8px;
  background: var(--color-pure-white);
  margin: 0px 20px;
}
.search-box .search-input {
  flex: 1;
  min-width: 0;
  border: none;
  outline: none;
  background: none;
  color: var(--theme-color-text);
}
.search-box .search-input::placeholder {
  color: var(--theme-color-muted);
}
.search-box .search-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border: none;
  background: none;
  cursor: pointer;
}
.search-box .search-icon {
  width: 22px;
  height: 22px;
  color: var(--theme-color-muted);
}
@media screen and (max-width: 1200px) {
  .search-box {
    --h-search-box: 44px;
    --m-w-search-box: 100%;
    margin: 4px 0px;
    padding: 0 20px 0 8px;
  }
  .search-box .search-btn {
    order: -1;
  }
}
.overlay {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 160;
  background: var(--overlay-color);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
.side-menu {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 225;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 500px;
  height: 100dvh;
  background: var(--color-pure-white);
  transform: translateX(-100%);
  transition: transform 0.3s ease;
  overflow: hidden;
}
.side-menu.active {
  transform: translateX(0);
}
.back-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  background: none;
  cursor: pointer;
  border: 1px solid var(--color-neutral-200);
  border-radius: 8px;
}
.back-btn .arrow-icon {
  width: 8px;
  height: 14px;
}
.side-menu-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 24px;
  border-bottom: 1px solid var(--color-neutral-200);
}
.side-menu-top .close-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin-left: auto;
  border: none;
  background: none;
  cursor: pointer;
}
.side-menu-top .close-btn .close-icon {
  width: 24px;
  height: 24px;
  color: var(--theme-color-text);
}
.side-menu-content {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}
.side-menu-bottom {
  flex-shrink: 0;
  background: var(--color-neutral-900);
  color: var(--color-pure-white);
}
.side-menu-bottom .account {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 24px 24px;
  color: var(--color-pure-white);
  text-decoration: none;
}
.side-menu-bottom .side-menu-localization {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 24px;
  border-top: 1px solid var(--color-neutral-700);
}
.side-menu-level {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: hidden;
  display: flex;
  flex-direction: column;
  list-style: none;
  background: var(--color-pure-white);
  transform: translateX(100%);
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
  pointer-events: none;
}
.side-menu-level::-webkit-scrollbar,
.side-menu-level::-webkit-scrollbar-track,
.side-menu-level::-webkit-scrollbar-thumb {
  display: block;
}
.side-menu-level::-webkit-scrollbar {
  width: 2px;
}
.side-menu-level::-webkit-scrollbar-track {
  box-shadow: inset 6px 6px 6px #ececec;
  border-radius: 3px;
  margin-top: 0;
  margin-bottom: 0;
}
.side-menu-level {
}
.side-menu-level::-webkit-scrollbar-thumb {
  background: var(--theme-color-scroll-thumb, var(--theme-color-text));
  border-radius: 3px;
}
.side-menu-level.before {
  transform: translateX(-100%);
}
.side-menu-level.active {
  transform: translateX(0);
  pointer-events: auto;
  z-index: 1;
}
.side-menu-level.scrollable {
  overflow-y: auto;
}
.side-menu-title {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px;
  border-bottom: 1px solid var(--color-neutral-200);
  cursor: pointer;
}
.side-menu-item.is-highlighted > a > .txt-body-m {
  color: var(--color-red-500);
}
.side-menu-level[data-depth="0"] > .side-menu-item {
  position: relative;
  padding: 8px 0px;
}
.side-menu-level[data-depth="0"] > .side-menu-item:after {
  content: "";
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 0;
  height: 1px;
  background-color: var(--color-neutral-150);
}
.side-menu-item a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  color: var(--theme-color-text);
  text-decoration: none;
}
.side-menu-item .plus-icon {
  width: 16px;
  height: 16px;
}
.side-menu-item .plus-icon svg {
  width: 16px;
  height: 16px;
  color: var(--theme-color-text);
}
.sidebar-country-language {
  font-family: var(--font-secondary, var(--font-body));
  position: fixed;
  z-index: -1;
  inset: 0;
  display: flex;
  opacity: 0;
  pointer-events: none;
  justify-content: flex-end;
  transition: opacity 0.3s, z-index 0s 0.3s;
}
.sidebar-country-language .bg {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
.sidebar-country-language .panel {
  position: relative;
  top: 0;
  z-index: 1;
  display: block;
  width: 100%;
  max-width: 500px;
  height: 100%;
  background-color: var(--color-neutral-50);
  color: var(--theme-color-text);
  transform: translate(100%);
  transition: transform 0.3s cubic-bezier(0.12, 0.67, 0.53, 1), opacity 0.3s cubic-bezier(0.12, 0.67, 0.53, 1);
}
.sidebar-country-language.open {
  opacity: 1;
  pointer-events: auto;
  z-index: 226;
  transition: opacity 0.3s, z-index 0s;
}
.sidebar-country-language.open .panel {
  transform: translate(0);
}
[dir=rtl] .sidebar-country-language {
  justify-content: flex-start;
}
[dir=rtl] .sidebar-country-language .panel {
  transform: translate(-100%);
}
[dir=rtl] .sidebar-country-language.open .panel {
  transform: translate(0);
}
.sidebar-country-language .inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.sidebar-country-language .header-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 32px;
  border-bottom: 1px solid var(--color-border-default);
}
.sidebar-country-language .header-wrapper .drawer-title {
  margin: 0;
}
.sidebar-country-language .bt-close-drawer {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .sidebar-country-language .bt-close-drawer:hover .icon {
    transform: rotate(90deg);
  }
}
.sidebar-country-language .bt-close-drawer .icon {
  transition: all 0.3s;
}
.sidebar-country-language .bt-close-drawer .icon,
.sidebar-country-language .bt-close-drawer svg {
  width: 24px;
  height: 24px;
}
.sidebar-country-language .body-wrapper {
  position: relative;
  flex-grow: 100;
  padding: 16px 32px 0;
  overflow: auto;
}
.sidebar-country-language .body-wrapper:after {
  content: "";
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  width: calc(100% - 24px);
  height: 64px;
  background:
    linear-gradient(
      to bottom,
      transparent,
      var(--color-neutral-50));
}
.sidebar-country-language .tabs-nav {
  border-bottom: 1px solid var(--color-border-default);
}
.sidebar-country-language .tabs-list {
  display: flex;
  gap: 8px;
}
.sidebar-country-language .tab-trigger {
  display: inline-flex;
  padding: 8px;
  border-bottom: 2px solid transparent;
}
.sidebar-country-language .tab-trigger.active {
  border-bottom-color: var(--theme-color-text);
}
.sidebar-country-language .tab-content {
  display: none;
  padding-block: 24px;
}
.sidebar-country-language .tab-content.active {
  display: block;
}
.sidebar-country-language .current-country {
  padding-bottom: 24px;
}
.sidebar-country-language .current-country .current-country-row {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
.sidebar-country-language .current-country .current-country-text {
  color: var(--color-neutral-500);
}
.sidebar-country-language .shipping-notice {
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid var(--color-border-default);
  color: var(--color-neutral-500);
}
.sidebar-country-language .language-list-item {
  position: relative;
  display: flex;
}
.sidebar-country-language .language-list-item label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  border-radius: 0;
  color: var(--theme-color-text);
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .sidebar-country-language .language-list-item label:hover {
    background-color: rgba(21, 21, 21, 0.05);
  }
}
@media (min-width: 1200px) {
  .sidebar-country-language .language-list-item label {
    padding-block: 8px;
    white-space: nowrap;
  }
}
.sidebar-country-language .language-radio {
  position: absolute;
  opacity: 0;
}
.sidebar-country-language .language-radio:checked + label {
  background-color: rgba(21, 21, 21, 0.05);
}
.sidebar-country-language .language-radio:checked + label:after {
  content: "";
  display: block;
  width: 10px;
  height: 5px;
  margin-top: -4px;
  margin-left: 24px;
  border-style: solid;
  border-width: 0 0 1px 1px;
  transform: rotate(-45deg);
}
[dir=rtl] .sidebar-country-language .language-radio:checked + label:after {
  margin-left: 0;
  margin-right: 24px;
}
.sidebar-country-language .language-label {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding-block: 4px;
  margin-bottom: 8px;
  cursor: pointer;
}
.sidebar-country-language .country-trigger {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 12px;
  padding-block: 6px;
  text-align: start;
}
.sidebar-country-language .country-name {
  margin-inline-end: auto;
}
.sidebar-country-language .country-currency {
  flex-shrink: 0;
  white-space: nowrap;
}
.footer {
  background: #212121;
  color: var(--color-pure-white);
  padding: 1px 0 35px;
}
.footer a {
  color: inherit;
}
.footer .info-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
  max-width: 1900px;
  margin: 0 auto;
  padding: 44px 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.footer .info-title {
  font-family: var(--font-display);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.4px;
  color: var(--color-pure-white);
  margin: 0;
}
.footer .bottom-wrapper {
  display: flex;
  flex-direction: column;
  gap: 32px;
  max-width: 1900px;
  margin: 0 auto;
  padding: 50px 16px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.footer .copyright-row {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.footer .copyright-row .localization {
  order: -1;
}
.footer .copyright-text {
  font-size: 16px;
  color: var(--color-pure-white);
  margin: 0;
}
.footer .policy-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
}
.footer .policy-links a {
  font-size: 16px;
  color: var(--color-pure-white);
  text-decoration: none;
}
.footer .policy-links a:hover {
  text-decoration: underline;
}
.footer .localization {
  display: flex;
  align-items: center;
  gap: 16px;
}
.localization-trigger {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  gap: 4px;
  height: auto;
  padding: 0;
  border: 0;
  background-color: transparent;
  color: inherit;
}
.localization-trigger .icon {
  width: 24px;
  height: 24px;
  fill: currentColor;
}
.localization-trigger .icon svg {
  width: 24px;
  height: 24px;
}
.localization-trigger .wt-flag-icon {
  height: 16px;
  width: auto;
  object-fit: cover;
  border-radius: 3px;
  box-shadow: 0 0 0 1px var(--color-border-default);
}
.localization-trigger__label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}
@media screen and (min-width: 750px) {
  .footer .info-row {
    grid-template-columns: repeat(2, 1fr);
    padding-left: 32px;
    padding-right: 32px;
  }
  .footer .bottom-wrapper {
    padding-left: 32px;
    padding-right: 32px;
  }
  .footer .copyright-row {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .footer .copyright-row .localization {
    order: 0;
  }
}
@media screen and (min-width: 990px) {
  .footer .info-row {
    grid-template-columns: repeat(4, 1fr);
  }
}
.footer-de-eekhoorn {
  font-family: var(--font-secondary, var(--font-body));
  background-color: #262624;
  color: #ffffff;
  padding-top: 48px;
}
.footer-de-eekhoorn a {
  color: inherit;
}
.footer-de-eekhoorn .footer-content {
  display: flex;
  flex-direction: column;
  gap: 40px;
  max-width: 1900px;
  margin: 0 auto;
  padding: 0 16px;
}
.footer-de-eekhoorn .footer-content .left-content {
  order: 2;
  margin-bottom: 40px;
}
.footer-de-eekhoorn .footer-content .right-content {
  order: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.footer-de-eekhoorn .footer-content .right-content .footer__connect {
  order: 2;
}
.footer-de-eekhoorn .footer-content .right-content .footer__bottom {
  order: 1;
  width: 100%;
}
.footer-de-eekhoorn .footer__logo {
  display: flex;
  justify-content: center;
}
.footer-de-eekhoorn .footer__logo .logo {
  display: inline-flex;
}
.footer-de-eekhoorn .footer__title {
  margin: 0 0 16px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  font-stretch: condensed;
  text-transform: uppercase;
  color: #ffffff;
}
.footer-de-eekhoorn .footer__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer-de-eekhoorn .footer__link {
  display: inline-block;
  min-width: 120px;
  margin-bottom: 8px;
  font-weight: 500;
  font-stretch: condensed;
  line-height: 1.4;
  color: #ffffff;
  text-decoration: none;
}
.footer-de-eekhoorn .footer__link:first-letter {
  text-transform: uppercase;
}
.footer-de-eekhoorn .footer__link:hover {
  text-decoration: underline;
}
.footer-de-eekhoorn .footer__bottom {
  max-width: 1900px;
  margin: 48px auto 0;
  padding: 24px 16px 32px;
  border-top: 2px solid #585755;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.footer-de-eekhoorn .footer__copyright {
  order: 2;
  font-size: 14px;
}
.footer-de-eekhoorn .footer__notices {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.footer-de-eekhoorn .footer__notices a {
  font-size: 14px;
  font-weight: 600;
  font-stretch: condensed;
  text-decoration: none;
}
.footer-de-eekhoorn .footer__notices a:hover {
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .footer-de-eekhoorn .footer-content {
    padding: 0 32px;
    gap: 0;
  }
  .footer-de-eekhoorn .footer-content .left-content {
    order: 2;
    margin-bottom: 40px;
  }
  .footer-de-eekhoorn .footer-content .right-content {
    order: 1;
  }
  .footer-de-eekhoorn .footer-content .right-content .footer__connect {
    order: 1;
  }
  .footer-de-eekhoorn .footer-content .right-content .footer__bottom {
    order: 2;
  }
  .footer-de-eekhoorn .footer__bottom {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media screen and (min-width: 1225px) {
  .footer-de-eekhoorn .footer-content {
    flex-direction: row;
    align-items: flex-start;
    padding: 0 70px;
  }
  .footer-de-eekhoorn .footer-content .left-content {
    order: 1;
    margin-bottom: 0;
  }
  .footer-de-eekhoorn .footer-content .right-content {
    order: 2;
  }
  .footer-de-eekhoorn .footer-content .right-content .footer__connect {
    order: 1;
  }
  .footer-de-eekhoorn .footer-content .right-content .footer__bottom {
    order: 2;
  }
  .footer-de-eekhoorn .footer__logo {
    justify-content: flex-start;
  }
  .footer-de-eekhoorn .footer__connect {
    margin-left: auto;
    max-width: 210px;
    min-width: 0;
  }
  .footer-de-eekhoorn .footer__bottom {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 24px 70px 32px;
  }
  .footer-de-eekhoorn .footer__copyright {
    order: 0;
  }
  .footer-de-eekhoorn .footer__notices {
    width: auto;
    justify-content: flex-start;
  }
  .footer-de-eekhoorn .footer__notices a:not(:last-child) {
    margin-right: 40px;
  }
}
.header-actions {
  display: flex;
  align-items: center;
  --w-h-ico: 44px;
}
.header-actions .shopping-cart {
  transition: color 0.3s ease, transform 0.3s ease;
  will-change: color, transform;
}
@media (hover: hover) and (pointer: fine) {
  .header-actions .shopping-cart:hover {
    transform: translateY(-4px);
  }
}
.header-actions .shopping-cart.active::before {
  content: attr(data-count-item);
  border: solid 1px var(--theme-color-1);
  display: flex;
  padding: 3px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: var(--theme-color-1);
  font-size: 10px;
  line-height: 10px;
  font-weight: 400;
  color: var(--color-pure-white);
  min-width: 20px;
  height: 20px;
  position: absolute;
  right: 0px;
  top: 2px;
  z-index: 1;
}
.header-actions .shopping-cart .cart {
  width: var(--w-h-ico);
  height: var(--w-h-ico);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.header-actions .shopping-cart .cart svg {
  width: 26px;
  height: 24px;
  color: var(--theme-color-text);
}
.header-actions .account {
  transition: color 0.3s ease, transform 0.3s ease;
  will-change: color, transform;
}
@media (hover: hover) and (pointer: fine) {
  .header-actions .account:hover {
    transform: translateY(-4px);
  }
}
.header-actions .account .account-icon {
  width: var(--w-h-ico);
  height: var(--w-h-ico);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.header-actions .account .account-icon svg {
  width: 44px;
  height: 44px;
  color: var(--theme-color-text);
}
.header-actions .wishlist {
  transition: color 0.3s ease, transform 0.3s ease;
  will-change: color, transform;
}
@media (hover: hover) and (pointer: fine) {
  .header-actions .wishlist:hover {
    transform: translateY(-4px);
  }
}
.header-actions .wishlist.active::before {
  content: attr(data-count-item);
  border: solid 1px var(--theme-color-1);
  display: flex;
  padding: 3px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: var(--theme-color-1);
  font-size: 10px;
  line-height: 10px;
  font-weight: 400;
  color: var(--color-pure-white);
  min-width: 20px;
  height: 20px;
  position: absolute;
  right: 0px;
  top: 2px;
  z-index: 1;
}
.header-actions .wishlist .wishlist-icon {
  width: var(--w-h-ico);
  height: var(--w-h-ico);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.header-actions .wishlist .wishlist-icon svg {
  width: 34px;
  height: 34px;
  color: var(--theme-color-text);
}
.header-actions .wishlist .wishlist-icon svg use {
  scale: 1.5;
}
@media screen and (max-width: 743px) {
  .header-actions {
    --w-h-ico: 38px;
  }
}
.review {
  display: flex;
  align-items: center;
  gap: 2px;
}
.review[data-is-small="1"] {
  margin: 0 16px;
}
.review[data-is-small="1"] .review-icon {
  width: 15px;
  height: 20px;
  margin-bottom: 16px;
}
.review[data-is-small="0"] .review-icon {
  width: 24px;
  height: 24px;
  margin: 0 8px 0 4px;
}
.review span:last-child {
  text-decoration: underline;
}
@media screen and (max-width: 743px) {
  .review[data-is-small="1"] {
    display: none;
  }
}
.menu {
  padding: 0 32px;
}
@media (max-width: 1200px) {
  .menu {
    display: none;
  }
}
@media (hover: hover) and (pointer: fine) {
  .menu:has(.nav-item.has-flyout:hover) .menu-overlay {
    opacity: 1;
    visibility: visible;
  }
}
.menu-overlay {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 100vh;
  z-index: -1;
  background: var(--overlay-color);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
.menu-list {
  border-top: 1px solid var(--color-neutral-200);
  display: flex;
  align-items: center;
  list-style: none;
}
.nav-item {
  position: relative;
  padding: 0 20px;
  cursor: pointer;
}
.nav-item.is-highlighted > .nav-item-link > .txt {
  color: var(--color-red-500);
}
.nav-item-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 16px 0;
  color: var(--theme-color-text);
  text-decoration: none;
}
.nav-item-link .txt {
  position: relative;
  overflow: hidden;
}
.nav-item-link .txt:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.1em;
  background-color: var(--theme-color-text);
  opacity: 0;
  transition: opacity 0.4s, transform 0.4s;
  transform: translate3d(-100%, 0, 0);
}
@media (hover: hover) and (pointer: fine) {
  .nav-item-link:hover .txt:after {
    opacity: 1;
    transform: translateZ(0);
  }
}
.nav-item .arr-down {
  width: 14px;
  height: 14px;
  transition: transform 0.2s ease;
}
.nav-item .arr-down svg {
  width: 14px;
  height: 14px;
  color: var(--theme-color-text);
}
@media (hover: hover) and (pointer: fine) {
  .nav-item.has-flyout:hover > .nav-flyout {
    opacity: 1;
    visibility: visible;
  }
}
.nav-flyout {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  position: absolute;
  top: 100%;
  left: -36px;
  z-index: 50;
}
.nav-flyout__list {
  position: relative;
  padding-top: 20px;
  display: flex;
  flex-direction: column;
  min-width: 260px;
  background: var(--color-neutral-50);
  list-style: none;
  height: 100dvh;
}
.nav-flyout__item > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: var(--theme-color-text);
  text-decoration: none;
  white-space: nowrap;
  height: 40px;
  padding: 0 24px;
  transition: color 0.2s ease;
}
@media (hover: hover) and (pointer: fine) {
  .nav-flyout__item:hover > a {
    color: var(--theme-color-muted);
  }
}
@media (hover: hover) and (pointer: fine) {
  .nav-flyout__item.has-children:hover > .nav-flyout__submenu {
    opacity: 1;
    visibility: visible;
  }
}
.nav-flyout__submenu {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  position: absolute;
  top: 0;
  left: 100%;
  height: 100%;
}
.nav-item:not(:first-child) .nav-flyout__item {
  position: relative;
}
.nav-item:not(:first-child) .nav-flyout__item > a > .txt {
  position: relative;
  overflow: hidden;
}
.nav-item:not(:first-child) .nav-flyout__item > a > .txt:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.1em;
  background-color: var(--theme-color-muted);
  opacity: 0;
  transition: opacity 0.4s, transform 0.4s;
  transform: translate3d(-100%, 0, 0);
}
@media (hover: hover) and (pointer: fine) {
  .nav-item:not(:first-child) .nav-flyout__item:hover > a > .txt:after {
    opacity: 1;
    transform: translateZ(0);
  }
}
.nav-item:not(:first-child) .nav-flyout__list {
  height: auto;
  padding-bottom: 20px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.nav-item:not(:first-child) .nav-flyout__submenu {
  height: auto;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: var(--shadow-flyout);
}
.nav-item:not(:first-child) .nav-flyout__submenu .nav-flyout__list {
  padding-top: 0px;
  padding-bottom: 0px;
}
.shop-notification-banner {
  position: relative;
  z-index: 1;
  max-height: 60px;
  overflow: hidden;
  transition: max-height 0.25s ease, opacity 0.25s ease;
}
.shop-notification-banner.hidden {
  display: none;
}
.header.notification-hidden .shop-notification-banner {
  max-height: 0;
  opacity: 0;
  pointer-events: none;
}
.shop-notification-banner .maintenance-message {
  background-color: var(--color-maintenance, var(--theme-color-1));
  border-bottom: none;
  justify-content: center;
  padding: 0px;
  min-height: 30px;
}
.shop-notification-banner .maintenance-message .message-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.shop-notification-banner .maintenance-message p,
.shop-notification-banner .maintenance-message span {
  color: var(--color-pure-white);
  margin: 0;
  font-size: 14px;
  overflow: hidden;
}
.shop-notification-banner .maintenance-message p svg,
.shop-notification-banner .maintenance-message span svg {
  width: 12px;
  height: 12px;
  fill: var(--color-pure-white);
}
.shop-notification-banner .maintenance-message a {
  color: var(--color-pure-white);
  position: relative;
  overflow: hidden;
}
.shop-notification-banner .maintenance-message a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.5px;
  background-color: var(--color-pure-white);
  opacity: 0;
  transition: opacity 0.4s, transform 0.4s;
  transform: translate3d(-100%, 0, 0);
}
@media (hover: hover) and (pointer: fine) {
  .shop-notification-banner .maintenance-message a:hover:after {
    opacity: 1;
    transform: translateZ(0);
  }
}
.shop-notification-banner .close-btn {
  position: absolute;
  right: 16px;
  top: 6px;
  z-index: 101;
  cursor: pointer;
}
.shop-notification-banner .close-btn img {
  position: relative;
  width: 10px;
  height: 10px;
  filter: brightness(0) invert(1);
}
@media screen and (max-width: 1200px) {
  .shop-notification-banner .close-btn {
    display: none;
  }
  .shop-notification-banner .maintenance-message.active.desktop {
    display: none;
  }
  .shop-notification-banner .maintenance-message.active.mobile {
    display: none;
  }
  .shop-notification-banner .maintenance-message.active.tablet {
    top: 0;
    opacity: 1;
    display: flex;
  }
  .shop-notification-banner .maintenance-message.active.tablet:not(.fixed) {
    position: relative;
  }
  .shop-notification-banner .maintenance-message.active.tablet ~ .close-btn {
    display: block;
  }
}
@media screen and (max-width: 743px) {
  .shop-notification-banner .close-btn {
    display: none;
  }
  .shop-notification-banner .maintenance-message.active.desktop {
    display: none;
  }
  .shop-notification-banner .maintenance-message.active.tablet {
    display: none;
  }
  .shop-notification-banner .maintenance-message.active.mobile {
    top: 0;
    opacity: 1;
    display: flex;
  }
  .shop-notification-banner .maintenance-message.active.mobile:not(.fixed) {
    position: relative;
  }
  .shop-notification-banner .maintenance-message.active.mobile ~ .close-btn {
    display: block;
  }
}
.collapsed-content {
  border-bottom: 1px solid var(--color-border-default);
}
.collapsed-content .collapsed-bt {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 24px 0;
  background: none;
  border: none;
  text-align: left;
  cursor: pointer;
}
.collapsed-content .collapsed-bt .detail-wrapper {
  display: flex;
  align-items: center;
  gap: 24px;
}
.collapsed-content .collapsed-bt .detail-wrapper .selected-detail {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--color-green-500, #65b32e);
  max-width: 260px;
}
@media (max-width: 743px) {
  .collapsed-content .collapsed-bt .detail-wrapper .selected-detail {
    max-width: 150px;
  }
}
.collapsed-content .collapsed-bt .detail-wrapper .selected-detail .txt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.collapsed-content .collapsed-bt .detail-wrapper .selected-detail .icon {
  height: 24px;
  width: 24px;
}
.collapsed-content .collapsed-bt .detail-wrapper .selected-detail .icon svg {
  height: 24px;
  width: 24px;
  display: block;
}
.collapsed-content .collapsed-bt .detail-wrapper .collapsed-icon {
  position: relative;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.collapsed-content .collapsed-bt .detail-wrapper .collapsed-icon .line {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 1px;
  background-color: var(--theme-color-text);
  transform: translate(-50%, -50%);
  transition: transform 0.2s ease-in-out;
}
.collapsed-content .collapsed-bt .detail-wrapper .collapsed-icon .line:last-child {
  transform: translate(-50%, -50%) rotate(90deg);
}
.collapsed-content .expanded-content {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  transition: grid-template-rows 0.3s ease-in-out, padding-bottom 0.3s ease-in-out;
}
.collapsed-content .expanded-content .content-inner {
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.collapsed-content[expand="1"] .collapsed-bt .collapsed-icon .line:last-child {
  transform: translate(-50%, -50%) rotate(0deg);
}
.collapsed-content[expand="1"] .expanded-content {
  grid-template-rows: 1fr;
  padding-bottom: 20px;
}
.content-with-read-more {
  --line-height: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.content-with-read-more[expand="0"] .content-txt {
  grid-template-rows: calc(var(--line-max) * var(--line-height));
}
.content-with-read-more[expand="0"] .content-txt .content-with-read-more-wrapper {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--line-max);
  overflow: hidden;
}
.content-with-read-more[expand="0"] .read-less {
  display: none;
}
.content-with-read-more[expand="1"] .content-txt {
  grid-template-rows: 1fr;
}
.content-with-read-more[expand="1"] .read-more {
  display: none;
}
.content-with-read-more .content-txt {
  line-height: var(--line-height);
  display: grid;
  overflow: hidden;
  transition: grid-template-rows 0.3s ease-in-out;
}
.content-with-read-more .content-txt .content-with-read-more-wrapper {
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.content-with-read-more .about-desc {
  display: flex;
  gap: 16px;
}
.content-with-read-more .read-more,
.content-with-read-more .read-less {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  color: var(--color-dark-chocolate);
}
.content-with-read-more .read-more:after,
.content-with-read-more .read-less:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background-color: var(--color-dark-chocolate);
  left: 0;
  bottom: 0;
}
.content-with-read-more .read-more:hover:after,
.content-with-read-more .read-less:hover:after {
  animation: line-slide 0.4s linear forwards;
}
.header-de-eekhoorn {
  font-family: var(--font-secondary, var(--font-body));
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 150;
  background: var(--color-pure-white);
  --logo-width: 90px;
  --main-bar-content-height: 40px;
  --controls-bar-height: 72px;
  --menu-open-header-height: 112px;
  --logo-spacing: 2rem;
  transition: box-shadow 0.3s ease-in-out;
}
.header-de-eekhoorn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: var(--main-bar-content-height);
  width: 100%;
  background-color: var(--color-grey-1);
  z-index: -1;
}
@media (max-width: 1200px) {
  .header-de-eekhoorn::before {
    display: none;
  }
}
.header-de-eekhoorn .header-wrapper {
  display: grid;
  grid-template-columns: 1fr var(--logo-width) 1fr;
  grid-template-areas: "top-bar-left logo-box top-bar-right" "center-left logo-box center-right" "menu-bottom menu-bottom menu-bottom";
  margin: 0 auto;
  width: 100%;
  height: 100%;
  z-index: 1;
  max-width: min(100% - var(--container-padding, 32px) * 2, var(--container-max-width, 1410px));
}
@media (max-width: 1200px) {
  .header-de-eekhoorn .header-wrapper {
    --container-padding: 16px;
    grid-template-columns: 72px 1fr;
    grid-template-rows: auto auto auto;
    grid-template-areas: "logo-box top-bar-right" "logo-box controls" "search-full-slot search-full-slot";
    row-gap: 0;
    column-gap: 12px;
    align-items: center;
  }
}
.header-de-eekhoorn .header-wrapper .logo-box {
  grid-area: logo-box;
}
@media (max-width: 1200px) {
  .header-de-eekhoorn .header-wrapper .logo-box {
    place-self: start;
  }
}
.header-de-eekhoorn .header-wrapper .top-bar-left {
  grid-area: top-bar-left;
}
.header-de-eekhoorn .header-wrapper .top-bar-right {
  grid-area: top-bar-right;
}
.header-de-eekhoorn .header-wrapper .center-left {
  grid-area: center-left;
}
.header-de-eekhoorn .header-wrapper .center-right {
  grid-area: center-right;
}
.header-de-eekhoorn .header-wrapper .menu-bottom {
  grid-area: menu-bottom;
}
.header-de-eekhoorn .logo-box {
  transform: translateY(0);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.header-de-eekhoorn .promo-text-left,
.header-de-eekhoorn .promo-text-right {
  font-family: var(--font-third, var(--font-body));
}
.header-de-eekhoorn .promo-text-right {
  width: 100%;
}
.header-de-eekhoorn .top-bar-right {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: var(--main-bar-content-height);
  padding-left: var(--logo-spacing);
}
@media (max-width: 1200px) {
  .header-de-eekhoorn .top-bar-right {
    padding-left: 12px;
  }
  .header-de-eekhoorn .top-bar-right .header-action-de-eekhoorn {
    display: none;
  }
}
@media (max-width: 1200px) {
  .header-de-eekhoorn.menu-open .top-bar-right {
    position: absolute;
    top: 0;
    opacity: 0;
    transform: translateY(-100%);
    pointer-events: none;
  }
}
.header-de-eekhoorn .top-bar-left {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: var(--main-bar-content-height);
  padding-right: var(--logo-spacing);
}
@media (max-width: 1200px) {
  .header-de-eekhoorn .top-bar-left {
    display: none;
  }
}
.header-de-eekhoorn .center-left {
  display: flex;
  align-items: flex-end;
  margin-right: auto;
  margin-left: 0;
}
@media (max-width: 1200px) {
  .header-de-eekhoorn .center-left {
    display: none;
  }
}
.header-de-eekhoorn .menu-bottom {
  padding-top: 20px;
  transition: padding-top 0.3s ease-in-out;
}
@media (max-width: 1200px) {
  .header-de-eekhoorn .menu-bottom {
    display: none;
  }
}
.header-de-eekhoorn .center-right {
  display: flex;
  align-items: flex-end;
  margin-right: 0;
  margin-left: auto;
  margin-bottom: 8px;
}
@media (max-width: 1200px) {
  .header-de-eekhoorn .center-right {
    display: contents;
  }
}
@media (max-width: 1200px) {
  .header-de-eekhoorn .center-right .search-box-de-eekhoorn {
    grid-area: search-full-slot;
    margin-bottom: 16px;
  }
}
.header-de-eekhoorn .center-right .controls-de-eekhoorn {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media (max-width: 1200px) {
  .header-de-eekhoorn .center-right .controls-de-eekhoorn {
    grid-area: controls;
    height: var(--controls-bar-height);
  }
}
.header-de-eekhoorn .center-right .controls-de-eekhoorn .language-picker-de-eekhoorn {
  display: none;
}
.header-de-eekhoorn .center-right .controls-list-de-eekhoorn {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.header-de-eekhoorn .center-right .search-toggle-icon {
  display: none;
  transition: color 0.3s ease, transform 0.3s ease;
  will-change: color, transform;
}
@media (hover: hover) and (pointer: fine) {
  .header-de-eekhoorn .center-right .search-toggle-icon:hover {
    transform: translateY(-4px);
  }
}
.header-de-eekhoorn .center-right .search-toggle-icon {
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
}
@media (max-width: 1200px) {
  .header-de-eekhoorn .center-right .search-toggle-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
  }
}
.header-de-eekhoorn .center-right .search-toggle-icon .search-icon {
  width: 22px;
  height: 22px;
  color: var(--color-grey-de-eekhoorn);
}
.header-de-eekhoorn .center-right .search-toggle-icon .search-icon svg {
  width: 22px;
  height: 22px;
  color: var(--color-grey-de-eekhoorn);
}
.header-de-eekhoorn .center-right .wishlist {
  --w-h-ico: 44px;
  transition: color 0.3s ease, transform 0.3s ease;
  will-change: color, transform;
}
@media (hover: hover) and (pointer: fine) {
  .header-de-eekhoorn .center-right .wishlist:hover {
    transform: translateY(-4px);
  }
}
.header-de-eekhoorn .center-right .wishlist.active::before {
  content: attr(data-count-item);
  border: solid 1px var(--theme-color-1);
  display: flex;
  padding: 3px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: var(--theme-color-1);
  font-size: 10px;
  line-height: 10px;
  font-weight: 400;
  color: var(--color-pure-white);
  min-width: 20px;
  height: 20px;
  position: absolute;
  right: 0px;
  top: 2px;
  z-index: 1;
}
.header-de-eekhoorn .center-right .wishlist .wishlist-icon {
  width: var(--w-h-ico);
  height: var(--w-h-ico);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.header-de-eekhoorn .center-right .wishlist .wishlist-icon svg {
  width: 34px;
  height: 34px;
  color: var(--color-neutral-500);
}
.header-de-eekhoorn .center-right .wishlist .wishlist-icon svg use {
  scale: 1.5;
}
.header-de-eekhoorn .center-right .menu-toggle-btn {
  display: none;
}
@media (max-width: 1200px) {
  .header-de-eekhoorn .center-right .menu-toggle-btn {
    display: block;
  }
}
@media (max-width: 1200px) {
  .header-de-eekhoorn.menu-open .header-wrapper {
    height: var(--menu-open-header-height);
    grid-template-rows: var(--menu-open-header-height);
    grid-template-areas: "logo-box controls";
  }
}
@media (max-width: 1200px) {
  .header-de-eekhoorn.menu-open .search-box-de-eekhoorn {
    display: none;
  }
}
@media (max-width: 1200px) {
  .header-de-eekhoorn.menu-open .search-toggle-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    visibility: visible;
  }
}
@media (max-width: 1200px) {
  .header-de-eekhoorn.menu-open .controls-de-eekhoorn .language-picker-de-eekhoorn {
    display: block;
  }
}
@media (max-width: 1200px) {
  .header-de-eekhoorn.is-scrolled.menu-open .logo-box {
    position: static;
    top: auto;
    z-index: auto;
  }
}
.header-de-eekhoorn.is-scrolled {
  box-shadow: var(--shadow-header-scrolled);
}
@media (min-width: 1201px) {
  .header-de-eekhoorn.is-scrolled .top-bar-left,
  .header-de-eekhoorn.is-scrolled .top-bar-right,
  .header-de-eekhoorn.is-scrolled .center-left {
    position: absolute;
    opacity: 0;
    pointer-events: none;
  }
  .header-de-eekhoorn.is-scrolled .logo-box {
    position: absolute;
    opacity: 0;
    transform: translateY(-100%);
    pointer-events: none;
    transition: none;
  }
  .header-de-eekhoorn.is-scrolled .center-right {
    grid-area: menu-bottom;
    justify-self: end;
    align-self: center;
    margin-left: 0;
    position: relative;
    background-color: var(--color-pure-white);
    z-index: 1;
    padding-left: 32px;
    margin-bottom: 0px;
  }
  .header-de-eekhoorn.is-scrolled .center-right::after {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    left: -20px;
    background:
      linear-gradient(
        to right,
        rgba(255, 255, 255, 0) 0%,
        var(--color-pure-white) 100%);
  }
  .header-de-eekhoorn.is-scrolled .menu-bottom {
    padding-top: 28px;
    pointer-events: none;
  }
  .header-de-eekhoorn.is-scrolled .menu-de-eekhoorn {
    pointer-events: none;
  }
  .header-de-eekhoorn.is-scrolled .menu-list-de-eekhoorn {
    pointer-events: auto;
  }
  .header-de-eekhoorn.is-scrolled .search-box-de-eekhoorn {
    max-width: 32px;
    padding: 0;
    gap: 0;
    overflow: hidden;
    border-color: transparent;
    background: transparent;
    transition:
      max-width 0.3s ease-in-out,
      border-color 0.3s ease-in-out,
      padding 0.3s ease-in-out;
  }
  .header-de-eekhoorn.is-scrolled .search-box-de-eekhoorn .search-input {
    flex: 0;
    width: 0;
    opacity: 0;
    pointer-events: none;
    transition: width 0.3s ease-in-out, opacity 0.2s ease-in-out;
  }
  .header-de-eekhoorn.is-scrolled .search-box-de-eekhoorn.is-open {
    max-width: var(--m-w-search-box);
    padding: 0 16px;
    gap: 8px;
    border-color: var(--color-grey-2);
    background: var(--color-pure-white);
  }
  .header-de-eekhoorn.is-scrolled .search-box-de-eekhoorn.is-open .search-input {
    flex: 1;
    width: 100%;
    opacity: 1;
    pointer-events: auto;
  }
  .header-de-eekhoorn.is-scrolled .search-box-de-eekhoorn.is-open .search-close-btn {
    display: flex;
  }
}
@media (min-width: 1201px) {
  .header-de-eekhoorn.is-scrolled::before {
    display: none;
  }
}
@media (max-width: 1200px) {
  .header-de-eekhoorn.is-scrolled .top-bar-right {
    position: absolute;
    opacity: 0;
    transform: translateY(-100%);
    pointer-events: none;
  }
  .header-de-eekhoorn.is-scrolled .logo-box {
    position: absolute;
    z-index: 2;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    top: 0px;
  }
  .header-de-eekhoorn.is-scrolled .search-box-de-eekhoorn {
    position: absolute;
    opacity: 0;
    transform: translateY(-100%);
    pointer-events: none;
  }
  .header-de-eekhoorn.is-scrolled .search-toggle-icon {
    opacity: 1;
    visibility: visible;
  }
}
@media (max-width: 1200px) {
  .header-de-eekhoorn.is-scrolled.search-open .search-box-de-eekhoorn {
    position: absolute;
    top: 50%;
    left: 16px;
    right: 16px;
    width: auto;
    opacity: 1;
    transform: translateY(-50%);
    pointer-events: auto;
    z-index: 2;
    background: var(--color-pure-white);
  }
  .header-de-eekhoorn.is-scrolled.search-open .search-box-de-eekhoorn .search-close-btn {
    display: flex;
  }
  .header-de-eekhoorn.is-scrolled.search-open .controls-list-de-eekhoorn {
    opacity: 0;
    pointer-events: none;
  }
  .header-de-eekhoorn.is-scrolled.search-open .logo-box {
    opacity: 0;
    transform: translateY(-100%);
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    pointer-events: none;
  }
}
.header-de-eekhoorn .menu-toggle-btn {
  position: relative;
  width: 20px;
  height: 18px;
  align-self: center;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
}
.header-de-eekhoorn .menu-toggle-btn .bar {
  display: block;
  position: absolute;
  right: 0;
  height: 2px;
  background-color: var(--color-grey-de-eekhoorn);
  border-radius: 1em;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}
.header-de-eekhoorn .menu-toggle-btn .bar:nth-child(1) {
  top: 0;
  width: 58.33%;
}
.header-de-eekhoorn .menu-toggle-btn .bar:nth-child(2),
.header-de-eekhoorn .menu-toggle-btn .bar:nth-child(3) {
  top: calc(50% - 1px);
  width: 79.16%;
}
.header-de-eekhoorn .menu-toggle-btn .bar:nth-child(4) {
  top: calc(100% - 2px);
  width: 100%;
}
@media (hover: hover) and (pointer: fine) {
  .header-de-eekhoorn .menu-toggle-btn:hover .bar {
    background-color: var(--theme-color-text);
  }
}
.header-de-eekhoorn .menu-toggle-btn.active {
  transform: scale(1.2);
  transform-origin: right;
}
.header-de-eekhoorn .menu-toggle-btn.active .bar:nth-child(1),
.header-de-eekhoorn .menu-toggle-btn.active .bar:nth-child(4) {
  top: 50%;
  width: 0;
  right: 50%;
}
.header-de-eekhoorn .menu-toggle-btn.active .bar:nth-child(2) {
  transform: rotate(-45deg);
}
.header-de-eekhoorn .menu-toggle-btn.active .bar:nth-child(3) {
  transform: rotate(45deg);
}
.menu-de-eekhoorn {
  display: flex;
  align-items: center;
}
.menu-de-eekhoorn .menu-overlay-de {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 100vh;
  z-index: -1;
  background: var(--overlay-color);
}
@media (max-width: 1200px) {
  .menu-de-eekhoorn {
    display: none;
  }
}
@media (hover: hover) and (pointer: fine) {
  .menu-de-eekhoorn:has(.nav-item-de-eekhoorn.has-flyout:hover) .menu-overlay-de {
    opacity: 1;
    visibility: visible;
  }
}
.menu-list-de-eekhoorn {
  display: flex;
}
.menu-list-de-eekhoorn.block-first .nav-item-de-eekhoorn:last-child .nav-item-de-eekhoorn-link,
.menu-list-de-eekhoorn.block-second .nav-item-de-eekhoorn:last-child .nav-item-de-eekhoorn-link {
  position: relative;
}
.menu-list-de-eekhoorn.block-first .nav-item-de-eekhoorn:last-child .nav-item-de-eekhoorn-link::before,
.menu-list-de-eekhoorn.block-second .nav-item-de-eekhoorn:last-child .nav-item-de-eekhoorn-link::before {
  content: "";
  position: absolute;
  top: 12px;
  right: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 24px;
  background: var(--color-neutral-200);
}
.menu-list-de-eekhoorn.block-first .nav-item-de-eekhoorn:first-child .nav-item-de-eekhoorn-link {
  padding: 0 16px 24px 0;
}
.nav-item-de-eekhoorn {
  cursor: pointer;
}
.nav-item-de-eekhoorn .nav-item-de-eekhoorn-link .txt {
  font-size: clamp(1rem, -0.7702rem + 2.1505vw, 1.125rem);
  font-weight: 500;
}
.nav-item-de-eekhoorn.is-highlighted > .nav-item-de-eekhoorn-link > .txt {
  color: var(--color-red-500);
}
.nav-item-de-eekhoorn-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 20px 24px;
  color: var(--theme-color-text);
  text-decoration: none;
}
.nav-item-de-eekhoorn-link::after {
  position: absolute;
  content: "";
  height: 2px;
  bottom: 3px;
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 95%;
  background: var(--theme-color-text);
  opacity: 0;
  transition: 0.5s;
}
@media (hover: hover) and (pointer: fine) {
  .nav-item-de-eekhoorn-link:hover::after {
    opacity: 1;
  }
}
.nav-item-de-eekhoorn .nav-flyout-de-eekhoorn {
  max-width: 100%;
  height: 434px;
  width: 100%;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 0;
  opacity: 0;
  visibility: hidden;
  background-color: var(--color-pure-white);
}
@media (hover: hover) and (pointer: fine) {
  .nav-item-de-eekhoorn.has-flyout:hover > .nav-flyout-de-eekhoorn {
    opacity: 1;
    visibility: visible;
  }
}
.nav-item-de-eekhoorn .second-box {
  display: flex;
  flex-direction: row;
  margin: 0 auto;
  padding-top: 40px;
  width: 100%;
  height: 100%;
  max-width: min(100% - var(--container-padding, 32px) * 2, var(--container-max-width, 1410px));
}
.nav-item-de-eekhoorn .second-box:not(:has(.image-menu)) {
  flex-direction: column;
}
.nav-item-de-eekhoorn .second-box .menu-items {
  min-width: 210px;
  margin-right: 150px;
  width: fit-content;
}
.nav-item-de-eekhoorn .second-box .menu-items .item .txt {
  position: relative;
  color: var(--theme-color-text);
  --typeface-font-weight-body-m: 500;
}
.nav-item-de-eekhoorn .second-box .menu-items .item .txt::after {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  border-radius: 5px;
  height: 0.1em;
  bottom: 0;
  left: 0;
  background: currentcolor;
  transform-origin: bottom right;
  transition: transform 0.3s ease-out;
}
.nav-item-de-eekhoorn .second-box .menu-items .item:hover .txt::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
.nav-item-de-eekhoorn .second-box .menu-items .child,
.nav-item-de-eekhoorn .second-box .menu-items .children {
  margin-top: 16px;
  position: relative;
  display: flex;
}
.nav-item-de-eekhoorn .second-box .menu-items .hr {
  margin-top: 24px;
  border: none;
  border-top: 1px solid var(--color-grey-2);
}
.nav-item-de-eekhoorn .second-box .menu-items .children-normal {
  height: 252px;
  overflow-y: auto;
}
.nav-item-de-eekhoorn .second-box .menu-items .children-normal::-webkit-scrollbar,
.nav-item-de-eekhoorn .second-box .menu-items .children-normal::-webkit-scrollbar-track,
.nav-item-de-eekhoorn .second-box .menu-items .children-normal::-webkit-scrollbar-thumb {
  display: block;
}
.nav-item-de-eekhoorn .second-box .menu-items .children-normal::-webkit-scrollbar {
  width: 6px;
}
.nav-item-de-eekhoorn .second-box .menu-items .children-normal::-webkit-scrollbar-track {
  box-shadow: inset 6px 6px 6px #ececec;
  border-radius: 3px;
  margin-top: 8px;
  margin-bottom: 8px;
}
.nav-item-de-eekhoorn .second-box .menu-items .children-normal {
}
.nav-item-de-eekhoorn .second-box .menu-items .children-normal::-webkit-scrollbar-thumb {
  background: var(--theme-color-scroll-thumb, var(--theme-color-text));
  border-radius: 3px;
}
.nav-item-de-eekhoorn .second-box .group-items {
  display: flex;
  grid-gap: 24px;
  height: max-content;
}
.nav-item-de-eekhoorn .second-box .group-items .children-image {
  height: 296px;
  width: 296px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  clip-path: polygon(-1px -1px, 101% -1px, 100% calc(100% - 25px), calc(100% - 40px) 100%, -1px 100%);
}
@media (min-width: 1610px) {
  .nav-item-de-eekhoorn .second-box .group-items .children-image {
    height: 330px;
    width: 330px;
  }
}
.nav-item-de-eekhoorn .second-box .group-items .children-image .img-menu {
  transition: all 0.2s ease-in-out;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media (hover: hover) and (pointer: fine) {
  .nav-item-de-eekhoorn .second-box .group-items .children-image:hover .img-menu {
    transform: scale(1.1);
  }
}
.nav-item-de-eekhoorn .second-box .group-items .children-image .txt-highlighted {
  height: 24px;
  padding: 16px;
}
.nav-item-de-eekhoorn .second-box .group-items .children-image .txt-highlighted .txt-header-announcement {
  background-color: var(--color-grey-de-eekhoorn);
  border-radius: 12px;
  text-align: center;
  padding: 2px 16px;
  text-transform: uppercase;
  color: var(--color-pure-white);
}
.nav-item-de-eekhoorn .second-box .group-items .children-image .title {
  display: flex;
  height: max-content;
  align-items: flex-end;
  transition: all 0.2s ease-in-out;
  background-image:
    linear-gradient(
      to top,
      rgba(0, 0, 0, 0.4) 50%,
      rgba(0, 0, 0, 0));
  padding: 16px;
}
.nav-item-de-eekhoorn .second-box .group-items .children-image .title .heading-h3 {
  text-transform: uppercase;
  color: var(--color-pure-white);
}
.sub-menu-de-eekhoorn {
  margin-bottom: 22px;
}
@media (max-width: 1200px) {
  .sub-menu-de-eekhoorn {
    display: none;
  }
}
.sub-menu-de-eekhoorn-list {
  display: flex;
  align-items: center;
  list-style: none;
}
.sub-menu-de-eekhoorn-item {
  position: relative;
  cursor: pointer;
  margin-right: 2rem;
}
.sub-menu-de-eekhoorn-item-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0;
  border: none;
  background: none;
  color: var(--theme-color-text);
  text-decoration: none;
  cursor: pointer;
}
.sub-menu-de-eekhoorn-item-link .txt {
  text-transform: uppercase;
  --typeface-font-weight-body-m: 500;
}
.sub-menu-de-eekhoorn-item .arr-down {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: var(--color-grey-de-eekhoorn);
  transition: transform 0.2s ease-in-out;
  position: relative;
  top: -2px;
}
.sub-menu-de-eekhoorn-item .arr-down svg {
  display: block;
  width: 100%;
  height: 100%;
}
.sub-menu-de-eekhoorn-item .nav-flyout-de-eekhoorn {
  position: absolute;
  z-index: 2;
  top: 100%;
  left: 0;
  width: auto;
  height: auto;
  max-width: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
  background-color: var(--color-pure-white);
}
.sub-menu-de-eekhoorn-item .nav-flyout-de-eekhoorn__list {
  display: flex;
  flex-direction: column;
  height: auto;
  padding: 12px 0;
  min-width: 180px;
  box-shadow: var(--shadow-flyout);
}
.sub-menu-de-eekhoorn-item .nav-flyout-de-eekhoorn__submenu {
  position: relative;
  height: auto;
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 4px 0;
}
.sub-menu-de-eekhoorn-item .nav-flyout-de-eekhoorn__submenu:not(:last-child) {
  margin-bottom: 8px;
  padding-bottom: 12px;
}
.sub-menu-de-eekhoorn-item .nav-flyout-de-eekhoorn__submenu:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 0;
  height: 1px;
  background: var(--color-neutral-200);
}
.sub-menu-de-eekhoorn-item .nav-flyout-de-eekhoorn__submenu a {
  display: block;
  padding: 2px 16px;
  color: var(--theme-color-text);
  text-decoration: none;
  --typeface-font-weight-body-m: 500;
}
.sub-menu-de-eekhoorn-item.is-open .nav-flyout-de-eekhoorn {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.mobile-menu-de-eekhoorn {
  font-family: var(--font-secondary, var(--font-body));
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: calc(100dvh - var(--menu-open-header-height));
  overflow-y: auto;
  overflow-x: hidden;
  background: var(--color-pure-white);
  padding: 24px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-24px);
  transition:
    opacity 0.25s cubic-bezier(0.77, 0.2, 0.05, 1),
    transform 0.25s cubic-bezier(0.77, 0.2, 0.05, 1),
    visibility 0.25s;
  z-index: 0;
}
.mobile-menu-de-eekhoorn::-webkit-scrollbar,
.mobile-menu-de-eekhoorn::-webkit-scrollbar-track,
.mobile-menu-de-eekhoorn::-webkit-scrollbar-thumb {
  display: block;
}
.mobile-menu-de-eekhoorn::-webkit-scrollbar {
  width: 4px;
}
.mobile-menu-de-eekhoorn::-webkit-scrollbar-track {
  box-shadow: inset 6px 6px 6px #ececec;
  border-radius: 3px;
  margin-top: 4px;
  margin-bottom: 4px;
}
.mobile-menu-de-eekhoorn {
}
.mobile-menu-de-eekhoorn::-webkit-scrollbar-thumb {
  background: var(--theme-color-scroll-thumb, var(--theme-color-text));
  border-radius: 3px;
}
@media (max-width: 1200px) {
  .mobile-menu-de-eekhoorn {
    display: block;
  }
}
.header-de-eekhoorn.menu-open .mobile-menu-de-eekhoorn {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.mobile-menu-de-eekhoorn-section {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  padding: 24px 0;
  border-top: 1px solid var(--color-neutral-200);
}
.mobile-menu-de-eekhoorn-section:first-child {
  padding-top: 0;
  border-top: none;
}
.mobile-menu-de-eekhoorn-section-footer {
  border-top: none;
}
.mobile-menu-de-eekhoorn-account {
  row-gap: 16px;
}
.mobile-menu-de-eekhoorn-account .eyebrow {
  color: #8a857a;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.mobile-menu-de-eekhoorn-account .header-action-de-eekhoorn {
  justify-content: space-between;
  width: auto;
}
.mobile-menu-de-eekhoorn-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 32px;
  padding: 0;
  border: none;
  background: none;
  color: var(--theme-color-text);
  text-decoration: none;
  font-stretch: condensed;
  line-height: 24px;
  white-space: nowrap;
  cursor: pointer;
}
.mobile-menu-de-eekhoorn-link .txt {
  font-size: 18px;
  font-weight: 500;
}
.mobile-menu-de-eekhoorn-link.is-uppercase .txt {
  text-transform: uppercase;
}
.mobile-menu-de-eekhoorn-link.is-highlighted .txt {
  color: var(--color-red-500);
}
.mobile-menu-de-eekhoorn-link .icon {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  color: var(--color-neutral-400);
  transition: color 0.2s ease-out;
}
.mobile-menu-de-eekhoorn-link .icon svg {
  width: 100%;
  height: 100%;
}
@media (hover: hover) and (pointer: fine) {
  .mobile-menu-de-eekhoorn-link:hover .icon {
    color: var(--theme-color-text);
  }
}
.mobile-menu-de-eekhoorn-subcategory {
  display: none;
  position: fixed;
  top: var(--menu-open-header-height);
  bottom: 0;
  left: 0;
  right: 0;
  height: calc(100dvh - var(--menu-open-header-height));
  z-index: 250;
  overflow-y: auto;
  overscroll-behavior: none;
  background: var(--color-pure-white);
  padding: 24px;
  transform: translateX(100%);
  transition: transform 0.25s cubic-bezier(0.77, 0.2, 0.05, 1);
}
.mobile-menu-de-eekhoorn-subcategory::-webkit-scrollbar,
.mobile-menu-de-eekhoorn-subcategory::-webkit-scrollbar-track,
.mobile-menu-de-eekhoorn-subcategory::-webkit-scrollbar-thumb {
  display: block;
}
.mobile-menu-de-eekhoorn-subcategory::-webkit-scrollbar {
  width: 4px;
}
.mobile-menu-de-eekhoorn-subcategory::-webkit-scrollbar-track {
  box-shadow: inset 6px 6px 6px #ececec;
  border-radius: 3px;
  margin-top: 4px;
  margin-bottom: 4px;
}
.mobile-menu-de-eekhoorn-subcategory {
}
.mobile-menu-de-eekhoorn-subcategory::-webkit-scrollbar-thumb {
  background: var(--theme-color-scroll-thumb, var(--theme-color-text));
  border-radius: 3px;
}
@media (max-width: 1200px) {
  .mobile-menu-de-eekhoorn-subcategory {
    display: block;
  }
}
.mobile-menu-de-eekhoorn-subcategory.is-open {
  transform: translateX(0);
}
.mobile-menu-de-eekhoorn-subcategory .txt {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}
.mobile-menu-de-eekhoorn-back-btn {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 12px;
  height: 32px;
  margin-bottom: 24px;
  padding: 0;
  border: none;
  background: none;
  color: var(--theme-color-text);
  font-stretch: condensed;
  line-height: 24px;
  cursor: pointer;
}
.mobile-menu-de-eekhoorn-back-btn.has-divider {
  padding-bottom: 24px;
  border-bottom: 1px solid var(--color-neutral-200);
}
.mobile-menu-de-eekhoorn-back-btn .icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  color: var(--color-neutral-500);
}
.mobile-menu-de-eekhoorn-back-btn .icon svg {
  width: 100%;
  height: 100%;
}
.mobile-menu-de-eekhoorn-back-btn .txt {
  font-size: 18px;
  font-weight: 500;
}
.mobile-menu-de-eekhoorn-subcategory-title {
  margin: 0 0 24px;
  color: var(--theme-color-text);
  text-transform: uppercase;
  font-size: 32px;
  line-height: 40px;
  font-weight: 600;
}
@media (max-width: 743px) {
  .mobile-menu-de-eekhoorn-subcategory-title {
    font-size: 24px;
    line-height: 32px;
  }
}
.mobile-menu-de-eekhoorn-subcategory-group-title {
  display: flex;
  align-items: center;
  height: 32px;
  color: var(--theme-color-text);
  text-decoration: none;
  font-stretch: condensed;
  line-height: 24px;
}
.mobile-menu-de-eekhoorn-hr {
  border: none;
  border-top: 1px solid var(--color-neutral-200);
  margin: 8px 0 16px;
}
.mobile-menu-de-eekhoorn-subcategory-list {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.mobile-menu-de-eekhoorn-subcategory-list a {
  display: flex;
  align-items: center;
  height: 32px;
  color: var(--theme-color-text);
  text-decoration: none;
  font-stretch: condensed;
  line-height: 24px;
}
.mobile-menu-de-eekhoorn-highlight-group {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
  margin: 40px 0 24px;
}
.mobile-menu-de-eekhoorn-highlight-group .highlight-item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 225px;
  clip-path: polygon(-1px -1px, 101% -1px, 100% calc(100% - 25px), calc(100% - 40px) 100%, -1px 100%);
}
.mobile-menu-de-eekhoorn-highlight-group .highlight-item .highlight-label {
  display: flex;
  position: absolute;
  top: 16px;
  left: 16px;
  width: fit-content;
  height: 24px;
  justify-content: center;
  align-items: center;
  color: var(--color-pure-white);
  text-transform: uppercase;
  font-stretch: condensed;
  background-color: var(--color-grey-de-eekhoorn);
  padding: 0 12px;
  border-radius: 12px;
  z-index: 2;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.mobile-menu-de-eekhoorn-highlight-group .highlight-item img {
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.2s ease-in-out;
}
.mobile-menu-de-eekhoorn-highlight-group .highlight-item .title {
  height: max-content;
  padding: 16px;
  background-image:
    linear-gradient(
      to top,
      rgba(0, 0, 0, 0.4) 50%,
      rgba(0, 0, 0, 0));
}
.mobile-menu-de-eekhoorn-highlight-group .highlight-item .title .txt {
  text-transform: uppercase;
  color: var(--color-pure-white);
  font-size: 32px;
  line-height: 40px;
  font-weight: 600;
}
@media (max-width: 743px) {
  .mobile-menu-de-eekhoorn-highlight-group .highlight-item .title .txt {
    font-size: 24px;
    line-height: 32px;
  }
}
.language-picker-de-eekhoorn {
  position: relative;
  z-index: 251;
}
.language-picker-de-eekhoorn .list-select {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 0;
  border: none;
  background: none;
  font: inherit;
  cursor: pointer;
  color: var(--theme-color-text);
}
.language-picker-de-eekhoorn .list-select .arr-down {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: var(--color-grey-3);
  transition: all 0.2s ease-in-out;
}
.language-picker-de-eekhoorn .list-select .arr-down svg {
  display: block;
  width: 100%;
  height: 100%;
}
.language-picker-de-eekhoorn .list-select .txt {
  --typeface-font-weight-body-m: 500;
}
.language-picker-de-eekhoorn .list-option {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 8px;
  min-width: 200px;
  padding: 24px;
  background: var(--color-pure-white);
  border-radius: 4px;
  box-shadow: var(--shadow-flyout);
  z-index: 50;
}
.language-picker-de-eekhoorn .list-option-section:not(:last-child) {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--color-border-default);
}
.language-picker-de-eekhoorn .section-title {
  display: block;
  margin-bottom: 12px;
  color: var(--theme-color-text);
  font-family: var(--font-third);
}
.language-picker-de-eekhoorn .box-option-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.language-picker-de-eekhoorn .box-option {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 0;
  border: none;
  background: none;
  font: inherit;
  text-align: left;
  cursor: pointer;
  color: var(--theme-color-text);
  white-space: nowrap;
}
.language-picker-de-eekhoorn .box-option .txt {
  --typeface-font-weight-body-m: 500;
}
.language-picker-de-eekhoorn .box-option .check-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  color: var(--color-neutral-500);
  opacity: 0;
}
.language-picker-de-eekhoorn .box-option .check-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
@media (hover: hover) and (pointer: fine) {
  .language-picker-de-eekhoorn .box-option:hover {
    color: var(--color-neutral-600);
  }
}
.language-picker-de-eekhoorn .box-option.checked .check-icon {
  opacity: 1;
}
.language-picker-de-eekhoorn.active .list-select .arr-down {
  transform: rotate(180deg);
}
.language-picker-de-eekhoorn.active .list-option {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.search-box-de-eekhoorn {
  --h-search-box: 40px;
  --m-w-search-box: 256px;
  display: flex;
  align-items: center;
  gap: 8px;
  width: var(--m-w-search-box);
  max-width: var(--m-w-search-box);
  height: var(--h-search-box);
  padding: 0 16px 0 16px;
  border: 1px solid var(--color-grey-2);
  border-radius: 20px;
  background: var(--color-pure-white);
}
.search-box-de-eekhoorn .search-input {
  flex: 1;
  min-width: 0;
  border: none;
  outline: none;
  background: none;
  color: var(--theme-color-text);
}
.search-box-de-eekhoorn .search-input::placeholder {
  color: var(--color-grey-3);
}
.search-box-de-eekhoorn .search-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border: none;
  background: none;
  cursor: pointer;
}
.search-box-de-eekhoorn .search-icon {
  width: 22px;
  height: 22px;
  color: var(--color-grey-3);
}
.search-box-de-eekhoorn .search-close-btn {
  display: none;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
}
.search-box-de-eekhoorn .search-close-btn .close-icon {
  width: 14px;
  height: 14px;
  color: var(--color-grey-3);
}
.search-box-de-eekhoorn .search-close-btn .close-icon use {
  transform: scale(0.5);
}
@media (max-width: 1200px) {
  .search-box-de-eekhoorn {
    --h-search-box: 44px;
    --m-w-search-box: 100%;
    max-width: 100%;
    padding: 0 20px 0 8px;
  }
  .search-box-de-eekhoorn .search-btn {
    order: -1;
  }
}
.header-action-de-eekhoorn {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  gap: 16px;
}
.header-action-de-eekhoorn .dealer-login {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--theme-color-text);
  margin-right: 2rem;
}
.header-action-de-eekhoorn .dealer-login .account-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  color: var(--color-grey-de-eekhoorn);
}
.header-action-de-eekhoorn .dealer-login .account-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.header-action-de-eekhoorn .dealer-login .account-icon svg use {
  transform: scale(0.7);
}
.header-action-de-eekhoorn .dealer-login .txt {
  --typeface-font-weight-body-m: 500;
}
.header-action-de-eekhoorn .register {
  --typeface-font-weight-body-m: 500;
}
@media (max-width: 1200px) {
  .header-action-de-eekhoorn {
    width: 100%;
    position: relative;
  }
  .header-action-de-eekhoorn::after {
    content: "";
    position: absolute;
    top: 12px;
    right: 0;
    left: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 24px;
    background: var(--color-neutral-200);
  }
  .header-action-de-eekhoorn .dealer-login,
  .header-action-de-eekhoorn .register {
    width: 50%;
  }
  .header-action-de-eekhoorn .register {
    text-align: center;
    --typeface-size-body-m: 16px;
  }
  .header-action-de-eekhoorn .txt {
    --typeface-size-body-m: 16px;
  }
}
.account-dropdown-de-eekhoorn {
  position: relative;
  z-index: 251;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}
.account-dropdown-de-eekhoorn .list-select {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0;
  border: none;
  background: none;
  font: inherit;
  cursor: pointer;
  color: var(--theme-color-text);
}
.account-dropdown-de-eekhoorn .list-select .account-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  color: var(--color-grey-de-eekhoorn);
}
.account-dropdown-de-eekhoorn .list-select .account-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.account-dropdown-de-eekhoorn .list-select .account-icon svg use {
  transform: scale(0.7);
}
.account-dropdown-de-eekhoorn .list-select .arr-down {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: var(--theme-color-text);
  transition: transform 0.2s ease-in-out;
}
.account-dropdown-de-eekhoorn .list-select .arr-down svg {
  display: block;
  width: 100%;
  height: 100%;
}
.account-dropdown-de-eekhoorn .list-option {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 8px;
  min-width: 220px;
  padding: 24px;
  background: var(--color-pure-white);
  border-radius: 4px;
  box-shadow: var(--shadow-flyout);
  z-index: 50;
}
.account-dropdown-de-eekhoorn .list-option-section:not(:last-child) {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--color-border-default);
}
.account-dropdown-de-eekhoorn .box-option-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.account-dropdown-de-eekhoorn .box-option {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 0;
  border: none;
  background: none;
  font: inherit;
  text-align: left;
  cursor: pointer;
  color: var(--theme-color-text);
  white-space: nowrap;
}
@media (hover: hover) and (pointer: fine) {
  .account-dropdown-de-eekhoorn .box-option:hover {
    color: var(--color-neutral-600);
  }
}
.account-dropdown-de-eekhoorn .box-option-checkbox {
  gap: 8px;
  cursor: pointer;
}
.account-dropdown-de-eekhoorn .box-option-checkbox input[type=checkbox] {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.account-dropdown-de-eekhoorn.active .list-select .arr-down {
  transform: rotate(180deg);
}
.account-dropdown-de-eekhoorn.active .list-option {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
@media (max-width: 1200px) {
  .account-dropdown-de-eekhoorn {
    display: none;
  }
}
.account-dropdown-mobile-trigger-label {
  display: flex;
  align-items: center;
  gap: 8px;
}
.account-dropdown-mobile-trigger-label .account-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
}
.account-dropdown-mobile-trigger-label .account-icon svg {
  width: 100%;
  height: 100%;
}
.account-dropdown-mobile-trigger-label .account-icon svg use {
  transform: scale(0.7);
}
.mobile-menu-de-eekhoorn-account-checkbox {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--theme-color-text);
  cursor: pointer;
}
.mobile-menu-de-eekhoorn-account-checkbox input[type=checkbox] {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.popup-share {
  position: fixed;
  z-index: 225;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
}
.popup-share.active {
  display: flex;
}
.popup-share .bg {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
.popup-share .panel {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 528px;
  margin: 16px;
  background: var(--color-pure-white);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: var(--shadow-elevation);
}
.popup-share .header-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 24px 32px;
  border-bottom: 1px solid var(--color-border-default);
}
.popup-share .header-wrapper .popup-share-title {
  margin: 0;
}
.popup-share .header-wrapper .bt-close-share {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--color-neutral-500);
  width: 24px;
  height: 24px;
}
@media (hover: hover) and (pointer: fine) {
  .popup-share .header-wrapper .bt-close-share:hover .icon {
    transform: rotate(90deg);
  }
}
.popup-share .header-wrapper .bt-close-share .icon {
  transition: all 0.3s;
}
.popup-share .header-wrapper .bt-close-share .icon,
.popup-share .header-wrapper .bt-close-share svg {
  width: 24px;
  height: 24px;
}
.popup-share .popup-share-description {
  padding: 24px 32px 0 32px;
}
.popup-share .popup-share-description.popup-share-warning {
  padding-top: 12px;
}
.popup-share .popup-share-options {
  display: flex;
  flex-direction: column;
  padding: 24px 32px 40px 32px;
  gap: 8px;
}
.popup-share .popup-share-options .share-copy-link .copy-link-copied-txt {
  display: none;
}
.popup-share .popup-share-options .share-copy-link.copied .copy-link-txt {
  display: none;
}
.popup-share .popup-share-options .share-copy-link.copied .copy-link-copied-txt {
  display: block;
}
.popup-edition-image-slider {
  --swiper-pagination-color: var(--color-rouge);
  --swiper-pagination-bullet-inactive-color: var(--color-pure-white);
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-size: 4px;
  --swiper-pagination-bullet-horizontal-gap: 2px;
  --pd-popup: 24px;
  --space-gap: 48px;
  --w-btn-close: 24px;
  --pd-top-bottom: 24px;
  --pd-left-right: 32px;
  --pd-del-right-side: 28px;
  --top-close: 24px;
  --right-close: 32px;
  position: fixed;
  z-index: 160;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  padding: var(--pd-popup);
}
.popup-edition-image-slider.active {
  display: flex;
}
.popup-edition-image-slider .bg {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
.popup-edition-image-slider .panel {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 944px;
  max-height: calc(100dvh - var(--space-gap));
  background: var(--color-pure-white);
  border-radius: 8px;
  overflow: hidden;
  box-shadow: var(--shadow-elevation);
}
.popup-edition-image-slider .bt-close {
  position: absolute;
  z-index: 2;
  top: var(--top-close);
  right: var(--right-close);
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--w-btn-close);
  height: var(--w-btn-close);
  background: var(--color-pure-white);
  transition: all 0.3s ease-in-out;
  box-shadow: var(--shadow-flyout);
  border-radius: 4px;
}
.popup-edition-image-slider .bt-close .icon,
.popup-edition-image-slider .bt-close svg {
  width: var(--w-btn-close);
  height: var(--w-btn-close);
  color: var(--color-neutral-500);
}
.popup-edition-image-slider .bt-close .icon {
  transition: transform 0.3s;
}
@media (hover: hover) and (pointer: fine) {
  .popup-edition-image-slider .bt-close:hover .icon {
    transform: rotate(90deg);
  }
}
.popup-edition-image-slider .slide {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}
@media (min-width: 1201px) {
  .popup-edition-image-slider .slide {
    flex-direction: row;
  }
}
.popup-edition-image-slider .slide.no-media .media {
  display: none;
}
.popup-edition-image-slider .slide.no-media .contents {
  flex: 1 1 100%;
}
.popup-edition-image-slider .media {
  position: relative;
  flex: 0 0 auto;
  overflow: hidden;
  aspect-ratio: 4/3;
}
@media (min-width: 1201px) {
  .popup-edition-image-slider .media {
    flex: 1 1 50%;
    aspect-ratio: 59/50;
  }
}
.popup-edition-image-slider .media .image-slider {
  width: 100%;
  height: 100%;
}
.popup-edition-image-slider .media .image-slider img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.popup-edition-image-slider .media .bt-prev,
.popup-edition-image-slider .media .bt-next {
  --bt-width: 40px;
  --icon-width: 14px;
  --color-icon-circle: var(--color-neutral-1000);
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  justify-content: center;
  align-items: center;
}
.popup-edition-image-slider .media .bt-prev .icon,
.popup-edition-image-slider .media .bt-next .icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup-edition-image-slider .media .bt-prev {
  left: 16px;
}
.popup-edition-image-slider .media .bt-prev .icon svg {
  transform: rotate(90deg);
}
.popup-edition-image-slider .media .bt-next {
  right: 16px;
}
.popup-edition-image-slider .media .bt-next .icon svg {
  transform: rotate(-90deg);
}
.popup-edition-image-slider .media .paging {
  display: none;
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 16px;
  align-items: center;
  justify-content: center;
}
.popup-edition-image-slider .media.has-multiple .bt-prev,
.popup-edition-image-slider .media.has-multiple .bt-next {
  display: flex;
}
.popup-edition-image-slider .media.has-multiple .paging {
  display: flex;
}
.popup-edition-image-slider .contents {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  min-width: 0;
}
@media (min-width: 1201px) {
  .popup-edition-image-slider .contents {
    flex: 1 1 50%;
  }
}
.popup-edition-image-slider .content-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 0;
}
.popup-edition-image-slider .content-header {
  flex: 0 0 auto;
  border-bottom: 1px solid var(--color-border-default);
}
.popup-edition-image-slider .content-header .content-title {
  padding: var(--pd-top-bottom) var(--pd-left-right);
}
.popup-edition-image-slider .content-box {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  margin-right: 4px;
}
.popup-edition-image-slider .content-box::-webkit-scrollbar,
.popup-edition-image-slider .content-box::-webkit-scrollbar-track,
.popup-edition-image-slider .content-box::-webkit-scrollbar-thumb {
  display: block;
}
.popup-edition-image-slider .content-box::-webkit-scrollbar {
  width: 6px;
}
.popup-edition-image-slider .content-box::-webkit-scrollbar-track {
  box-shadow: inset 6px 6px 6px #ececec;
  border-radius: 3px;
  margin-top: 24px;
  margin-bottom: 24px;
}
.popup-edition-image-slider .content-box {
}
.popup-edition-image-slider .content-box::-webkit-scrollbar-thumb {
  background: var(--theme-color-scroll-thumb, var(--theme-color-text));
  border-radius: 3px;
}
.popup-edition-image-slider .content-box .content-description {
  padding: var(--pd-top-bottom) var(--pd-del-right-side) var(--pd-top-bottom) var(--pd-left-right);
}
@media (min-width: 1201px) {
  .popup-edition-image-slider .content-box {
    max-height: 354px;
  }
}
.popup-edition-image-slider .content-footer {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: var(--pd-top-bottom) var(--pd-left-right);
}
.popup-edition-image-slider .content-footer .content-price {
  width: 100%;
  text-align: center;
  color: var(--color-neutral-500);
}
.popup-edition-image-slider .content-add {
  width: 100%;
}
.popup-edition-image-slider .content-add .icon-added,
.popup-edition-image-slider .content-add .txt-added {
  display: none;
}
.popup-edition-image-slider .content-add .icon {
  --color-icon-btn: var(--color-pure-white);
}
.popup-edition-image-slider .content-add .icon-add {
  --width-svg: 16px;
}
.popup-edition-image-slider .content-add.selected .icon-add,
.popup-edition-image-slider .content-add.selected .txt-add {
  display: none;
}
.popup-edition-image-slider .content-add.selected .icon-added,
.popup-edition-image-slider .content-add.selected .txt-added {
  display: block;
}
@media screen and (max-width: 1200px) {
  .popup-edition-image-slider {
    --top-close: 32px;
    --right-close: 32px;
  }
}
@media screen and (max-width: 743px) {
  .popup-edition-image-slider {
    --pd-popup: 8px;
    --space-gap: 16px;
    --pd-top-bottom: 16px;
    --pd-left-right: 16px;
    --pd-del-right-side: 12px;
    --top-close: 16px;
    --right-close: 16px;
  }
}
.popup-ai-slider-images {
  --swiper-pagination-color: var(--color-pure-white);
  --swiper-pagination-bullet-inactive-color: var(--color-pure-white);
  --swiper-pagination-bullet-inactive-opacity: 0.4;
  --swiper-pagination-bullet-size: 6px;
  --swiper-pagination-bullet-horizontal-gap: 3px;
  --pd-popup: 48px;
  position: fixed;
  z-index: 160;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  padding: var(--pd-popup);
}
@media (max-width: 743px) {
  .popup-ai-slider-images {
    --pd-popup: 16px;
  }
}
.popup-ai-slider-images.active {
  display: flex;
}
.popup-ai-slider-images .bg {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
.popup-ai-slider-images .panel {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.popup-ai-slider-images .bt-close {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: var(--color-pure-white);
}
.popup-ai-slider-images .bt-close .icon,
.popup-ai-slider-images .bt-close svg {
  width: 24px;
  height: 24px;
}
.popup-ai-slider-images .bt-close .icon {
  transition: transform 0.3s;
}
@media (hover: hover) and (pointer: fine) {
  .popup-ai-slider-images .bt-close:hover .icon {
    transform: rotate(90deg);
  }
}
.popup-ai-slider-images .media {
  position: relative;
  width: 100%;
  height: 100%;
}
.popup-ai-slider-images .image-slider {
  width: 100%;
  height: 100%;
}
.popup-ai-slider-images .image-slider img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.popup-ai-slider-images .bt-prev,
.popup-ai-slider-images .bt-next {
  --bt-width: 40px;
  --icon-width: 16px;
  --color-icon-circle: var(--theme-color-text);
  display: none;
  position: absolute;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
}
.popup-ai-slider-images .bt-prev.swiper-button-disabled,
.popup-ai-slider-images .bt-next.swiper-button-disabled {
  opacity: 0.3;
  pointer-events: none;
}
.popup-ai-slider-images .bt-prev {
  left: 0;
}
.popup-ai-slider-images .bt-prev .icon svg {
  transform: rotate(90deg);
}
.popup-ai-slider-images .bt-next {
  right: 0;
}
.popup-ai-slider-images .bt-next .icon svg {
  transform: rotate(-90deg);
}
.popup-ai-slider-images .paging {
  display: none;
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 0;
  justify-content: center;
}
.popup-ai-slider-images .media.has-multiple .bt-prev,
.popup-ai-slider-images .media.has-multiple .bt-next {
  display: block;
}
.popup-ai-slider-images .media.has-multiple .paging {
  display: flex;
}
.popup-loading-component {
  position: fixed;
  z-index: 225;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
}
.popup-loading-component.active {
  display: flex;
}
.popup-loading-component .bg {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
.popup-loading-component .panel {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 528px;
  margin: 16px;
  background: var(--color-pure-white);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: var(--shadow-elevation);
}
.popup-loading-component .loading-component-title {
  margin: 0;
  padding: 24px 32px;
  border-bottom: 1px solid var(--color-border-default);
}
.popup-loading-component .content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px 32px 32px;
}
.popup-loading-component .loading-component-description {
  margin: 0;
}
.popup-loading-component .loading-component-stage {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding: 40px 24px;
  background: var(--color-light-beige);
  border-radius: 8px;
}
@media (max-width: 743px) {
  .popup-loading-component .loading-component-stage {
    padding: 32px 16px;
  }
}
.popup-loading-component .loader-logo {
  display: block;
  width: 100%;
}
.popup-loading-component .loader-logo .loader-logo-svg {
  display: block;
  width: 100%;
  height: auto;
}
.popup-loading-component.brand-woood .loader-logo {
  max-width: 200px;
}
.popup-loading-component.brand-woood .mark-empty {
  fill: var(--color-beige);
}
.popup-loading-component.brand-woood .mark-filled {
  fill: var(--color-rouge);
}
.popup-loading-component.brand-de-eekhoorn .loading-component-stage {
  background: var(--color-grey-1);
}
.popup-loading-component.brand-de-eekhoorn .loader-logo {
  max-width: 104px;
}
.popup-loading-component.brand-de-eekhoorn .mark-empty {
  opacity: 0.18;
}
.popup-loading-component .loading-component-steps {
  position: relative;
  display: grid;
  margin: 0;
  text-align: center;
}
.popup-loading-component .loading-component-steps .loader-step {
  grid-area: 1/1;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.popup-loading-component .loading-component-steps .loader-step.active {
  opacity: 1;
  visibility: visible;
}
@media (prefers-reduced-motion: reduce) {
  .popup-loading-component .loading-component-steps .loader-step {
    transition: none;
  }
}
.edition-config-3d-text-button {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.edition-config-3d-text-button .items {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.edition-config-3d-text-button .items .item-wrapper {
  position: relative;
  display: initial;
}
.edition-config-3d-text-button .items .item-wrapper:has(.hidden-by-rule),
.edition-config-3d-text-button .items .item-wrapper:has(.hide),
.edition-config-3d-text-button .items .item-wrapper:has(.hidden) {
  display: none;
}
.edition-config-3d-text-button .items .item-wrapper .item {
  position: relative;
}
.edition-config-3d-text-button .items .item-wrapper .item.active {
  background-color: var(--color-hover-btn, var(--theme-color-2));
  border: 1px solid var(--color-hover-border-btn, var(--theme-color-2));
}
.edition-config-3d-text-button .items .item-wrapper .item .icon {
  position: absolute;
}
.edition-config-3d-text-button .items .item-wrapper .tooltip {
  width: 100%;
  border-radius: 7px;
}
@media screen and (max-width: 743px) {
  .edition-config-3d-text-button .items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.edition-config-3d-image-select {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.edition-config-3d-image-select .items {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.edition-config-3d-image-select .items .item {
  position: relative;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.edition-config-3d-image-select .items .item:hover .image {
  border: 1px solid var(--color-rouge);
}
.edition-config-3d-image-select .items .item:hover .checked {
  border: 1px solid var(--color-rouge);
}
.edition-config-3d-image-select .items .item:hover .bt-zoom {
  border: 1px solid var(--color-rouge);
}
.edition-config-3d-image-select .items .item .icon {
  position: absolute;
}
.edition-config-3d-image-select .items .item .image {
  width: 100%;
  aspect-ratio: 157/112;
  transition: all 0.3s;
  overflow: hidden;
  border: 1px solid var(--color-border-default);
}
.edition-config-3d-image-select .items .item .image .img {
  width: 100%;
  height: 100%;
}
.edition-config-3d-image-select .items .item .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.edition-config-3d-image-select .items .item .checked {
  display: none;
  position: absolute;
  width: 28px;
  height: 28px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  aspect-ratio: 1/1;
  border: 1px solid var(--color-neutral-400);
  background: var(--color-pure-white);
  right: 0;
}
.edition-config-3d-image-select .items .item .checked .icon {
  width: 24px;
  height: 24px;
}
.edition-config-3d-image-select .items .item .checked .icon svg {
  width: 24px;
  height: 24px;
}
.edition-config-3d-image-select .items .item.active:hover .image {
  border: 1px solid var(--color-rouge);
}
.edition-config-3d-image-select .items .item.active:hover .checked {
  border: 1px solid var(--color-rouge);
}
.edition-config-3d-image-select .items .item.active:hover .bt-zoom {
  border: 1px solid var(--color-rouge);
}
.edition-config-3d-image-select .items .item.active .checked {
  display: flex;
}
.edition-config-3d-image-select .items .item.active .image {
  border: 1px solid var(--color-neutral-400);
  background: var(--color-neutral-150);
}
.edition-config-3d-image-select .items .bt-zoom {
  position: absolute;
  display: flex;
  right: 0;
  bottom: 2px;
  width: 28px;
  height: 28px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  aspect-ratio: 1/1;
  border: 1px solid var(--color-neutral-400);
  background: var(--color-pure-white);
  transform: translateY(-100%);
}
.edition-config-3d-image-select .items .bt-zoom .icon {
  width: 18px;
  height: 18px;
}
.edition-config-3d-image-select .items .bt-zoom .icon svg {
  width: 18px;
  height: 18px;
}
@media screen and (max-width: 743px) {
  .edition-config-3d-image-select .items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
main {
  overflow: hidden;
  margin: var(--header-height) auto 0;
  width: 100%;
}
.canvas-3d-configurator-page {
  --padding-sidebar: 64px;
}
.canvas-3d-configurator-page .hide,
.canvas-3d-configurator-page .hidden,
.canvas-3d-configurator-page .hidden-by-rule {
  display: none !important;
}
.canvas-3d-configurator-page .disabled-by-rule,
.canvas-3d-configurator-page .disabled-by-force-select {
  pointer-events: none;
  opacity: 0.35;
}
.canvas-3d-configurator-page .bt:disabled,
.canvas-3d-configurator-page button:disabled,
.canvas-3d-configurator-page .disabled,
.canvas-3d-configurator-page .disable {
  pointer-events: none;
  opacity: 0.5;
}
.canvas-3d-configurator-page[expand="1"] .canvas-configuration-content {
  grid-template-columns: minmax(50%, 1fr) minmax(0, 616px);
}
.canvas-3d-configurator-page[expand="1"] .canvas-configuration-content .canvas-steps,
.canvas-3d-configurator-page[expand="1"] .canvas-configuration-content .bottom-content {
  transition-delay: 0.3s;
}
.canvas-3d-configurator-page[expand="1"] .sidebar-expand-bt .icon-expand {
  opacity: 0;
}
.canvas-3d-configurator-page[expand="1"] .sidebar-expand-bt .txt-expand {
  display: none;
}
.canvas-3d-configurator-page[expand="0"] .canvas-configuration-content {
  grid-template-columns: minmax(0, 1fr) minmax(40px, 40px);
  transition-delay: 0.2s;
}
.canvas-3d-configurator-page[expand="0"] .canvas-configuration-content .canvas-steps,
.canvas-3d-configurator-page[expand="0"] .canvas-configuration-content .bottom-content {
  opacity: 0;
  pointer-events: none;
}
@media (min-width: 1201px) {
  .canvas-3d-configurator-page[expand="0"] .canvas-configuration-content .sidebar-content {
    border-left: 1px solid var(--color-border-default);
  }
}
.canvas-3d-configurator-page[expand="0"] .sidebar-expand-bt .icon-collapse {
  opacity: 0;
}
.canvas-3d-configurator-page[expand="0"] .sidebar-expand-bt .txt-collapse {
  display: none;
}
.canvas-3d-configurator-page[view-only-mode="1"] .sidebar-content,
.canvas-3d-configurator-page[view-only-mode="1"] .sidebar-expand-bt {
  display: none;
}
.canvas-3d-configurator-page[view-only-mode="1"] .canvas-configuration-content {
  grid-template-columns: minmax(0, 1fr);
}
.canvas-3d-configurator-page .desktop-display {
  display: unset;
}
.canvas-3d-configurator-page .tablet-display,
.canvas-3d-configurator-page .mobile-display {
  display: none;
}
.canvas-3d-configurator-page .sidebar-expand-bt .icon {
  width: 28px;
  height: 9px;
  transition: opacity 0.2s ease-in-out;
}
.canvas-3d-configurator-page .sidebar-expand-bt .icon svg {
  width: 28px;
  height: 28px;
}
.canvas-3d-configurator-page .canvas-configuration-content {
  width: 100%;
  height: calc(100dvh - var(--header-height, 0px));
  display: grid;
  transition: grid-template-columns 0.3s ease-in-out, grid-template-rows 0.3s ease-in-out;
}
.canvas-3d-configurator-page .canvas-configuration-content .canvas-steps,
.canvas-3d-configurator-page .canvas-configuration-content .bottom-content {
  transition: opacity 0.2s ease-in-out;
}
.canvas-3d-configurator-page .canvas-configuration-content .model-content {
  position: relative;
  height: 100%;
}
.canvas-3d-configurator-page .canvas-configuration-content .model-content .product-model-content {
  position: absolute;
  inset: 0;
}
.canvas-3d-configurator-page .canvas-configuration-content .model-content .product-model-content .canvas-3d-scene {
  background: var(--color-neutral-50);
}
@media (max-width: 1200px) {
  .canvas-3d-configurator-page .canvas-configuration-content .model-content .product-model-content .canvas-3d-scene {
    border-bottom: 1px solid var(--color-border-default);
  }
}
.canvas-3d-configurator-page .canvas-configuration-content .model-content .product-model-content .canvas-3d-scene,
.canvas-3d-configurator-page .canvas-configuration-content .model-content .product-model-content .canvas-3d-scene-frame {
  width: 100%;
  height: 100%;
}
.canvas-3d-configurator-page .canvas-configuration-content .model-content .product-model-content .canvas-3d-scene-frame {
  display: block;
  border: 0;
  mix-blend-mode: multiply;
}
.canvas-3d-configurator-page .canvas-configuration-content .model-content .product-model-content .canvas-3d-scene-frame.locked {
  pointer-events: none;
}
.canvas-3d-configurator-page .canvas-configuration-content .model-content .product-model-content .canvas-3d-scene-empty,
.canvas-3d-configurator-page .canvas-configuration-content .model-content .product-model-content .canvas-3d-configurator-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 320px;
}
.canvas-3d-configurator-page .canvas-configuration-content .model-content .product-model-content .circular-progress {
  display: none;
  inset: 0;
  pointer-events: none;
}
.canvas-3d-configurator-page .canvas-configuration-content .model-content .product-model-content .circular-progress.active {
  display: flex;
}
.canvas-3d-configurator-page .canvas-configuration-content .model-content .product-model-content .circular-progress .percentage {
  line-height: 1;
}
.canvas-3d-configurator-page .canvas-configuration-content .model-content .model-controller {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.canvas-3d-configurator-page .canvas-configuration-content .model-content .model-controller .content {
  position: absolute;
  display: flex;
  align-items: center;
  pointer-events: auto;
}
.canvas-3d-configurator-page .canvas-configuration-content .model-content .model-controller .content.top {
  top: 24px;
}
.canvas-3d-configurator-page .canvas-configuration-content .model-content .model-controller .content.bottom {
  bottom: 24px;
}
.canvas-3d-configurator-page .canvas-configuration-content .model-content .model-controller .content.center {
  left: 50%;
  transform: translateX(-50%);
}
.canvas-3d-configurator-page .canvas-configuration-content .model-content .model-controller .content.left {
  left: 24px;
}
.canvas-3d-configurator-page .canvas-configuration-content .model-content .model-controller .content.right {
  right: 24px;
}
.canvas-3d-configurator-page .canvas-configuration-content .model-content .model-controller .mouse-controllers {
  gap: 16px;
}
.canvas-3d-configurator-page .canvas-configuration-content .model-content .model-controller .mouse-controllers .mouse-bt {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  background: none;
  border: none;
}
.canvas-3d-configurator-page .canvas-configuration-content .model-content .model-controller .mouse-controllers .mouse-bt .icon svg {
  width: 42px;
  height: 32px;
  color: var(--color-icon-circle, var(--theme-color-muted));
}
.canvas-3d-configurator-page .canvas-configuration-content .model-content .model-controller .mouse-controllers .mouse-bt .bt-txt {
  color: var(--color-icon-circle, var(--theme-color-muted));
}
.canvas-3d-configurator-page .canvas-configuration-content .model-content .model-controller .button-controllers {
  gap: 8px;
}
.canvas-3d-configurator-page .canvas-configuration-content .model-content .model-controller .button-controllers .content {
  display: contents;
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content {
  background-color: #f9f9f9;
  height: 100%;
  position: relative;
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .sidebar-expand-bt {
  position: absolute;
  top: 56px;
  left: 0;
  transform: translateX(-50%);
  z-index: 1;
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .canvas-steps {
  height: 100%;
  width: 100%;
  position: relative;
  padding-right: 16px;
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .canvas-steps .sidebar-detail {
  position: absolute;
  height: 100%;
  width: calc(100% - 16px);
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable;
  padding: 0 var(--padding-sidebar);
  background-color: #f9f9f9;
  border-left: 1px solid var(--color-border-default);
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .canvas-steps .sidebar-detail::-webkit-scrollbar,
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .canvas-steps .sidebar-detail::-webkit-scrollbar-track,
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .canvas-steps .sidebar-detail::-webkit-scrollbar-thumb {
  display: block;
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .canvas-steps .sidebar-detail::-webkit-scrollbar {
  width: 6px;
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .canvas-steps .sidebar-detail::-webkit-scrollbar-track {
  box-shadow: inset 6px 6px 6px #ececec;
  border-radius: 3px;
  margin-top: 40px;
  margin-bottom: 8px;
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .canvas-steps .sidebar-detail {
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .canvas-steps .sidebar-detail::-webkit-scrollbar-thumb {
  background: var(--theme-color-scroll-thumb, var(--theme-color-text));
  border-radius: 3px;
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .canvas-steps .sidebar-detail[inert] {
  opacity: 0.6;
  transition: opacity 0.2s ease-in-out;
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .canvas-steps .sidebar-detail.canvas-summary-content {
  left: var(--padding-sidebar);
  width: calc(100% - 16px - var(--padding-sidebar));
  transition: transform 0.3s ease-in-out;
  z-index: 1;
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .canvas-steps .sidebar-detail.canvas-summary-content[expand="0"] {
  transform: translateX(100%);
  border-left: 1px solid transparent;
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .canvas-steps .sidebar-detail.canvas-summary-content[expand="1"] {
  transform: translateX(0);
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .canvas-steps .sidebar-detail.canvas-summary-content .header-content .canvas-3d-configurator-bt-hide-summary {
  z-index: 1;
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .canvas-steps .sidebar-detail.canvas-summary-content .header-content .canvas-3d-configurator-bt-hide-summary .icon {
  transition: all 0.3s;
}
@media (hover: hover) and (pointer: fine) {
  .canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .canvas-steps .sidebar-detail.canvas-summary-content .header-content .canvas-3d-configurator-bt-hide-summary:hover .icon {
    transform: rotate(90deg);
  }
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .canvas-steps .sidebar-detail .canvas-3d-configurator-bt-view-summary {
  z-index: 0;
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .canvas-steps .sidebar-detail .header-content {
  padding-top: 48px;
  padding-bottom: 32px;
  display: flex;
  gap: 8px;
  border-bottom: 1px solid var(--color-border-default);
  justify-content: space-between;
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .canvas-steps .sidebar-detail .header-content .txt-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .canvas-steps .sidebar-detail .header-content .txt-content .subtitle-content {
  color: var(--color-neutral-500);
  display: inline;
  gap: 1ch;
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .canvas-steps .sidebar-detail .header-content .txt-content .subtitle-content .subtitle-txt {
  display: inline;
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .canvas-steps .sidebar-detail .header-content .bt {
  --height: 56px;
  width: var(--height);
  min-width: var(--height);
  overflow: visible;
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .canvas-steps .sidebar-detail .step-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 32px;
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .canvas-steps .sidebar-detail .step-content .canvas-3d-configuration-steps {
  display: flex;
  flex-direction: column;
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .canvas-steps .sidebar-detail .step-content .summary-wrapper {
  display: flex;
  flex-direction: column;
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .canvas-steps .sidebar-detail .step-content .summary-wrapper:empty {
  display: none;
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .canvas-steps .sidebar-detail .step-content .summary-wrapper .summary-product-header {
  display: flex;
  justify-content: space-between;
  gap: 1ch;
  padding: 24px 0 8px;
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .canvas-steps .sidebar-detail .step-content .summary-wrapper .summary-step-detail {
  display: flex;
  justify-content: space-between;
  color: var(--color-neutral-500);
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .canvas-steps .sidebar-detail .step-content .summary-wrapper .summary-step-selected {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .canvas-steps .sidebar-detail .step-content .summary-wrapper .summary-step-selected-edition {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) minmax(0, 1fr);
  gap: 16px;
}
@media (max-width: 743px) {
  .canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .canvas-steps .sidebar-detail .step-content .summary-wrapper .summary-step-selected-edition {
    grid-template-columns: minmax(120px, 1fr) minmax(0, 1fr);
  }
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .canvas-steps .sidebar-detail .step-content .summary-wrapper .edition-name {
  color: var(--color-neutral-500);
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .canvas-steps .sidebar-detail .step-content .summary-wrapper .value-item {
  color: var(--theme-color-text);
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .canvas-steps .sidebar-detail .step-content .summary-wrapper .value-item-image {
  display: inline-flex;
  align-items: center;
  gap: 24px;
  color: var(--theme-color-text);
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .canvas-steps .sidebar-detail .step-content .summary-wrapper .value-item-image img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  object-fit: cover;
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .canvas-steps .sidebar-detail .step-content .summary-wrapper .value-item-with-unit {
  display: inline-flex;
  align-items: baseline;
  gap: 24px;
  color: var(--theme-color-text);
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .bottom-content {
  border: 1px solid var(--color-border-default);
  border-bottom: none;
  background: #fff;
  padding: 32px 32px 24px 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 8px;
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .bottom-content.content-b2b {
  padding: 24px 32px;
  gap: 16px;
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .bottom-content.content-b2b .canvas-3d-configurator-bt-add-to-cart {
  border-radius: 24px;
  font-family: var(--font-secondary, var(--font-body));
  --height: 48px;
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .bottom-content.content-b2b .sum-total-content.sum-total-content-b2b {
  justify-content: space-between;
  gap: 24px;
  row-gap: 0;
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .bottom-content.content-b2b .sum-total-content.sum-total-content-b2b .price-col {
  display: flex;
  flex-direction: column;
  gap: 4px;
  text-align: left;
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .bottom-content.content-b2b .sum-total-content.sum-total-content-b2b .content-num {
  font-family: var(--font-secondary, var(--font-body));
  font-size: var(--typeface-size-h4, 20px);
  font-weight: 600;
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .bottom-content.content-b2b .sum-total-content.sum-total-content-b2b .content-txt {
  color: var(--color-neutral-900);
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .bottom-content.content-b2b .sum-total-content.sum-total-content-b2b .canvas-3d-configurator-rrp-total {
  color: var(--theme-color-text);
}
@media (max-width: 1200px) {
  .canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .bottom-content.content-b2b {
    display: flex;
    padding: 16px;
    gap: 12px;
  }
}
@media (max-width: 743px) {
  .canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .bottom-content.content-b2b .canvas-3d-configurator-bt-add-to-cart {
    order: 2;
  }
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .bottom-content .canvas-3d-configurator-add-to-cart-error {
  width: 100%;
  color: var(--color-red-500);
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .bottom-content .canvas-3d-configurator-add-to-cart-error[data-error=none] {
  display: none;
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .bottom-content .canvas-3d-configurator-add-to-cart-error .error-failed,
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .bottom-content .canvas-3d-configurator-add-to-cart-error .error-canceled {
  display: none;
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .bottom-content .canvas-3d-configurator-add-to-cart-error[data-error=failed] .error-failed,
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .bottom-content .canvas-3d-configurator-add-to-cart-error[data-error=canceled] .error-canceled {
  display: block;
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .bottom-content .canvas-3d-configurator-bt-add-to-cart {
  width: 100%;
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .bottom-content .canvas-3d-configurator-bt-add-to-cart .canvas-3d-bt-spinner {
  display: none;
  color: var(--color-txt-btn);
  width: 1rem;
  height: 1rem;
  border: 2px solid currentcolor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: canvas-spinner-rotate 0.8s linear infinite;
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .bottom-content .canvas-3d-configurator-bt-add-to-cart[data-loading="1"] .icon,
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .bottom-content .canvas-3d-configurator-bt-add-to-cart[data-loading="1"] .txt-button {
  display: none;
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .bottom-content .canvas-3d-configurator-bt-add-to-cart[data-loading="1"] .canvas-3d-bt-spinner {
  display: block;
}
.canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .bottom-content .sum-total-content {
  display: flex;
  gap: 1ch;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
  row-gap: 4px;
}
.canvas-3d-configurator-page .content-title-desc-edition {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.canvas-3d-configurator-page .content-inner > .edition-config:nth-child(1 of .edition-config:not(.hidden-by-rule)) .content-title-desc-edition > .txt {
  display: none;
}
@media screen and (max-width: 1200px) {
  .canvas-3d-configurator-page {
    --padding-sidebar: 48px;
  }
  .canvas-3d-configurator-page[expand="1"][sidebar-big="1"] .canvas-configuration-content {
    grid-template-rows: minmax(400px, 400px) minmax(0, 1fr);
  }
  .canvas-3d-configurator-page[expand="1"] .canvas-configuration-content {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(504px, 504px) minmax(0, 1fr);
  }
  .canvas-3d-configurator-page[expand="0"][sidebar-big="1"] .canvas-configuration-content {
    grid-template-rows: minmax(400px, 1fr) minmax(0, 0);
  }
  .canvas-3d-configurator-page[expand="0"] .canvas-configuration-content {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(504px, 1fr) minmax(0, 0);
  }
  .canvas-3d-configurator-page .desktop-display {
    display: none !important;
  }
  .canvas-3d-configurator-page .tablet-display,
  .canvas-3d-configurator-page .mobile-display {
    display: unset;
  }
  .canvas-3d-configurator-page .sidebar-expand-bt .icon-expand,
  .canvas-3d-configurator-page .sidebar-expand-bt .icon-collapse {
    transform: rotate(90deg) translateY(13px);
  }
  .canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .bottom-content {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 16px 24px;
  }
  .canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .bottom-content .canvas-3d-configurator-bt-add-to-cart {
    order: 2;
  }
  .canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .bottom-content .sum-total-content {
    order: 1;
    justify-content: center;
  }
}
@media screen and (max-width: 743px) {
  .canvas-3d-configurator-page {
    --padding-sidebar: 16px;
  }
  .canvas-3d-configurator-page[expand="1"][sidebar-big="1"] .canvas-configuration-content {
    grid-template-rows: minmax(272px, 272px) minmax(0, 1fr);
  }
  .canvas-3d-configurator-page[expand="1"] .canvas-configuration-content {
    grid-template-rows: minmax(400px, 400px) minmax(0, 1fr);
  }
  .canvas-3d-configurator-page[expand="0"][sidebar-big="1"] .canvas-configuration-content {
    grid-template-rows: minmax(272px, 1fr) minmax(0, 0);
  }
  .canvas-3d-configurator-page[expand="0"] .canvas-configuration-content {
    grid-template-rows: minmax(400px, 1fr) minmax(0, 0);
  }
  .canvas-3d-configurator-page .canvas-configuration-content .model-content .model-controller .button-controllers {
    display: contents;
  }
  .canvas-3d-configurator-page .canvas-configuration-content .model-content .model-controller .button-controllers .content {
    display: flex;
    gap: 8px;
  }
  .canvas-3d-configurator-page .canvas-configuration-content .model-content .model-controller .button-controllers .history-controllers {
    width: 100%;
    padding: 0 16px;
    justify-content: space-between;
    pointer-events: none;
  }
  .canvas-3d-configurator-page .canvas-configuration-content .model-content .model-controller .button-controllers .history-controllers button {
    pointer-events: auto;
  }
  .canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .bottom-content {
    display: flex;
    flex-direction: column;
    padding: 16px;
  }
  .canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .bottom-content .canvas-3d-configurator-bt-add-to-cart {
    order: 1;
  }
  .canvas-3d-configurator-page .canvas-configuration-content .sidebar-content .canvas-sidebar .bottom-content .sum-total-content {
    order: 2;
  }
}
.canvas-3d-configurator-editions {
  counter-reset: canvas-3d-step-number;
}
.canvas-3d-configurator-editions:has(> .canvas-3d-step:nth-child(1 of :not(.hidden-by-rule)):nth-last-child(1 of :not(.hidden-by-rule))) {
  --canvas-3d-step-total: "1";
}
.canvas-3d-configurator-editions:has(> .canvas-3d-step:nth-child(2 of :not(.hidden-by-rule)):nth-last-child(1 of :not(.hidden-by-rule))) {
  --canvas-3d-step-total: "2";
}
.canvas-3d-configurator-editions:has(> .canvas-3d-step:nth-child(3 of :not(.hidden-by-rule)):nth-last-child(1 of :not(.hidden-by-rule))) {
  --canvas-3d-step-total: "3";
}
.canvas-3d-configurator-editions:has(> .canvas-3d-step:nth-child(4 of :not(.hidden-by-rule)):nth-last-child(1 of :not(.hidden-by-rule))) {
  --canvas-3d-step-total: "4";
}
.canvas-3d-configurator-editions:has(> .canvas-3d-step:nth-child(5 of :not(.hidden-by-rule)):nth-last-child(1 of :not(.hidden-by-rule))) {
  --canvas-3d-step-total: "5";
}
.canvas-3d-configurator-editions:has(> .canvas-3d-step:nth-child(6 of :not(.hidden-by-rule)):nth-last-child(1 of :not(.hidden-by-rule))) {
  --canvas-3d-step-total: "6";
}
.canvas-3d-configurator-editions:has(> .canvas-3d-step:nth-child(7 of :not(.hidden-by-rule)):nth-last-child(1 of :not(.hidden-by-rule))) {
  --canvas-3d-step-total: "7";
}
.canvas-3d-configurator-editions:has(> .canvas-3d-step:nth-child(8 of :not(.hidden-by-rule)):nth-last-child(1 of :not(.hidden-by-rule))) {
  --canvas-3d-step-total: "8";
}
.canvas-3d-configurator-editions:has(> .canvas-3d-step:nth-child(9 of :not(.hidden-by-rule)):nth-last-child(1 of :not(.hidden-by-rule))) {
  --canvas-3d-step-total: "9";
}
.canvas-3d-configurator-editions:has(> .canvas-3d-step:nth-child(10 of :not(.hidden-by-rule)):nth-last-child(1 of :not(.hidden-by-rule))) {
  --canvas-3d-step-total: "10";
}
.canvas-3d-configurator-editions:has(> .canvas-3d-step:nth-child(11 of :not(.hidden-by-rule)):nth-last-child(1 of :not(.hidden-by-rule))) {
  --canvas-3d-step-total: "11";
}
.canvas-3d-configurator-editions:has(> .canvas-3d-step:nth-child(12 of :not(.hidden-by-rule)):nth-last-child(1 of :not(.hidden-by-rule))) {
  --canvas-3d-step-total: "12";
}
.canvas-3d-configurator-editions:has(> .canvas-3d-step:nth-child(13 of :not(.hidden-by-rule)):nth-last-child(1 of :not(.hidden-by-rule))) {
  --canvas-3d-step-total: "13";
}
.canvas-3d-configurator-editions:has(> .canvas-3d-step:nth-child(14 of :not(.hidden-by-rule)):nth-last-child(1 of :not(.hidden-by-rule))) {
  --canvas-3d-step-total: "14";
}
.canvas-3d-configurator-editions:has(> .canvas-3d-step:nth-child(15 of :not(.hidden-by-rule)):nth-last-child(1 of :not(.hidden-by-rule))) {
  --canvas-3d-step-total: "15";
}
.canvas-3d-configurator-editions:has(> .canvas-3d-step:nth-child(16 of :not(.hidden-by-rule)):nth-last-child(1 of :not(.hidden-by-rule))) {
  --canvas-3d-step-total: "16";
}
.canvas-3d-configurator-editions:has(> .canvas-3d-step:nth-child(17 of :not(.hidden-by-rule)):nth-last-child(1 of :not(.hidden-by-rule))) {
  --canvas-3d-step-total: "17";
}
.canvas-3d-configurator-editions:has(> .canvas-3d-step:nth-child(18 of :not(.hidden-by-rule)):nth-last-child(1 of :not(.hidden-by-rule))) {
  --canvas-3d-step-total: "18";
}
.canvas-3d-configurator-editions:has(> .canvas-3d-step:nth-child(19 of :not(.hidden-by-rule)):nth-last-child(1 of :not(.hidden-by-rule))) {
  --canvas-3d-step-total: "19";
}
.canvas-3d-configurator-editions:has(> .canvas-3d-step:nth-child(20 of :not(.hidden-by-rule)):nth-last-child(1 of :not(.hidden-by-rule))) {
  --canvas-3d-step-total: "20";
}
.canvas-3d-configurator-editions .canvas-3d-step-heading {
  counter-increment: canvas-3d-step-number;
}
.canvas-3d-configurator-editions .canvas-3d-step-heading::before {
  content: counter(canvas-3d-step-number) "/" var(--canvas-3d-step-total) " ";
}
.canvas-3d-step.step-hidden {
  display: none;
}
.edition-product-wrapper {
  display: none;
}
.edition-product-wrapper.active {
  display: block;
}
.collapsed-content .expanded-content .content-inner.canvas-configurator-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 8px;
}
.canvas-config-item {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  min-width: 0;
  min-height: 78px;
  padding: 8px;
  border: 1px solid var(--color-border-default);
  background: var(--color-pure-white);
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.canvas-config-item.active {
  border-color: var(--theme-color-2);
  box-shadow: inset 0 0 0 1px var(--theme-color-2);
}
.canvas-config-item .config-item-image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  overflow: hidden;
  border: 1px solid var(--color-border-default);
  background: var(--color-pure-white);
}
.canvas-config-item .config-item-image .image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.canvas-config-item .config-item-placeholder {
  color: var(--theme-color-muted);
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}
.canvas-config-item .selected-badge {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid var(--color-pure-white);
  background: var(--theme-color-2);
  opacity: 0;
  transition: opacity 0.2s ease;
}
.canvas-config-item.selecting .selected-badge {
  opacity: 1;
}
.canvas-config-item .config-item-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}
.canvas-config-item .config-item-name,
.canvas-config-item .config-item-price {
  margin: 0;
  min-width: 0;
}
.canvas-config-item .config-item-name {
  color: var(--theme-color-text);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.canvas-config-item .config-item-price {
  color: var(--theme-color-muted);
  font-size: 12px;
  line-height: 1.35;
}
@media (hover: hover) and (pointer: fine) {
  .canvas-config-item:not(.active):hover {
    border-color: var(--color-rouge);
  }
  .canvas-config-item:not(.active):hover .config-item-image {
    border-color: var(--color-rouge);
  }
}
.spinner-inline {
  display: none;
  align-items: center;
}
.spinner-inline .content {
  width: 1rem;
  height: 1rem;
  border: 2px solid currentcolor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: canvas-spinner-rotate 0.8s linear infinite;
}
.login-failed-page .login-failed-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  margin: 96px auto;
  max-width: 640px;
  text-align: center;
}
.login-failed-page .login-failed-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
  margin-top: 16px;
}
@media screen and (max-width: 743px) {
  .login-failed-page .login-failed-content {
    margin: 48px auto;
  }
  .login-failed-page .login-failed-actions {
    flex-direction: column;
    width: 100%;
  }
  .login-failed-page .login-failed-actions .bt {
    --width-btn: 100%;
  }
}
.canvas-3d-product-page .canvas-3d-product-page-content {
  --container-max-width: 720px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  padding: 64px 0;
}
.canvas-3d-product-page .canvas-3d-product-page-title {
  color: var(--theme-color-text);
}
.canvas-3d-product-page .canvas-3d-product-page-link {
  max-width: 100%;
}
@media (max-width: 743px) {
  .canvas-3d-product-page .canvas-3d-product-page-content {
    gap: 16px;
    padding: 32px 0;
  }
}
.add-on-service {
  --w-box-price: 100px;
}
@media (max-width: 743px) {
  .add-on-service {
    --w-box-price: 80px;
  }
}
.add-on-service.hidden {
  display: none;
}
.add-on-service .content {
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--w-box-price);
  gap: 16px;
  min-height: 0;
  overflow: hidden;
}
.add-on-service .content:has(.image-box) {
  grid-template-columns: 112px minmax(0, 1fr) var(--w-box-price);
}
.add-on-service .image-box {
  width: 112px;
  height: 112px;
}
.add-on-service .image-box picture,
.add-on-service .image-box img {
  height: 100%;
  width: 100%;
}
.add-on-service .box-detail {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.add-on-service .box-detail .txt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.add-on-service .link-out {
  text-decoration: underline;
}
.add-on-service .add-installing-cost {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.add-on-service .add-installing-cost .add-on-toggle-bt {
  --width-svg: 16px;
}
.add-on-service .add-installing-cost .add-on-toggle-bt .icon {
  display: none;
}
.add-on-service .add-installing-cost .add-on-toggle-bt[data-state=plus] .plus-icon,
.add-on-service .add-installing-cost .add-on-toggle-bt[data-state=loading] .loading-icon,
.add-on-service .add-installing-cost .add-on-toggle-bt[data-state=minus] .minus-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.add-on-service .add-installing-cost .add-on-toggle-bt[data-state=loading] {
  pointer-events: none;
}
.add-on-service .add-installing-cost .add-on-toggle-bt .spinner {
  width: var(--width-svg);
  height: var(--width-svg);
  border: 2px solid currentcolor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: canvas-spinner-rotate 0.8s linear infinite;
}
.edition-config-add-on-service .add-on-service-title {
  margin-bottom: 24px;
}
.edition-config-add-on-service > .items {
  display: none;
}
.configuration-overview {
  padding: 120px 0;
  background-color: var(--color-neutral-50);
}
@media (max-width: 1200px) {
  .configuration-overview {
    padding: 80px 0;
  }
}
@media (max-width: 743px) {
  .configuration-overview {
    padding: 48px 0;
  }
}
.configuration-overview .overview-container {
  --container-max-width: 1728px;
  --container-padding: 152px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 64px 136px;
}
@media (max-width: 1200px) {
  .configuration-overview .overview-container {
    --container-padding: 24px;
    grid-template-columns: minmax(0, 1fr);
    gap: 48px;
  }
}
@media (max-width: 743px) {
  .configuration-overview .overview-container {
    --container-padding: 16px;
    gap: 40px;
  }
}
.configuration-overview .overview-container.single-column {
  grid-template-columns: minmax(0, 1fr);
}
.configuration-overview .configuration-overview-intro {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.configuration-overview .configuration-overview-intro .intro-title {
  margin: 0;
  max-width: 440px;
}
@media (max-width: 1200px) {
  .configuration-overview .configuration-overview-intro .intro-title {
    max-width: 100%;
  }
}
.configuration-overview .configuration-overview-intro .intro-description {
  max-width: 460px;
}
.configuration-overview .configuration-overview-intro .intro-description a {
  text-decoration: underline;
}
@media (max-width: 1200px) {
  .configuration-overview .configuration-overview-intro .intro-description {
    max-width: 100%;
  }
}
.configuration-overview .configuration-overview-intro .intro-image {
  margin-top: 40px;
  mix-blend-mode: multiply;
}
@media (max-width: 1200px) {
  .configuration-overview .configuration-overview-intro .intro-image {
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 743px) {
  .configuration-overview .configuration-overview-intro .intro-image {
    margin-top: 16px;
  }
}
.configuration-overview .configuration-overview-intro .intro-image img {
  display: block;
  width: 100%;
  max-width: 580px;
  height: auto;
  aspect-ratio: 782/502;
  object-fit: contain;
}
@media (max-width: 743px) {
  .configuration-overview .configuration-overview-intro .intro-image img {
    max-width: 440px;
  }
}
.configuration-overview .overview-details {
  border-top: 1px solid var(--color-border-default);
}
.configuration-overview .configuration-overview-accordion .collapsed-bt {
  padding: 24px 0;
  color: var(--theme-color-text);
}
.configuration-overview .configuration-overview-accordion .accordion-title {
  margin: 0;
}
.configuration-overview .configuration-overview-accordion .accordion-description a,
.configuration-overview .configuration-overview-accordion .accordion-note a {
  text-decoration: underline;
}
.configuration-overview .configuration-overview-accordion .accordion-rows {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0;
}
.configuration-overview .configuration-overview-accordion .accordion-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 64px) minmax(0, 1fr);
  align-items: center;
  gap: 16px;
}
@media (max-width: 743px) {
  .configuration-overview .configuration-overview-accordion .accordion-row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 48px) minmax(0, 1fr);
  }
}
.configuration-overview .configuration-overview-accordion .accordion-row dt,
.configuration-overview .configuration-overview-accordion .accordion-row dd {
  margin: 0;
}
.configuration-overview .configuration-overview-accordion .accordion-row .row-label {
  color: var(--color-neutral-500);
}
@media (max-width: 743px) {
  .configuration-overview .configuration-overview-accordion .accordion-row .row-label {
    font-weight: 400;
  }
}
.configuration-overview .configuration-overview-accordion .accordion-row .row-value {
  display: flex;
  align-items: center;
  gap: 16px;
  white-space: nowrap;
}
.configuration-overview .configuration-overview-accordion .accordion-row .row-value:has(.row-swatch) {
  grid-column: 2/span 2;
  gap: 56px;
}
@media (max-width: 743px) {
  .configuration-overview .configuration-overview-accordion .accordion-row .row-value:has(.row-swatch) {
    gap: 40px;
  }
}
.configuration-overview .configuration-overview-accordion .accordion-row .row-value:has(.row-swatch) + .row-unit {
  display: none;
}
.configuration-overview .configuration-overview-accordion .accordion-row .row-swatch {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}
.configuration-overview .configuration-overview-accordion .accordion-note {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  padding: 24px;
  border: 1px solid var(--color-border-default);
}
@media (max-width: 743px) {
  .configuration-overview .configuration-overview-accordion .accordion-note {
    gap: 16px;
    padding: 16px 20px;
  }
}
.configuration-overview .configuration-overview-accordion .accordion-note .icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  color: var(--color-neutral-500);
}
.configuration-overview .configuration-overview-accordion .accordion-note .icon svg {
  display: block;
  width: 24px;
  height: 24px;
}
.canvas-3d-ai-sliders {
  padding: 64px 0;
  overflow-x: clip;
}
@media (max-width: 1200px) {
  .canvas-3d-ai-sliders {
    padding: 24px 0;
  }
}
@media (max-width: 743px) {
  .canvas-3d-ai-sliders {
    padding: 16px 0;
  }
}
.canvas-3d-ai-slider {
  scroll-margin-top: var(--header-height, 0px);
}
.canvas-3d-ai-slider.hidden {
  display: none;
}
.canvas-3d-ai-slider .ai-slider-container {
  --container-max-width: 1728px;
  --container-padding: 64px;
}
@media (max-width: 1200px) {
  .canvas-3d-ai-slider .ai-slider-container {
    --container-padding: 24px;
  }
}
@media (max-width: 743px) {
  .canvas-3d-ai-slider .ai-slider-container {
    --container-padding: 16px;
  }
}
.canvas-3d-ai-slider .ai-slider-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 40px;
}
@media (max-width: 1200px) {
  .canvas-3d-ai-slider .ai-slider-header {
    margin-bottom: 24px;
  }
}
@media (max-width: 743px) {
  .canvas-3d-ai-slider .ai-slider-header {
    margin-bottom: 16px;
  }
}
.canvas-3d-ai-slider .ai-slider-title {
  min-width: 0;
}
.canvas-3d-ai-slider .ai-slider-nav {
  display: flex;
  gap: 16px;
  margin-left: auto;
}
@media (max-width: 743px) {
  .canvas-3d-ai-slider .ai-slider-nav {
    display: none;
  }
}
.canvas-3d-ai-slider .ai-slider-nav .circle-bt {
  --bt-width: 40px;
  --icon-width: 16px;
  --color-circle: transparent;
  --color-icon-circle: var(--color-neutral-1000);
  --color-icon-circle-hover: var(--color-neutral-1000);
  box-shadow: none;
  border: 1px solid transparent;
}
@media (hover: hover) and (pointer: fine) {
  .canvas-3d-ai-slider .ai-slider-nav .circle-bt:hover {
    box-shadow: none;
    border-color: var(--color-neutral-400);
  }
}
.canvas-3d-ai-slider .ai-slider-nav .circle-bt.swiper-button-disabled {
  --color-icon-circle: var(--color-neutral-400);
  cursor: default;
  pointer-events: none;
}
.canvas-3d-ai-slider .ai-slider-nav .circle-bt.swiper-button-lock {
  display: none;
}
.canvas-3d-ai-slider .ai-slider-nav .bt-prev .icon svg {
  transform: rotate(90deg);
}
.canvas-3d-ai-slider .ai-slider-nav .bt-next .icon svg {
  transform: rotate(-90deg);
}
.canvas-3d-ai-slider .ai-slider-swiper {
  overflow: visible;
}
.canvas-3d-ai-slider .ai-slider-item {
  position: relative;
  aspect-ratio: 25/22;
  overflow: hidden;
  background-color: var(--color-neutral-50);
}
@media (max-width: 1200px) {
  .canvas-3d-ai-slider .ai-slider-item {
    aspect-ratio: 20/19;
  }
}
@media (max-width: 743px) {
  .canvas-3d-ai-slider .ai-slider-item {
    aspect-ratio: 42/43;
  }
}
.canvas-3d-ai-slider .ai-slider-item.hidden {
  display: none;
}
.canvas-3d-ai-slider .ai-slider-item picture,
.canvas-3d-ai-slider .ai-slider-item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.canvas-3d-ai-slider .ai-slider-bt-expand {
  position: absolute;
  z-index: 1;
  right: 16px;
  bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: transparent;
  color: var(--color-pure-white);
  cursor: pointer;
}
.canvas-3d-ai-slider .ai-slider-bt-expand .icon,
.canvas-3d-ai-slider .ai-slider-bt-expand svg {
  width: 24px;
  height: 24px;
}
.canvas-3d-ai-slider .ai-slider-bt-expand .icon {
  transition: transform 0.3s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
  .canvas-3d-ai-slider .ai-slider-bt-expand:hover .icon {
    transform: scale(1.15);
  }
}
.icon-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: flex-start;
}
.icon-content .info-title {
  min-height: 24px;
}
.icon-content .icons-list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: visible;
}
.icon-content .icons-item {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  border-radius: 3px;
  overflow: hidden;
}
.icon-content .icons-item svg,
.icon-content .icons-item img,
.icon-content .icons-item .icon {
  display: block;
  object-fit: contain;
}
.icon-content.s .icons-item {
  background-color: var(--color-pure-white);
}
.icon-content.s .icons-item svg,
.icon-content.s .icons-item img,
.icon-content.s .icons-item .icon {
  width: 32px;
  height: 20px;
}
.icon-content.m .icons-item {
  background-color: var(--color-pure-white);
}
.icon-content.m .icons-item svg,
.icon-content.m .icons-item img,
.icon-content.m .icons-item .icon {
  width: 36px;
  height: 22px;
}
.icon-content.l .icons-item svg,
.icon-content.l .icons-item img,
.icon-content.l .icons-item .icon {
  height: 40px;
}
.icon-content.l .icons-list {
  gap: 24px;
}
.icon-content.left .icons-list {
  justify-content: left;
}
.icon-content.center .icons-list {
  justify-content: center;
}
.icon-content.right {
  width: fit-content;
}
.icon-content.right .icons-list {
  justify-content: right;
}
@media screen and (max-width: 743px) {
  .icon-content.right {
    width: 100%;
  }
}
.usp-bar {
  padding: 48px 0;
  background-color: var(--color-pure-white);
  margin-bottom: 48px;
}
@media (max-width: 1200px) {
  .usp-bar {
    padding: 24px 0;
    margin-bottom: 24px;
  }
}
@media (max-width: 743px) {
  .usp-bar {
    margin-bottom: 16px;
  }
}
.usp-bar .usp-bar-container {
  --container-max-width: 1728px;
  --container-padding: 64px;
}
@media (max-width: 1200px) {
  .usp-bar .usp-bar-container {
    --container-padding: 24px;
  }
}
@media (max-width: 743px) {
  .usp-bar .usp-bar-container {
    --container-padding: 16px;
  }
}
.usp-bar .usp-list {
  display: flex;
  justify-content: space-between;
  gap: 48px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 1200px) {
  .usp-bar .usp-list {
    justify-content: flex-start;
    gap: 40px;
    margin: 0 calc(var(--container-padding) * -1);
    padding: 0 var(--container-padding);
    scroll-padding-inline: var(--container-padding);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .usp-bar .usp-list::-webkit-scrollbar {
    display: none;
  }
}
.usp-bar .usp-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  flex: 0 1 432px;
  min-width: 0;
}
@media (max-width: 1200px) {
  .usp-bar .usp-item {
    justify-content: flex-start;
    flex: 0 0 auto;
    scroll-snap-align: start;
  }
}
.usp-bar .usp-icon {
  flex: 0 0 60px;
  height: 60px;
}
.usp-bar .usp-icon picture,
.usp-bar .usp-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.usp-bar .usp-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: var(--theme-color-text);
}
.reviews-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.reviews-content .info-title {
  min-height: 24px;
}
/*# sourceMappingURL=woood.min.css.map */