@import "6720b71005fb0d6704c4--914fc8f71479.css";
@import "87859381a47b6f4a0509--d35271a8c35d.css";
@import "6603343e561872aa1467--b374920d23de.css";

:focus-visible {
  outline: 0.125rem solid var(--color-focus-600);
  outline-offset: 0.0625rem;
}

html {
  scroll-behavior: smooth;
}

body {
  padding-top: 9rem;
  font-family: var(--font-primary);
  font-weight: normal;
  line-height: 1.625;
  overflow-x: hidden;
}

/*body.has-flyout, body.has-banner, body.has-menu {
  overflow-y: hidden;
}*/

body.has-flyout .flyout-bg, body.has-banner .flyout-bg {
  opacity: 1;
  visibility: visible;
}

body.has-flyout .flyout {
  right: 0;
}

body.has-banner .banner {
  opacity: 1;
  visibility: visible;
}

body.mm-ocd-opened .icon-burger {
  background-image: url("../images/close--b2c6f1346f6e.svg") !important;
}

.screen-reader-shortcut {
  position: absolute !important;
  top: -1000rem;
  left: 0.25rem;
  transition: none;
  z-index: 9999999;
}

.screen-reader-shortcut:focus {
  top: 0.25rem;
}

h1, .h1-style, .h1-small, h2, .h2-style, h3, .h3-style, h4, .h4-style, h5, .h5-style {
  display: block;
}

h1, .h1-style, .h1-small {
  font-family: var(--font-secondary);
  font-weight: bold;
  font-size: 1.9375rem;
  line-height: 1.1935483871;
}

h1 + *, .h1-style + *, .h1-small + * {
  margin-top: 1.5rem;
}

h2, .h2-style {
  font-family: var(--font-secondary);
  font-weight: bold;
  font-size: 1.5625rem;
  line-height: 1.28;
}

h2 + *, .h2-style + * {
  margin-top: 1.5rem;
}

h3, .h3-style {
  font-family: var(--font-secondary);
  font-weight: bold;
  font-size: 1.5625rem;
  line-height: 1.4;
}

h3 + *, .h3-style + * {
  margin-top: 0.5rem;
}

h4, .h4-style {
  font-family: var(--font-primary);
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.4;
}

h4 + *, .h4-style + * {
  margin-top: 0.5rem;
}

h5, .h5-style {
  font-family: var(--font-primary);
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.375;
}

h5 + *, .h5-style + * {
  margin-top: 0.5rem;
}

p + *, ol + *, ul + * {
  margin-top: 1rem;
}

ol:not(.list-style-none), ul:not(.list-style-none):not(.breadcrumb):not(.slick-dots):not(.dr-overview-list):not(.dr-tab-category-content) {
  padding-left: 1.5rem;
}

ol:not(.list-style-none) {
  list-style: decimal;
}

ul:not(.list-style-none):not(.breadcrumb):not(.slick-dots):not(.dr-overview-list):not(.dr-tab-category-content) {
  list-style: disc;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1rem;
}

.breadcrumb li:not(:last-of-type) {
  position: relative;
}

.breadcrumb li:not(:last-of-type)::after {
  content: "";
  display: block;
  width: 0.5rem;
  height: 100%;
  position: absolute;
  top: 0;
  right: -0.75rem;
  background: url("../images/right--f767637c9782.svg") no-repeat center center;
  background-size: contain;
}

.breadcrumb li a {
  text-underline-offset: 0.3125rem;
}

a {
  line-height: 1.6875;
  color: inherit;
  text-decoration-color: var(--color-alpha-neutral-900-20);
  text-decoration-thickness: 0.0625rem;
  text-underline-offset: 0.4375rem;
}

.btn {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0.875rem 1.75rem;
  font-family: inherit;
  font-weight: bold;
  font-size: 0.8125rem;
  line-height: 1.5384615385;
  letter-spacing: 0.121875rem;
  text-transform: uppercase;
  appearance: none;
  background-color: var(--color-neutral-0);
  border: none;
  color: inherit;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
}

.btn::after {
  content: "";
  display: block;
  width: calc(100% - 0.4375rem);
  height: calc(100% - 0.4375rem);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 0.0625rem solid;
}

.btn.btn-cart {
  padding-right: 3.5rem;
  background-image: url("../images/shopping-cart--f00b537974d9.svg");
  background-repeat: no-repeat;
  background-position: center right 1.25rem;
  background-size: 1.25rem 1.25rem;
}

.btn.btn-primary {
  background-color: var(--color-primary-500);
  color: var(--color-neutral-0);
}

.btn.btn-primary.btn-cart {
  background-image: url("../images/shopping-cart-white--fb9289b16473.svg");
}

strong, .strong, b {
  font-weight: bold;
}

img {
  display: block;
  object-fit: cover;
}

figcaption {
  max-width: var(--container-max-width);
  margin-top: 0.5rem;
  margin-right: auto;
  margin-left: auto;
}

iframe {
  display: block;
}

.small {
  font-size: 0.8125rem;
  line-height: 1.5384615385;
  letter-spacing: 0.0325rem;
}

.label {
  display: block;
  font-weight: bold;
  font-size: 0.8125rem;
  line-height: 1.5384615385;
  letter-spacing: 0.11375rem;
  text-transform: uppercase;
}

.label.tag {
  display: inline-block;
  padding: 0.125rem 0.5rem;
  background-color: var(--color-primary-500);
  color: var(--color-neutral-0);
}

.label.tag.tag-green {
  background-color: var(--color-green-700);
}

.tags {
  display: flex;
  column-gap: 0.5rem;
}

.colors {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  /*gap: 0.5rem;*/
  gap: 8px;
}

.colors .color {
  /*width: 1rem;
   height: 1rem;*/
  width: 16px;
  height: 16px;
  position: relative;
  margin: 0;
  padding: 0;
  border: 0.0625rem solid var(--color-alpha-neutral-900-20);
  border-radius: 2rem;
  appearance: none;
  cursor: pointer;
}

.colors .color.active::after,
.colors .color:checked::after {
  content: "";
  display: block;
  /*width: 1.25rem;
   height: 1.25rem;*/
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 0.0625rem solid var(--color-neutral-900);
  border-radius: 2.375rem;
}

.colors.big {
  gap: 0.5rem;
}

.colors.big .color {
  width: 1.5rem;
  height: 1.5rem;
}

.colors.big .color.active::after,
.colors.big .color:checked::after {
  width: 1.875rem;
  height: 1.875rem;
}

.form-title {
  margin-bottom: 1.5rem;
}

.form-row {
  row-gap: 1rem;
}

.form-group {
  position: relative;
  padding-top: 1.125rem;
}

.form-support {
  position: absolute;
  bottom: -1.375rem;
  left: 0;
  color: var(--color-danger-700);
}

.form-label {
  display: block;
  position: absolute;
  top: 1.75rem;
  left: 0;
  color: var(--color-alpha-neutral-900-68);
  pointer-events: none;
  transition: 0.3s;
}

.form-control {
  display: block;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 3rem;
  padding: 0;
  appearance: none;
  background-color: transparent;
  border: none;
  border-bottom: 0.0625rem solid var(--color-alpha-neutral-900-44);
  border-radius: 0;
  font: inherit;
  color: inherit;
}

.form-control::placeholder {
  color: var(--color-alpha-neutral-900-68);
}

.form-control.error {
  border-color: var(--color-danger-700);
}

.form-control:focus {
  border-color: var(--color-neutral-900);
  outline: none;
}

.form-control.has-placeholder ~ .form-label, .form-control:focus ~ .form-label, .form-control.has-value ~ .form-label {
  top: 0;
  font-size: 0.8125rem;
  line-height: 1.5384615385;
  letter-spacing: 0.0325rem;
}

select.form-control {
  padding-right: 1.75rem;
  background-image: url("../images/down--1e1e233915e8.svg");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 1.25rem 1.25rem;
}

