:root {
  --red: hsla(359, 95%, 44%, 1);
  --dark-red: hsla(0, 100%, 17%, 1);
}

.cataloguePage {
  background: var(--dark-red);
}

.tastes-alt {
  padding-top: 0px;
}

@media (max-width: 768px) {
  .asia__title {
    margin-top: -40px;
  }
}

.tastes__prevControl,
.tastes__nextControl {
  display: none;
}

.tastes__visualColor {
  background-color: var(--red);
}

.tastes-alt  .tastes__visualItem-selected .tastes__visualName {
  color: white;
  font-weight: bold;
}

@media (max-width: 768px) {
  .tastes-alt .tastes__visual {
    padding-top: 0;
  }
}


.cataloguePage__header {
  background-position: center top;
  background-size: contain;
}

@media (max-width: 576px) {
  .tastes-alt .tastes__visualList {
    max-width: 300px;
    gap: 30px;
    max-width: 250px;
  }
}
@media (min-width: 1024px) {
  .tastes-alt .tastes__visualItem {
    flex: 0 0 calc(33.33% - var(--tastes-alt-gap) * 3 / 2);
  }
  .tastes-alt .tastes__visualColor, .tastes__visualIcon {
    width: 16px;
    height: 16px;
    flex-basis: 16px;
    border-radius: 8px;
  }
  .tastes__visualList {
    padding-top: 0;
  }
}

@media (max-width: 1024px) {
  .tastes-alt .tastes__visualDevice_image {
    margin-top: -30px;
  }
  .tastes-alt .tastes__visualItem-selected .tastes__visualColor {
    box-shadow: 0 0 0 2px hsla(0deg, 100%, 100%, 1);
  }
}


.tastes-alt .tastes__visualDevice_name > span {
  color: white;
}

.asia__title {
  text-align: center;
}
.asia__description {
  text-align: center;
}


@media (max-width: 768px) {
  .cataloguePage__staticBanner {
    display: block;
  }
  .cataloguePage__staticBanner:before {
    content: "";
    display: block;
    width: 100%;
    height: 30px;
    margin-bottom: -30px;
    box-shadow: 0 15px 15px hsla(0deg, 0%, 0%, 0.5) inset;
    position: relative;
    z-index: 1;
  }
  .cataloguePage__staticBanner img {
    width: 100%;
    display: block;
    position: relative;
    z-index: 0;
  }
}


@media (max-width: 500px) or (min-width: 1024px) {
  br.br__sm {
    display: none;
  }
}

.tastes__productLogo img {
  max-height: 50px;
}