textarea.form-control {
  height: 9.125rem;
  min-height: 9.125rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.form-checks {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.radio-group, .check-group {
  position: relative;
  /*padding-left: 2rem;*/
  padding-left: 32px;
  line-height: 26px;
}

.radio-group + *, .check-group + * {
  /*margin-top: 0.25rem;*/
  margin-top: 4px;
}

.radio-group.is-filter, .check-group.is-filter {
  padding-right: 2rem;
  padding-left: 0;
}

.radio-group.is-filter .form-radio, .check-group.is-filter .form-radio, .radio-group.is-filter .form-check, .check-group.is-filter .form-check {
  right: 0;
  left: auto;
}

.form-radio, .form-check {
  /*width: 1.5rem;
   height: 1.5rem;*/
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0.0625rem;
  left: 0;
  margin: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.form-radio {
  background-image: url("../images/radio--aa7edfdfe38a.svg");
  border-radius: 100%;
}

.form-radio:checked {
  background-image: url("../images/radio-checked--46bf9b8a1d83.svg");
}

.form-check {
  background-image: url("../images/check--32f578338197.svg");
}

.form-check:checked {
  background-image: url("../images/check-checked--5d27eecce376.svg");
}

.radio-button-group {
  width: 100%;
  position: relative;
}

.radio-button-group * {
  cursor: pointer;
}

.form-radio-button {
  display: block;
  width: 100%;
  height: 2.625rem;
  margin: 0;
  background-color: transparent;
  border: 0.125rem solid var(--color-neutral-200);
}

.form-radio-button + label {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding-left: 1.75rem;
  background-repeat: no-repeat;
  background-position: center left;
  background-size: 1.25rem 1.25rem;
}

.form-radio-button.delivery + label {
  background-image: url("../images/delivery--42d9dd744356.svg");
}

.form-radio-button.pickup + label {
  background-image: url("../images/pickup--3ce5845e481f.svg");
}

.form-radio-button:checked {
  border-color: var(--color-neutral-900);
}

.language-switch {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 0.5rem;
}

.language-switch .language {
  font-weight: bold;
  line-height: 1.625;
  text-decoration: none;
}

.language-switch .language:not(.active) {
  color: var(--color-alpha-neutral-900-68);
}

.language-switch .divider {
  width: 0.0625rem;
  height: 1.25rem;
  background-color: var(--color-neutral-900);
}

.cart {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
}

.cart-card {
  display: flex;
  column-gap: 1rem;
  position: relative;
}

.cart-card .card-image {
  width: 6.5rem;
}

.cart-card .card-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 0.5rem;
  width: calc(100% - 10.25rem);
}

.cart-card .card-content .amount {
  width: 5rem;
  height: 2.5rem;
  padding-left: 0.9375rem;
  appearance: none;
  background-color: var(--color-neutral-0);
  background-image: url("../images/down--01f4d21fa0c5.svg");
  background-repeat: no-repeat;
  background-position: center right 0.9375rem;
  background-size: 0.75rem 0.75rem;
  border: 0.0625rem solid var(--color-neutral-200);
  color: inherit;
  font: inherit;
}

.cart-card .card-content .amount-error {
  color: var(--color-danger-700);
}

.cart-card .card-content .no-arrow {
  background-image: none !important;
}

.cart-card .card-content .delete {
  width: 2.25rem;
  height: 2.25rem;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  appearance: none;
  background: transparent url("../images/delete-bin--7c2e7a9447d5.svg") no-repeat center center;
  background-size: 1.25rem 1.25rem;
  border: none;
}

.cart-card .card-content .content-bottom {
  display: flex;
  column-gap: 0.5rem;
}

.cart-card .card-content .content-bottom .price-old {
  color: var(--color-alpha-neutral-900-68);
  text-decoration: line-through;
}

.order-card {
  position: relative;
  margin-top: 3rem;
  padding: 1.75rem;
}

.order-card::before {
  content: "";
  display: block;
  width: calc(100% - 0.5rem);
  height: calc(100% - 0.5rem);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 0.0625rem solid var(--color-neutral-900);
  z-index: 1;
}

.order-card .card-content {
  position: relative;
  z-index: 2;
}

.order-card .card-content .card-title {
  margin-bottom: 1rem;
}

.order-card .card-content .row-voucher, .order-card .card-content .row-vat {
  margin-top: 0.5rem;
}

.order-card .card-content .row-total {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-top: 0.0625rem solid var(--color-alpha-neutral-900-20);
  border-bottom: 0.0625rem solid var(--color-alpha-neutral-900-20);
}

.order-card .card-content .card-button {
  margin-top: 1.5rem;
}

.quote {
  position: relative;
  padding-left: 2.25rem;
}

.quote::before, .quote::after {
  content: "";
  display: block;
  width: 0.0625rem;
  height: calc(100% - 1rem);
  position: absolute;
  top: 0.5rem;
  background-color: var(--color-primary-500);
}

.quote::before {
  left: 0;
}

.quote::after {
  left: 0.1875rem;
}

.tabs {
  position: sticky;
  top: 5.5rem;
  padding-top: 0.5rem;
  border-bottom: 0.0625rem solid var(--color-neutral-200);
  z-index: 95;
}

.tabs .tabs-mobile {
  height: 3rem;
  padding: 0;
  appearance: none;
  background: transparent url("../images/down--1e1e233915e8.svg") no-repeat center right;
  background-size: 1.25rem 1.25rem;
  border: none;
  font: inherit;
  color: inherit;
}

.filter {
  padding-top: 1.5rem;
}

.filter .filter-left {
  display: flex;
  column-gap: 1rem;
}

.filter .filter-left .trigger-filter {
  padding: 0.625rem 0 0.625rem 1.75rem;
  background: transparent url("../images/filter--bd8934f495eb.svg") no-repeat center left;
  background-size: 1.25rem 1.25rem;
  appearance: none;
  border: none;
  color: inherit;
  cursor: pointer;
  font-family: inherit;
  text-align: left;
}

.filter .filter-right {
  margin-top: 1rem;
}

.pagination .indicator {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  max-width: 25.5rem;
  margin: 0 auto 1.5rem;
}

.pagination .indicator .indicator-bars {
  display: flex;
}

.pagination .indicator .indicator-bars .indicator-bar {
  height: 0.25rem;
}

.pagination .buttons {
  display: flex;
  column-gap: 0.5rem;
}

.bg-primary-100 {
  background-color: var(--color-primary-100);
}

.bg-primary-50 {
  background-color: var(--color-primary-50);
}

.bg-neutral-0 {
  background-color: var(--color-neutral-0);
}

.bg-neutral-200 {
  background-color: var(--color-neutral-200);
}

.bg-neutral-900 {
  background-color: var(--color-neutral-900);
}

.bg-alpha-neutral-900-68 {
  background-color: var(--color-alpha-neutral-900-68);
}

.bg-alpha-neutral-900-20 {
  background-color: var(--color-alpha-neutral-900-20);
}

.text-primary-500 {
  color: var(--color-primary-500);
}

.text-neutral-0 {
  color: var(--color-neutral-0);
}

.text-neutral-900 {
  color: var(--color-neutral-900);
}

.u-gap-24 {
  row-gap: 1.5rem;
}

.u-gap-40 {
  row-gap: 2rem;
}

.u-gap-48 {
  row-gap: 2.5rem;
}

.u-ratio-16-9 {
  aspect-ratio: 1.7777777778;
}

.u-ratio-3-2 {
  aspect-ratio: 1.5;
}

.u-ratio-1-1 {
  aspect-ratio: 1;
}

.u-ratio-4-3 {
  aspect-ratio: 1.3333333333;
}

.u-ratio-3-4 {
  aspect-ratio: 0.75;
}

.u-fit-cover {
  object-fit: cover;
}

.u-fit-contain {
  object-fit: contain;
}

.text-content {
  display: flex;
  flex-direction: column;
}

.card .card-image {
  display: block;
  position: relative;
  text-decoration: none;
}

.card .card-image .tags {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
}

.card .card-image .info {
  position: absolute;
  right: 0.5rem;
  bottom: 0.5rem;
}

.card .card-content {
  margin-top: 0.5rem;
}

.card .card-links {
  margin-top: 0.25rem;
}

.card.product-card .card-image.has-seal::after {
  content: "";
  display: block;
  width: 2.5rem;
  height: 2.875rem;
  position: absolute;
  bottom: 0.5rem;
  left: 0.5rem;
  background: var(--color-neutral-0) url("../images/seal-2026--700be49697d8.png") no-repeat center center;
  background-size: contain;
}

.card.product-card .product-title {
  text-decoration-color: transparent;
}

.card.product-card .prices {
  display: flex;
  column-gap: 0.5rem;
  margin-top: 0;
}

.card.product-card .prices .price-old {
  color: var(--color-alpha-neutral-900-68);
  text-decoration: line-through;
}

.card.product-card .color-switch {
  display: flex;
  /*column-gap: 0.3125rem;*/
  column-gap: 5px;
  margin-top: 0.1875rem;
  margin-bottom: 0.125rem;
  margin-left: 0.125rem;
}

.card.category-card .card-links a {
  text-decoration-color: inherit;
}

.card.news-card .label {
  margin-bottom: 0.25rem;
}

.card.news-card .card-links {
  margin-top: 0.5rem;
}

.card.team-card .position {
  margin-top: 0;
}

.slick-slider {
  margin-bottom: 0;
}

.slick-slider.has-caption .slick-prev, .slick-slider.has-caption .slick-next {
  transform: translateY(calc(-50% - 1.0625rem));
}

.slick-slider.slick-dotted {
  margin-bottom: 2.5rem;
}

.slick-prev, .slick-next {
  width: 2.25rem;
  height: 2.25rem;
  top: 50% !important;
  background-color: var(--color-neutral-900);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 1.25rem 0.875rem;
  border-radius: 100%;
  z-index: 1;
}

.slick-prev span::before, .slick-next span::before {
  display: none;
}

.slick-prev {
  left: 0.5rem;
  background-image: url("../images/left-white--91c697ed4d0d.svg");
}

.slick-next {
  right: 0.5rem;
  background-image: url("../images/right-white--42c8ce1b2a90.svg");
}

.slick-dots {
  display: flex;
  bottom: -2.5rem;
  text-align: left;
}

.slick-dots li {
  display: flex;
  justify-content: center;
  align-items: center;
  /*width: 1.5rem;
   height: 1.5rem;*/
  width: 24px;
  height: 24px;
  margin: 0;
}

.slick-dots li button {
  width: 0.5rem;
  height: 0.5rem;
  margin: 0;
  padding: 0;
  background-color: var(--color-neutral-900);
  border-radius: 100%;
}

.slick-dots li button .slick-dot-icon::before {
  display: none;
}

.slick-dots li.slick-active button {
  width: 0.625rem;
  height: 0.625rem;
  background-color: transparent;
  border: 0.0625rem solid var(--color-neutral-900);
}

.slider-counter {
  display: flex;
  justify-content: center;
  column-gap: 0.25rem;
  width: 3.25rem;
}

.slider-counter .value {
  width: 1.125rem;
}

.slider-counter .value.current {
  text-align: right;
}

.slider-counter .separator {
  width: 0.5rem;
  text-align: center;
}

.mm-spn.mm-spn--light {
  color: var(--color-neutral-900);
  background: var(--color-primary-50);
}

.mm-spn.mm-spn--light.mm-spn--main::after {
  display: none !important;
}

.mm-spn.mm-spn--light.mm-spn--main.mm-spn--navbar ul {
  top: 0;
}

.mm-spn.mm-spn--navbar:after {
  height: 4.625rem;
  padding-left: 2.75rem;
  border-bottom: 0.0625rem solid var(--color-neutral-200);
  line-height: 4.625rem;
  text-align: left;
}

.mm-spn.mm-spn--navbar:before {
  width: 1.25rem;
  height: 1.25rem;
  top: 1.6875rem;
  margin: 0;
  background: var(--color-neutral-900) url("../images/left-white--ff8388f6fff7.svg") no-repeat center center;
  background-size: 0.75rem 0.625rem;
  border: none;
  border-radius: 100%;
  transform: none;
}

.mm-spn li:before {
  width: 0.75rem;
  height: 0.75rem;
  top: 1.125rem;
  right: 1.375rem;
  background: url("../images/right--3afd1a72dae7.svg") no-repeat center center;
  background-size: contain;
  border: none;
  transform: none;
}

.mm-spn li.has-children > a {
  pointer-events: none;
}

.mm-spn.mm-spn--navbar ul {
  top: 4.625rem;
}

.mm-ocd__content .highlight {
  border-bottom: 0.0625rem solid var(--color-neutral-200);
}

.mm-ocd__content .highlight a {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  line-height: 1.5;
}

.mm-ocd__content .nav-item:first-of-type {
  margin-top: 1rem;
}

.mm-ocd__content .nav-item.lang-switch {
  margin-top: 0.875rem;
}

.mm-ocd__content .nav-item.lang-switch > a {
  color: var(--color-alpha-neutral-900-68);
}

.mm-ocd__content .nav-item-sub.first {
  margin-top: 1rem;
}

.mm-ocd__content > nav > ul > li > a, .mm-ocd__content .highlight a {
  text-transform: uppercase;
}

.mm-spn li.active::before {
  background-image: url("../images/right-primary--ae89f6e9c393.svg");
}

.mm-spn li.active > a {
  color: var(--color-primary-500);
}

.mm-ocd--open {
  background: var(--color-alpha-neutral-900-20);
}

.mm-spn.mm-spn--navbar:after, .mm-spn li:before, .mm-spn.mm-spn--navbar:before {
  opacity: 1;
}

.mm-spn ul {
  background-image: none !important;
}

.mm-spn.mm-spn--navbar ul:before, .mm-spn li:after, .mm-spn a:not(:last-child):after {
  display: none;
}

.fancybox-button--play, .fancybox-button--thumbs {
  display: none;
}

.cc-window *,
.cc-tag-placeholder * {
  font-family: var(--font-primary) !important;
}

.cc-tag-placeholder {
  aspect-ratio: 1.7777777778;
  background-color: var(--color-neutral-0) !important;
  border-radius: 0 !important;
  text-align: center;
}

.weglot_switcher.toggle .language-options {
  column-gap: 1.0625rem;
}

.weglot_switcher.toggle .language-option {
  padding: 0 !important;
  font-size: 1rem !important;
  line-height: 1.625 !important;
}

.weglot_switcher.toggle .language-option a {
  display: block;
  line-height: 1.625 !important;
}

.header .header-top {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}

.header .header-top .info-banner .banner-title {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.header .header-top .info-banner .banner-title .banner-slider .slick-autoplay-toggle-button {
  display: none;
}

.header .header-top .info-banner .banner-title .banner-slider .slide {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
}

.header .header-top .info-banner .banner-title .banner-slider .slide .open-details {
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  appearance: none;
  background: transparent url("../images/down-white--84266d1ee84e.svg") no-repeat center center;
  background-size: 0.75rem 0.75rem;
  border: none;
  cursor: pointer;
}

.header .header-top .nav-top {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

.header .header-top .nav-top .logo {
  width: 6.125rem;
}

.header .header-top .nav-top .languages {
  position: absolute;
  top: 0.0625rem;
  right: 7rem;
}

.header .header-top .nav-top .languages::after {
  content: "";
  display: block;
  width: 0.0625rem;
  height: 1.25rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--color-neutral-900);
}

/*.header .header-top .nav-top .languages > div {
  height: 1.625rem !important;
}

.header .header-top .nav-top .languages .conveythis-widget-main {
  overflow: inherit !important;
}

.header .header-top .nav-top .languages .conveythis-widget-languages {
  column-gap: 0.3125rem;
}

.header .header-top .nav-top .languages .conveythis-widget-language {
  justify-content: center;
  width: 2rem !important;
  height: 2rem !important;
  padding: 0 !important;
  border-radius: 100%;
}

.header .header-top .nav-top .languages .conveythis-widget-language > div {
  height: 2rem !important;
  padding: 0 !important;
  font-family: inherit !important;
  font-weight: bold !important;
  font-size: 1rem !important;
  line-height: 2 !important;
  color: inherit !important;
}*/

.header .header-top .nav-top .nav-icons {
  display: flex;
  align-items: center;
  column-gap: 0.25rem;
  position: absolute;
  top: -0.125rem;
  right: -0.25rem;
}

.header .header-top .nav-top .nav-icons .nav-icon {
  display: block;
  width: 2rem;
  height: 2rem;
  padding: 0;
  appearance: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 1.25rem 1.25rem;
  border: none;
  text-decoration: none;
}

.header .header-top .nav-top .nav-icons .nav-icon.icon-contact {
  background-image: url("../images/contact--02659faa500f.svg");
}

.header .header-top .nav-top .nav-icons .nav-icon.icon-cart {
  position: relative;
  background-image: url("../images/shopping-cart--f00b537974d9.svg");
  background-size: 1.25rem 1.3125rem;
}

.header .header-top .nav-top .nav-icons .nav-icon.icon-cart .badge {
  display: block;
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: -0.125rem;
  right: -0.125rem;
  border-radius: 100%;
}

.header .header-top .nav-top .nav-icons .nav-icon.icon-cart .badge .badge-value {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.6875rem;
  line-height: 1;
}

.header .header-top .nav-top .nav-icons .nav-icon.icon-cart .badge.has-value {
  background-color: var(--color-green-700);
}

.header .header-top .nav-top .nav-icons .nav-icon.icon-burger {
  background-image: url("../images/burger--3d7a08df9b17.svg");
}

.header .header-middle {
  position: absolute;
  top: 6rem;
  left: 0;
  z-index: 90;
}

.header .header-middle .search-form .search {
  height: 3rem;
  position: relative;
  padding: 0 calc(((100% - var(--container-max-width)) / 2) + 1.75rem);
  appearance: none;
  background-image: url("../images/search--e63b7c126c84.svg");
  background-repeat: no-repeat;
  background-position: center left calc((100vw - var(--container-max-width)) / 2);
  background-size: 1.25rem 1.25rem;
  border: 0.0625rem solid var(--color-neutral-200);
  color: inherit;
  font: inherit;
}

.header .header-middle .search-form .search::placeholder {
  color: var(--color-alpha-neutral-900-68);
}

.header .header-middle .search-form .search:focus {
  border-color: var(--color-neutral-900);
  outline: none;
}

.header .header-middle .search-form .search::-webkit-search-cancel-button {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  top: 50%;
  right: calc((100% - var(--container-max-width)) / 2);
  transform: translateY(-50%);
  margin: 0;
  padding: 0;
  background: var(--color-neutral-900) url("../images/close-white--9e18886aec75.svg") no-repeat center center;
  border-radius: 1.25rem;
  appearance: none;
  -webkit-appearance: none;
}

/*.header .header-middle .search-reset,
.header .header-middle .search-close {
  display: none;
}

.header .header-middle.has-active-search > * {
  display: block;
}*/

.header .banner {
  position: fixed;
  top: 0;
  left: 0;
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: 400;
}

.header .banner .banner-close {
  width: 2.25rem;
  height: 2.25rem;
  position: absolute;
  top: -3.5rem;
  right: 0;
  padding: 0;
  appearance: none;
  background: transparent url("../images/close--b2c6f1346f6e.svg") no-repeat center center;
  background-size: 1.25rem 1.25rem;
  border: none;
  cursor: pointer;
}

.header .banner .banner-item .link {
  display: inline-block;
  text-underline-offset: 0.25rem;
}

.header.is-scrolled .header-top {
  border-bottom: 0.0625rem solid var(--color-neutral-200);
}

.header.is-sticky .header-middle {
  position: fixed;
}

.flyout {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  right: -100%;
  transition: 0.3s;
  z-index: 300;
}

.flyout .flyout-header, .flyout .flyout-content, .flyout .flyout-footer {
  padding: 1rem;
}

.flyout .flyout-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flyout .flyout-header .flyout-close {
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  appearance: none;
  background: transparent url("../images/close--b2c6f1346f6e.svg") no-repeat center center;
  background-size: 1.25rem 1.25rem;
  border: none;
  cursor: pointer;
}

.flyout .flyout-content {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
  border-top: 0.0625rem solid var(--color-neutral-200);
  border-bottom: 0.0625rem solid var(--color-neutral-200);
  overflow-y: scroll;
}

.flyout .flyout-footer {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}

.flyout.flyout-filter .filter-title {
  margin-bottom: 0.5rem;
}

.flyout.flyout-filter .filter-colors {
  display: flex;
  flex-wrap: wrap;
}

.flyout.flyout-filter .filter-colors .filter-color {
  width: 7.125rem;
  height: 7.125rem;
  position: relative;
  border: 0.0625rem solid var(--color-neutral-200);
}

.flyout.flyout-filter .filter-colors .filter-color .color-check {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  border: none;
  cursor: pointer;
}

.flyout.flyout-filter .filter-colors .filter-color .color-title {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  padding: 0 0.5rem;
  cursor: pointer;
}

.flyout.flyout-filter .filter-colors .filter-color .color-value {
  width: 100%;
  height: 0.3125rem;
  position: absolute;
  bottom: 0;
  left: 0;
}

.flyout.flyout-filter .filter-colors .filter-color .color-check:checked {
  background-color: var(--color-neutral-900);
}

.flyout.flyout-filter .filter-colors .filter-color .color-check:checked + .color-title {
  color: var(--color-neutral-0);
}

.flyout.flyout-filter .flyout-footer {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  row-gap: 0;
}

.flyout.flyout-cart .flyout-content {
  row-gap: 1rem;
}

.flyout.flyout-cart .cart-card .card-content {
  width: calc(100% - 7.5rem);
}

.flyout-abo-mobile {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 0.625rem calc((100% - var(--container-max-width)) / 2);
  text-decoration: none;
  z-index: 80;
}

.flyout-bg {
  position: fixed;
  top: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: 200;
}

.popup {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: 500;
}

.popup .inner {
  width: var(--container-max-width);
  max-width: 30rem;
  padding: 2rem 1.5rem;
}

.popup .inner .buttons {
  display: flex;
  justify-content: center;
  column-gap: 1rem;
}

.popup .inner .buttons .btn {
  min-width: 7rem;
}

.popup.active {
  opacity: 1;
  visibility: visible;
}

.ce-hero {
  padding-top: 2.5rem;
}

.ce-hero-slider {
  margin-top: 0;
}

.ce-hero-slider .hero-slider {
  margin-bottom: 0 !important;
}

.ce-hero-slider .hero-slider .slick-autoplay-toggle-button {
  width: 2.25rem;
  height: 2.25rem;
  position: absolute;
  top: 1rem;
  right: 1rem;
  bottom: auto;
  left: auto;
  padding: 0;
  opacity: 1;
  border-radius: 100%;
}

.ce-hero-slider .hero-slider .slick-autoplay-toggle-button .slick-pause-icon, .ce-hero-slider .hero-slider .slick-autoplay-toggle-button .slick-play-icon {
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.ce-hero-slider .hero-slider .slick-autoplay-toggle-button .slick-pause-icon::before, .ce-hero-slider .hero-slider .slick-autoplay-toggle-button .slick-play-icon::before {
  display: none;
}

.ce-hero-slider .hero-slider .slick-autoplay-toggle-button .slick-pause-icon {
  background-image: url("../images/pause--b55a198f90d7.svg");
}

.ce-hero-slider .hero-slider .slick-autoplay-toggle-button .slick-play-icon {
  background-image: url("../images/play--4c497fc35c97.svg");
}

.ce-hero-slider .hero-slider .slide {
  height: 28.375rem;
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.ce-hero-slider .hero-slider .slide::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}

.ce-hero-slider .hero-slider .slide.bg-left {
  background-position-x: left;
}

.ce-hero-slider .hero-slider .slide.bg-right {
  background-position-x: right;
}

.ce-hero-slider .hero-slider .slide .slide-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 1rem;
  position: relative;
  margin-bottom: 3.125rem;
  z-index: 1;
}

.ce-hero-slider .hero-slider .slide .slide-content .btn {
  margin-top: 0;
}

.ce-hero-slider .hero-slider .slick-dots {
  max-width: var(--container-max-width);
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
}

.ce-hero-slider .hero-slider .slick-dots li button {
  background-color: var(--color-neutral-0);
}

.ce-hero-slider .hero-slider .slick-dots li.slick-active button {
  background-color: transparent;
  border-color: var(--color-neutral-0);
}

.ce-hero-product .product-gallery .gallery {
  position: relative;
}

.ce-hero-product .product-gallery .gallery .product-gallery-slider {
  margin-bottom: 0;
}

.ce-hero-product .product-gallery .gallery .product-gallery-slider .slick-dots {
  max-width: var(--container-max-width);
  bottom: 1.5rem;
  left: 50%;
  transform: translateX(-50%);
}

.ce-hero-product .product-gallery .gallery .tags {
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.ce-hero-product .product-content {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
}

.ce-hero-product .product-content .product-details {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}

.ce-hero-product .product-content .product-details .prices {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 0.5rem;
  margin-bottom: 0.5rem;
}

.ce-hero-product .product-content .product-details .prices .price-old {
  color: var(--color-alpha-neutral-900-68);
  text-decoration: line-through;
}

.ce-hero-product .product-content .product-details .prices a {
  text-decoration-color: inherit;
  text-underline-offset: 0.0625rem;
}

.ce-hero-product .product-content .product-colors {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}

.ce-hero-product .product-content .product-amount {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
}

.ce-hero-product .product-content .product-amount-error {
  margin-top: 0.5rem;
  color: var(--color-danger-700);
}

.ce-hero-product .product-content .product-note {
  margin-bottom: 1rem;
}

.ce-hero-news .text .quote {
  margin-left: 0.5rem;
}

.ce-hero-news .text .quote::before, .ce-hero-news .text .quote::after {
  height: calc(100% - 0.5rem);
}

.ce-news-related {
  margin-bottom: -3rem;
}

.ce-news-slider .inner {
  position: relative;
}

.ce-news-slider .slider-counter {
  position: absolute;
  right: calc(((100% - var(--container-max-width)) / 2) + 2.5rem);
  bottom: 0.4375rem;
}

.ce-news-slider .slick-slider {
  padding-top: 1rem;
  padding-bottom: 5rem;
}

.ce-news-slider .slick-slider .slide {
  display: flex !important;
  flex-direction: column;
  row-gap: 1rem;
}

.ce-news-slider .slick-slider .slide .slide-content {
  max-width: var(--container-max-width);
}

.ce-news-slider .slick-slider .slide .slide-content .label {
  margin-bottom: 0.5rem;
}

.ce-news-slider .slick-slider .slide .slide-content .btn {
  margin-top: 1.5rem;
}

.ce-news-slider .slick-slider .slick-prev, .ce-news-slider .slick-slider .slick-next {
  width: 2.5rem;
  height: 2.5rem;
  top: auto !important;
  bottom: 0;
  transform: none;
  background-color: transparent;
  background-size: 1.75rem 1.25rem;
  border-radius: 0;
}

.ce-news-slider .slick-slider .slick-prev {
  right: calc(((100% - var(--container-max-width)) / 2) + 5.75rem);
  left: auto;
  background-image: url("../images/left--69bd6b103814.svg");
}

.ce-news-slider .slick-slider .slick-next {
  right: calc((100% - var(--container-max-width)) / 2);
  background-image: url("../images/right--df7cfeedca8c.svg");
}

.ce-news-slider .slick-slider .slick-disabled {
  opacity: 0.2;
}

.ce-product-slider, .ce-category-slider {
  overflow: hidden;
}

.ce-product-slider .slick-slider, .ce-category-slider .slick-slider {
  margin-top: 1rem;
  margin-right: -15.5rem;
  margin-left: calc((100vw - var(--container-max-width)) / 2);
}

.ce-product-slider .slick-slider .slick-slide, .ce-category-slider .slick-slider .slick-slide {
  margin-right: 0.5rem;
}

.ce-product-slider .cover-image {
  height: 14.625rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.ce-care-instructions .care-instruction {
  padding: 2.5rem 2.5rem 3rem;
  border-top: 0.0625rem solid var(--color-neutral-200);
  border-right: 0.0625rem solid var(--color-neutral-200);
  border-left: 0.0625rem solid var(--color-neutral-200);
}

.ce-care-instructions .care-instruction .icon {
  width: 6rem;
  height: 6rem;
  margin-bottom: 2rem;
}

.ce-care-instructions .row .row .column:last-of-type .care-instruction {
  border-bottom: 0.0625rem solid var(--color-neutral-200);
}

.ce-cart .order-note {
  position: relative;
  padding: 0.875rem;
}

.ce-cart .order-note::before {
  content: "";
  display: block;
  width: calc(100% - 0.4375rem);
  height: calc(100% - 0.4375rem);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 0.0625rem solid var(--color-neutral-900);
  z-index: 1;
}

.ce-cart .voucher .voucher-form {
  display: flex;
  align-items: flex-start;
  column-gap: 2rem;
}

.ce-cart .voucher .voucher-form .form-group {
  width: 100%;
}

.ce-cart .voucher .voucher-form .btn {
  margin-top: 1.375rem;
}

.ce-cart .voucher .voucher-note {
  margin-top: 1rem;
}

.ce-checkout .shipping-options {
  display: flex;
  flex-direction: row;
  column-gap: 1rem;
  margin-bottom: 2rem;
}

.ce-checkout .shipping-option-text {
  margin-bottom: 1rem;
}

.ce-checkout .pickup-location {
  padding: 0.875rem;
  border: 0.125rem solid var(--color-neutral-900);
  color: var(--color-alpha-neutral-900-68);
}

.ce-checkout .pickup-location p + * {
  margin-top: 0.5rem;
}

.ce-checkout .pickup-location strong {
  color: var(--color-neutral-900);
}

.ce-contact .contact p + * {
  margin-top: 0.5rem;
}

.footer {
  padding-top: 3rem;
}

.footer .nav a {
  text-decoration-color: transparent;
}

.footer .footer-top {
  border-top: 0.0625rem solid var(--color-neutral-200);
  border-bottom: 0.0625rem solid var(--color-neutral-200);
}

.footer .footer-top .label {
  margin-bottom: 0.5rem;
}

.footer .footer-top .nav {
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
}

.footer .footer-top .newsletter {
  display: flex;
  flex-direction: column;
  row-gap: 3.5rem;
  position: relative;
  padding-top: 2rem;
  padding-right: 1rem;
  padding-bottom: 1.375rem;
}

.footer .footer-top .newsletter::after {
  content: "";
  display: block;
  width: 100vw;
  height: 0.0625rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--color-neutral-200);
}

.footer .footer-top .newsletter .newsletter-bottom a {
  text-decoration: none;
  text-transform: uppercase;
}

.footer .footer-top .footer-col {
  padding-top: 2rem;
}

.footer .footer-top .contact p + * {
  margin-top: 0.5rem;
}

.footer .footer-top .social {
  margin-top: 1rem;
}

.footer .footer-top .seals {
  padding-top: 2rem;
  padding-right: 1rem;
  padding-bottom: 1.5rem;
}

.footer .footer-top .seals .seal-logos {
  display: flex;
  align-items: flex-start;
  column-gap: 1rem;
  margin-bottom: 0.5rem;
}

.footer .footer-top .seals .seal-logos .seal-logo {
  width: 4.625rem;
}

.footer .footer-top .seals .seal-text a {
  line-height: inherit;
  text-underline-offset: 0.40625rem;
}

.footer .footer-bottom {
  padding-top: 1.5rem;
  padding-bottom: 5.5rem;
}

.footer .footer-bottom .nav {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}

.footer .footer-bottom .payment {
  display: flex;
  column-gap: 0.5rem;
  margin-top: 1.5rem;
}

.footer .footer-bottom .payment .payment-logo {
  width: 3rem;
  height: 2rem;
}

@media (min-width: 48rem) {
  .filter .filter-right {
    margin-top: 0;
    text-align: right;
  }

  .pagination .buttons {
    justify-content: space-between;
    column-gap: 0;
  }

  .pagination .buttons .btn {
    width: auto;
  }

  .flyout .flyout-footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    row-gap: 0;
  }

  .flyout.flyout-cart .flyout-footer {
    align-items: flex-end;
  }

  .ce-hero-product {
    margin-top: 2rem;
  }

  .ce-hero-product .container-full {
    max-width: var(--container-max-width);
  }

  .ce-product-slider .slick-slider, .ce-category-slider .slick-slider {
    margin-right: -11.125rem;
  }

  .ce-image-full .image {
    max-height: 50.625rem;
    aspect-ratio: 1.7777777778;
  }

  .ce-care-instructions .care-instruction {
    border: none !important;
  }

  .ce-care-instructions .row.no-gutter {
    position: relative;
  }

  .ce-care-instructions .row.no-gutter::before, .ce-care-instructions .row.no-gutter::after {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
  }

  .ce-care-instructions .row.no-gutter::before {
    width: 0.0625rem;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--color-neutral-200);
  }

  .ce-care-instructions .row.no-gutter::after {
    width: 100%;
    left: 0;
    border: 0.0625rem solid var(--color-neutral-200);
  }

  .ce-care-instructions .row.no-gutter .column:nth-child(2n+1)::after {
    content: "";
    display: block;
    width: 200%;
    height: 0.0625rem;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--color-neutral-200);
  }
}

@media (min-width: 72rem) {
  body {
    padding-top: 10rem;
  }

  body.has-menu .header .header-bottom {
    position: fixed;
  }

  body.has-menu::after {
    content: "";
    display: block;
    width: 100%;
    height: calc(100% - 35.5rem);
    position: fixed;
    left: 0;
    bottom: 0;
    background: var(--color-alpha-neutral-900-20);
  }

  h1, .h1-style {
    font-size: 3.8125rem;
    line-height: 1.1967213115;
  }

  h1 + *, .h1-style + * {
    margin-top: 2rem;
  }

  .h1-small {
    font-size: 3.0625rem;
    line-height: 1.2040816327;
  }

  .h1-small + * {
    margin-top: 2rem;
  }

  h2, .h2-style {
    font-size: 2.4375rem;
    line-height: 1.3076923077;
  }

  h2 + *, .h2-style + * {
    margin-top: 2rem;
  }

  h3, .h3-style {
    font-size: 1.9375rem;
    line-height: 1.3870967742;
  }

  h3 + *, .h3-style + * {
    margin-top: 0.75rem;
  }

  h4, .h4-style {
    font-size: 1.5625rem;
    line-height: 1.4;
  }

  h4 + *, .h4-style + * {
    margin-top: 0.5rem;
  }

  h5, .h5-style {
    font-size: 1.25rem;
    line-height: 1.4;
  }

  h5 + *, .h5-style + * {
    margin-top: 0.5rem;
  }

  .breadcrumb {
    column-gap: 1.5rem;
    font-size: 1rem;
    line-height: 1.625;
    letter-spacing: normal;
  }

  .breadcrumb li:not(:last-of-type)::after {
    right: -1rem;
  }

  .breadcrumb li a {
    text-underline-offset: 0.4375rem;
  }

  .breadcrumb + * {
    margin-top: 1.5rem;
  }

  a.animated-link {
    position: relative;
  }

  a.animated-link::after {
    content: "";
    display: block;
    width: 0;
    height: 0.0625rem;
    position: absolute;
    bottom: -0.25rem;
    left: 0;
    background-color: var(--color-neutral-900);
    transition: 0.3s;
  }

  a.animated-link:hover::after, a.animated-link:focus::after {
    width: 100%;
  }

  .btn:not(.btn-small) {
    padding: 1.75rem 2.5rem;
  }

  .btn:not(.btn-small)::after {
    width: calc(100% - 0.9375rem);
    height: calc(100% - 0.9375rem);
  }

  .btn:hover, .btn:focus {
    background-color: var(--color-primary-500);
    color: var(--color-neutral-0);
  }

  .btn.btn-cart {
    padding-right: 4.25rem;
    background-position: center right 2rem;
  }

  .btn.btn-cart:hover, .btn.btn-cart:focus {
    background-image: url("../images/shopping-cart-white--fb9289b16473.svg");
  }

  .btn.btn-primary:hover, .btn.btn-primary:focus {
    background-color: var(--color-neutral-900);
  }

  figcaption {
    margin-top: 0.75rem;
  }

  .large {
    font-size: 1.25rem;
    line-height: 1.6;
  }

  .large p + *, .large ol + *, .large ul + * {
    margin-top: 1.25rem;
  }

  .label.tag {
    padding: 0.375rem 1rem;
  }

  .colors.big .color {
    width: 2rem;
    height: 2rem;
  }

  .colors.big .color.active::after,
  .colors.big .color:checked::after {
    width: 2.375rem;
    height: 2.375rem;
  }

  .form-row {
    row-gap: 1.5rem;
  }

  .form-label {
    top: 1.625rem;
    font-size: 1.25rem;
    line-height: 1.6;
  }

  .form-control {
    font-size: 1.25rem;
    line-height: 1.6;
  }

  textarea.form-control {
    height: 11rem;
    min-height: 11rem;
  }

  .form-radio-button {
    height: 3.125rem;
  }

  .form-radio-button + label {
    padding-left: 2rem;
  }

  .cart {
    margin-top: 1.5rem;
  }

  .cart-card .card-content {
    width: calc(100% - 16.25rem);
  }

  .cart-card .card-content .amount {
    position: absolute;
    top: 0;
    right: 2.75rem;
  }

  .cart-card .card-content .amount-note {
    width: 5rem;
    position: absolute;
    top: 2.875rem;
    right: 2.75rem;
    text-align: right;
  }

  .cart-card .card-content .amount-error {
    position: absolute;
    top: 4.125rem;
    right: 2.75rem;
    text-align: right;
  }

  .cart-card .card-content .delete {
    cursor: pointer;
  }

  .cart-card .card-content .content-bottom {
    column-gap: 0.75rem;
  }

  .order-card {
    margin-top: 0;
    padding: 2.5rem;
  }

  .order-card::before {
    width: calc(100% - 1rem);
    height: calc(100% - 1rem);
  }

  .order-card .card-content .card-title {
    margin-bottom: 1.5rem;
  }

  .order-card .card-content .row-total {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .order-card .card-content .card-button {
    margin-top: 2rem;
  }

  .quote {
    padding-left: 2.75rem;
  }

  .tabs {
    top: 7rem;
    border-bottom: none;
    z-index: 85;
  }

  .tabs .container {
    border-bottom: 0.0625rem solid var(--color-neutral-200);
  }

  .tabs .tabs-desktop {
    display: flex;
    flex-wrap: wrap;
    column-gap: 1rem;
  }

  .tabs .tabs-desktop .tab {
    line-height: 3rem;
    letter-spacing: normal;
    text-decoration: none;
  }

  .tabs .tabs-desktop .tab.active {
    position: relative;
    font-weight: bold;
  }

  .tabs .tabs-desktop .tab.active::after {
    content: "";
    display: block;
    width: 100%;
    height: 0.125rem;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--color-neutral-900);
  }

  .tabs.forward {
    top: 9.5rem;
    z-index: 95;
  }

  .filter {
    padding-top: 2rem;
  }

  .filter .filter-left .trigger-filter {
    padding-left: 2rem;
  }

  .filter .filter-left .animated-link::after {
    bottom: 0;
  }

  .pagination .indicator {
    margin-bottom: 0.5rem;
    padding-top: 1.375rem;
  }

  .pagination .buttons .prev, .pagination .buttons .next {
    position: absolute;
    top: 0;
  }

  .pagination .buttons .prev {
    left: 0;
  }

  .pagination .buttons .next {
    right: 0;
  }

  .u-gap-40 {
    row-gap: 2.5rem;
  }

  .u-gap-48 {
    row-gap: 3rem;
  }

  .card .card-image .tags {
    top: 0.75rem;
    left: 0.75rem;
  }

  .card .card-image .info {
    right: 0.75rem;
    bottom: 0.75rem;
  }

  .card .card-image.scales {
    overflow: hidden;
  }

  .card .card-image.scales img {
    transition: transform 0.6s ease-out;
  }

  .card .card-image.scales:hover img, .card .card-image.scales:focus img {
    transform: scale(1.1);
  }

  .card .card-content {
    margin-top: 0.75rem;
  }

  .card.product-card .card-image.has-seal::after {
    width: 3.75rem;
    height: 4.3125rem;
    bottom: 0.75rem;
    left: 0.75rem;
  }

  .card.product-card .card-content {
    margin-top: 0;
  }

  .card.product-card .product-title {
    padding-top: 0.75rem;
  }

  .card.product-card .card-image:hover ~ .card-content .product-title,
  .card.product-card .product-title:hover, .card.product-card .product-title:focus {
    text-decoration-color: inherit;
  }

  .card.product-card .prices {
    column-gap: 0.75rem;
    margin-top: 0.25rem;
  }

  .card.product-card .color-switch {
    margin-top: 0.4375rem;
  }

  .card.team-card .card-links {
    margin-top: 0.5rem;
  }

  .slick-slider.has-caption .slick-prev, .slick-slider.has-caption .slick-next {
    transform: translateY(calc(-50% - 1.1875rem));
  }

  .slick-slider.slick-dotted {
    margin-bottom: 3rem;
  }

  .slick-prev:hover, .slick-next:hover, .slick-prev:focus, .slick-next:focus {
    background-color: var(--color-primary-500);
  }

  .slick-prev {
    left: 1.25rem;
  }

  .slick-next {
    right: 1.25rem;
  }

  .slick-dots {
    /*column-gap: 0.25rem;*/
    column-gap: 4px;
    bottom: -3rem;
  }

  .slick-dots li button {
    /*width: 0.75rem;
     height: 0.75rem;*/
    width: 12px;
    height: 12px;
  }

  .slick-dots li.slick-active button {
    /*width: 1rem;
     height: 1rem;*/
    width: 16px;
    height: 16px;
  }

  .header .header-top .info-banner .banner-title {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .header .header-top .info-banner .banner-title .banner-slider .slide {
    justify-content: center;
    column-gap: 0.25rem;
  }

  .header .header-top .info-banner .banner-title .banner-slider .slide .open-details {
    width: 2rem;
    height: 2rem;
  }

  .header .header-top .nav-top {
    padding-top: 1.375rem;
    padding-bottom: 1.125rem;
  }

  .header .header-top .nav-top .logo {
    width: 8.75rem;
  }

  .header .header-top .nav-top .languages {
    top: 0.3125rem;
    right: 4.0625rem;
  }

  .header .header-top .nav-top .nav-icons {
    top: 0.125rem;
    right: -0.9375rem;
  }

  .header .header-top .nav-top .nav-icons .language-switch {
    margin-right: 0.5rem;
  }

  .header .header-middle {
    width: 61.25rem;
    position: fixed !important;
    top: 3.5rem;
    left: 50%;
    transform: translateX(calc(-50% + 1.0625rem));
    z-index: 110;
  }

  .header .header-middle .search-form {
    display: flex;
    justify-content: flex-end;
  }

  .header .header-middle .search-form .search {
    width: 23.5625rem;
    padding-right: 2.75rem;
    padding-left: 2.75rem;
    background-position: center left 1rem;
    transition: width 0.3s;
  }

  .header .header-middle .search-form .search:focus {
    width: 100%;
  }

  .header .header-middle .search-form .search::-webkit-search-cancel-button {
    right: 1rem;
  }

  .header .header-bottom {
    position: absolute;
    top: 7.5rem;
    left: 0;
    z-index: 90;
  }

  .header .header-bottom .nav-bottom > ul {
    display: flex;
    justify-content: center;
    /*column-gap: 1.5rem;*/
    /*column-gap: 24px;*/
  }

  .header .header-bottom .nav-bottom > ul > li {
    padding-right: 12px;
    padding-bottom: 1rem;
    padding-left: 12px;
  }

  .header .header-bottom .nav-bottom > ul > li > a {
    display: block;
    /*line-height: 1.5;*/
    line-height: 24px;
    text-decoration: none;
    text-transform: uppercase;
  }

  .header .header-bottom .nav-bottom > ul > li.has-children {
    position: relative;
    /*padding-right: 1.25rem;*/
    /*padding-right: 20px;*/
    padding-right: 32px;
  }

  .header .header-bottom .nav-bottom > ul > li.has-children > .open-sub-menu {
    /*width: 0.75rem;
     height: 0.75rem;*/
    width: 12px;
    height: 12px;
    position: absolute;
    /*top: 0.375rem;*/
    top: 6px;
    /*right: 0;*/
    right: 12px;
    padding: 0;
    appearance: none;
    background: url("../images/down--01f4d21fa0c5.svg") no-repeat center center;
    background-size: contain;
    border: none;
    cursor: pointer;
  }

  .header .header-bottom .nav-bottom > ul > li.has-children > .open-sub-menu.active {
    background-image: url("../images/up--014bb951df0f.svg");
  }

  .header .header-bottom .nav-bottom > ul > li.has-children .sub-menu {
    display: none;
    position: fixed;
    top: 10rem;
    left: 0;
    width: 100vw;
    min-height: 25.5rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    background-color: var(--color-primary-50);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 50% auto;
    border-top: 0.0625rem solid var(--color-neutral-200);
  }

  .header .header-bottom .nav-bottom > ul > li.has-children .sub-menu li {
    margin-bottom: 0.5rem;
    margin-left: calc(((100% - var(--container-max-width)) / 2) + 20.75rem);
  }

  .header .header-bottom .nav-bottom > ul > li.has-children .sub-menu li a {
    text-decoration: none;
  }

  .header .header-bottom .nav-bottom > ul > li.has-children .sub-menu li.active a.animated-link::after {
    background-color: var(--color-primary-500);
  }

  .header .header-bottom .nav-bottom > ul > li.has-children .sub-menu li a:not(.animated-link):hover, .header .header-bottom .nav-bottom > ul > li.has-children .sub-menu li a:not(.animated-link):focus {
    color: var(--color-primary-500);
  }

  .header .header-bottom .nav-bottom > ul > li.has-children .sub-menu li:last-of-type {
    margin-bottom: 0;
  }

  .header .header-bottom .nav-bottom > ul > li.has-children .sub-menu li.highlight {
    width: 18.25rem;
    position: absolute;
    left: calc((100% - var(--container-max-width)) / 2);
    margin-bottom: 0;
    margin-left: 0;
  }

  .header .header-bottom .nav-bottom > ul > li.has-children .sub-menu li.highlight a {
    text-transform: uppercase;
  }

  .header .header-bottom .nav-bottom > ul > li.has-children .sub-menu li.highlight:nth-of-type(1) {
    top: 2rem;
  }

  .header .header-bottom .nav-bottom > ul > li.has-children .sub-menu li.highlight:nth-of-type(2) {
    top: 7.5rem;
  }

  .header .header-bottom .nav-bottom > ul > li.has-children .sub-menu li.highlight:nth-of-type(3) {
    top: 13rem;
  }

  .header .header-bottom .nav-bottom > ul > li.has-children .sub-menu li.highlight:nth-of-type(4) {
    top: 18.5rem;
  }

  .header .header-bottom .nav-bottom > ul > li.has-children .sub-menu li.highlight:nth-of-type(5) {
    top: 24rem;
  }

  .header .header-bottom .nav-bottom > ul > li.has-children .sub-menu li.highlight::after {
    content: "";
    display: block;
    width: calc(((100vw - var(--container-max-width)) / 2) + 18.25rem);
    height: 0.0625rem;
    position: absolute;
    right: 0;
    bottom: -2rem;
    background-color: var(--color-neutral-200);
    /*&::before {
     content: "";
     display: block;
     width: 100%;
     height: calc(100% - 35.5rem);
     position: fixed;
     bottom: 0;
     left: 0;
     background-color: var(--color-alpha-neutral-900-20);
     }*/
  }

  .header .header-bottom .nav-bottom > ul > li.has-children .sub-menu::after {
    content: "";
    display: block;
    width: 0.0625rem;
    height: 100%;
    position: absolute;
    top: 0;
    left: calc(((100% - var(--container-max-width)) / 2) + 18.25rem);
    background-color: var(--color-neutral-200);
  }

  .header .header-bottom .nav-bottom > ul > li.has-children .sub-menu.open {
    display: block;
  }

  .header .header-bottom .nav-bottom > ul > li.has-children:hover .sub-menu {
    display: block;
  }

  .header .header-bottom .nav-bottom > ul > li:hover > a {
    color: var(--color-primary-500);
  }

  .header .header-bottom .nav-bottom > ul > li:hover .open-sub-menu {
    background-image: url("../images/up-primary--f3fc2cbf81f6.svg") !important;
  }

  .header .header-bottom .nav-bottom .active > a {
    color: var(--color-primary-500);
  }

  .header .header-bottom .nav-bottom .active .open-sub-menu {
    background-image: url("../images/down-primary--ea68d88ad28d.svg") !important;
  }

  .header .header-bottom .nav-bottom .active .open-sub-menu.active {
    background-image: url("../images/up-primary--f3fc2cbf81f6.svg") !important;
  }

  .header .banner {
    height: auto;
    padding-top: 7rem;
    padding-bottom: 4rem;
  }

  .header .banner .banner-close {
    top: -5.5rem;
    right: -3.25rem;
  }

  .header .banner .banner-item {
    padding-right: 1.5rem;
  }

  .header.is-sticky .header-bottom {
    position: fixed;
    z-index: 100;
  }

  .flyout {
    width: 38.625rem;
    right: -38.625rem;
  }

  .flyout .flyout-header, .flyout .flyout-content, .flyout .flyout-footer {
    padding: 1.5rem;
  }

  .flyout .flyout-header {
    padding-right: 1rem;
  }

  .flyout .flyout-content {
    row-gap: 2.5rem;
  }

  .flyout.flyout-filter .filter-title {
    margin-bottom: 0.75rem;
  }

  .flyout.flyout-cart .flyout-content {
    row-gap: 1.5rem;
  }

  .flyout-abo {
    display: flex;
    position: fixed;
    top: 17.5rem;
    right: -14.75rem;
    transition: right 0.3s;
    z-index: 88;
  }

  .flyout-abo .abo-button {
    width: 2.5rem;
    position: relative;
    padding: 0;
    background-image: url("../images/mail-white--64c41780ee75.svg");
    background-repeat: no-repeat;
    background-position: center bottom 0.625rem;
    background-size: 1.25rem 1.25rem;
    appearance: none;
    border: none;
    cursor: pointer;
    font: inherit;
  }

  .flyout-abo .abo-button .text {
    width: 8rem;
    position: absolute;
    bottom: 5.625rem;
    left: -2.75rem;
    transform: rotate(-90deg);
  }

  .flyout-abo .abo-button::after {
    content: "";
    display: block;
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 0.625rem;
    left: 0.75rem;
    background: url("../images/right-white--b83596d4cd21.svg") no-repeat center center;
    background-size: contain;
    transform: rotate(180deg);
  }

  .flyout-abo .abo-content {
    width: 14.75rem;
    padding: 7.25rem 1rem 1rem;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
  }

  .flyout-abo .abo-content .text {
    margin-bottom: 1rem;
    color: var(--color-neutral-0);
  }

  .flyout-abo.open {
    right: 0;
  }

  .flyout-abo.open .abo-button::after {
    transform: rotate(0);
  }

  .popup .inner {
    padding: 2.5rem 2rem;
  }

  .ce-hero {
    padding-top: 3rem;
  }

  .ce-hero-slider .hero-slider .slick-autoplay-toggle-button {
    top: 1.25rem;
    right: 1.25rem;
  }

  .ce-hero-slider .hero-slider .slick-autoplay-toggle-button .slick-pause-icon:hover {
    background-image: url("../images/pause-hover--8c972193aea8.svg");
  }

  .ce-hero-slider .hero-slider .slick-autoplay-toggle-button .slick-play-icon:hover {
    background-image: url("../images/play-hover--1c05c51de227.svg");
  }

  .ce-hero-slider .hero-slider .slide {
    height: 33.75rem;
  }

  .ce-hero-slider .hero-slider .slide::after {
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  }

  .ce-hero-slider .hero-slider .slide .slide-content {
    row-gap: 1.5rem;
    margin-bottom: 5.5rem;
  }

  .ce-hero-slider .hero-slider .slick-dots {
    bottom: 2rem;
  }

  .ce-hero-product {
    margin-top: 0;
  }

  .ce-hero-product .product-gallery {
    display: flex;
    column-gap: 1rem;
  }

  .ce-hero-product .product-gallery .thumbnails {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    width: 6.375rem;
  }

  .ce-hero-product .product-gallery .thumbnails .image {
    cursor: pointer;
  }

  .ce-hero-product .product-gallery .gallery {
    width: 33.375rem;
  }

  .ce-hero-product .product-content {
    row-gap: 2.5rem;
    margin-top: 4rem;
  }

  .ce-hero-product .product-content .product-details {
    row-gap: 1.5rem;
  }

  .ce-hero-product .product-content .product-details .prices {
    column-gap: 0.75rem;
    align-items: flex-end;
  }

  .ce-hero-product .product-content .product-details .prices .price-info {
    margin-bottom: 0.125rem;
  }

  .ce-hero-product .product-content .product-colors {
    row-gap: 0.75rem;
  }

  .ce-hero-product .product-content .product-amount {
    flex-direction: row;
    justify-content: space-between;
    row-gap: 0;
  }

  .ce-hero-product .product-content .product-amount .form-group {
    width: 6.75rem;
  }

  .ce-hero-product .product-content .product-note {
    margin-bottom: 1.5rem;
  }

  .ce-hero-news .container-full {
    max-width: var(--container-max-width);
  }

  .ce-hero-news .text {
    margin-top: 4rem;
  }

  .ce-hero-news .text .quote {
    margin-left: 0.75rem;
  }

  .ce-hero-news .text .quote .label {
    margin-top: 1.5rem;
  }

  .ce-news-related {
    margin-bottom: -4rem;
  }

  .ce-news-slider {
    position: relative;
  }

  .ce-news-slider::after {
    content: "";
    display: block;
    width: calc((100% - var(--container-max-width)) / 2);
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--color-primary-50);
  }

  .ce-news-slider .slider-counter {
    top: 1.125rem;
    right: calc(((100% - var(--container-max-width)) / 2) + 6.75rem);
    bottom: auto;
  }

  .ce-news-slider .slick-slider {
    padding-top: 1.5rem;
    padding-bottom: 0;
  }

  .ce-news-slider .slick-slider .slide {
    flex-direction: row;
    align-items: flex-end;
    row-gap: 0;
    column-gap: 2.5rem;
    padding-right: calc(((100% - var(--container-max-width)) / 2) + 14rem);
  }

  .ce-news-slider .slick-slider .slide .slide-content {
    max-width: 25.5rem;
  }

  .ce-news-slider .slick-slider .slide .slide-content .label {
    margin-bottom: 0.75rem;
  }

  .ce-news-slider .slick-slider .slide .slide-content .btn {
    margin-top: 2rem;
  }

  .ce-news-slider .slick-slider .slick-prev, .ce-news-slider .slick-slider .slick-next {
    top: -2.5rem !important;
    bottom: auto;
  }

  .ce-news-slider .slick-slider .slick-prev {
    right: calc(((100% - var(--container-max-width)) / 2) + 10rem);
  }

  .ce-news-slider .slick-slider .slick-next {
    right: calc(((100% - var(--container-max-width)) / 2) + 4.25rem);
  }

  .ce-product-slider .slider-counter, .ce-category-slider .slider-counter {
    position: absolute;
    right: 2.5rem;
    bottom: 0.4375rem;
  }

  .ce-product-slider .slick-prev, .ce-category-slider .slick-prev, .ce-product-slider .slick-next, .ce-category-slider .slick-next {
    width: 2.5rem;
    height: 2.5rem;
    top: -3.5rem !important;
    transform: none;
    background-color: transparent;
    background-size: 1.75rem 1.25rem;
    border-radius: 0;
  }

  .ce-product-slider .slick-prev, .ce-category-slider .slick-prev {
    left: calc(var(--container-max-width) - 8.25rem);
    background-image: url("../images/left--69bd6b103814.svg");
  }

  .ce-product-slider .slick-next, .ce-category-slider .slick-next {
    right: auto;
    left: calc(var(--container-max-width) - 2.5rem);
    background-image: url("../images/right--df7cfeedca8c.svg");
  }

  .ce-product-slider .slick-disabled, .ce-category-slider .slick-disabled {
    opacity: 0.2;
  }

  .ce-product-slider .slick-slider .slick-slide, .ce-category-slider .slick-slider .slick-slide {
    margin-right: 2.5rem;
  }

  .ce-product-slider .cover-image {
    height: 18.75rem;
  }

  .ce-product-slider .slick-slider {
    margin-right: -19rem;
  }

  .ce-category-slider .slick-slider {
    margin-right: -16.875rem;
  }

  .ce-care-instructions .care-instruction {
    padding: 3rem 3rem 4rem;
  }

  .ce-care-instructions .care-instruction .icon {
    margin-bottom: 2.5rem;
  }

  .ce-cart .order-note {
    padding: 1.75rem;
  }

  .ce-cart .order-note::before {
    width: calc(100% - 0.9375rem);
    height: calc(100% - 0.9375rem);
  }

  .ce-cart .voucher .voucher-form {
    column-gap: 2.5rem;
  }

  .ce-cart .voucher .voucher-form .form-group {
    margin-top: 0.125rem;
  }

  .ce-cart .voucher .voucher-form .btn {
    margin-top: 0;
  }

  .ce-checkout .shipping-options {
    column-gap: 1.5rem;
    margin-bottom: 2.5rem;
  }

  .ce-checkout .shipping-option-text {
    margin-bottom: 1.5rem;
  }

  .ce-checkout .pickup-location {
    padding: 1.375rem;
  }

  .ce-checkout .pickup-location p + * {
    margin-top: 0.75rem;
  }

  .ce-contact .contact p a {
    line-height: 27px;
  }

  .ce-contact .contact p + * {
    margin-top: 0.75rem;
  }

  .footer {
    padding-top: 4rem;
  }

  .footer .footer-top .label {
    margin-bottom: 0.75rem;
  }

  .footer .footer-top .newsletter {
    justify-content: space-between;
    height: 100%;
    padding-top: 2.5rem;
    padding-right: 2.5rem;
    padding-bottom: 1.875rem;
    border-right: 0.0625rem solid var(--color-neutral-200);
  }

  .footer .footer-top .newsletter::after {
    display: none;
  }

  .footer .footer-top .newsletter .newsletter-bottom a:hover,
  .footer .footer-top .newsletter .newsletter-bottom a:focus {
    color: var(--color-primary-500);
  }

  .footer .footer-top .footer-col {
    padding-top: 2.5rem;
  }

  .footer .footer-top .footer-col a {
    line-height: 27px;
  }

  .footer .footer-top .contact p + * {
    margin-top: 0.75rem;
  }

  .footer .footer-top .social {
    margin-top: 1.5rem;
  }

  .footer .footer-top .seals {
    padding-top: 2.5rem;
    padding-right: 0;
    padding-bottom: 1.875rem;
  }

  .footer .footer-top .seals .seal-logos {
    column-gap: 1.5rem;
  }

  .footer .footer-bottom {
    padding-top: 2rem;
    padding-bottom: 4rem;
  }

  .footer .footer-bottom .nav {
    flex-direction: row;
    column-gap: 1.0625rem;
    row-gap: 0;
  }

  .footer .footer-bottom .payment {
    justify-content: flex-end;
    margin-top: 0;
  }
}