.top-line {
  padding-block: 12px;
  background   : #ededed;
}

.top-line__container {
  display        : flex;
  align-items    : center;
  justify-content: space-between;
}

.top-line__item {
  display    : flex;
  align-items: center;
  gap        : 8px;
}

.top-line__icon {
  width : 16px;
  height: 16px;
}

.top-line__icon img {
  width     : 100%;
  height    : 100%;
  object-fit: contain;
}

.top-line__text {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size  : 14px;
  line-height: 16px;
  color      : #2b3d4f;
}

.top-line__text a {
  color     : currentColor;
  transition: color .3s;
}

.top-line__text a:hover {
  color: #f54d2e;
}

.header {
  height       : auto;
  padding-block: 24px;
}

.page__header {
  z-index: 1000;
}

.header__container {
  justify-content: space-between;
  gap            : 20px;
}

.header__logo {
  flex        : none;
  width       : 143px;
  height      : 40px;
  margin-right: initial;
}

.header__logo img {
  width     : 100%;
  height    : 100%;
  object-fit: contain;
}

.header__button {
  flex  : none;
  width : 178px;
  height: 34px;
}

.tel {
  flex           : none;
  font-family    : "Circe", sans-serif;
  font-weight    : 800;
  font-size      : 21px;
  color          : #2b3d4f;
  text-decoration: none;
  transition     : color .3s;
}

.tel:hover {
  color: #f54d2e;
}

.menu-list {
  margin     : 0;
  padding    : 0;
  list-style : none;
  display    : flex;
  align-items: center;
  gap        : 24px;
}

.menu-item {
  position: relative;
}

.menu-link-dropdown::after,
.menu-link-mobile-dropdown::after {
  content        : '';
  width          : 14px;
  height         : 14px;
  background     : url(../templates/images/caret-down.svg) center no-repeat;
  background-size: contain;
  transition     : all .3s;
}

.menu-link-dropdown.open::after,
.menu-link-mobile-dropdown.open::after {
  transform: rotateX(180deg);
}

.menu-link {
  display        : flex;
  align-items    : center;
  font-family    : "Circe", sans-serif;
  font-weight    : 700;
  font-size      : 14px;
  text-transform : uppercase;
  color          : #2b3d4f;
  text-decoration: none;
  transition     : color .3s;
  cursor         : pointer;
}

.menu-link:hover {
  color: #f54d2e;
}

.dropdown-menu {
  position  : absolute;
  left      : 0;
  top       : calc(100% + 8px);
  margin    : 0;
  padding   : 24px 24px 40px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  background: #fff;
  list-style: none;
  transition: all 0.1s cubic-bezier(0.16, 1, 0.5, 1);
  transform : translateY(0.5rem);
  visibility: hidden;
  opacity   : 0;
}

.dropdown-menu.show {
  transform : translateY(0rem);
  visibility: visible;
  opacity   : 1;
}

.dropdown-menu::after {
  content        : '';
  position       : absolute;
  right          : 14px;
  bottom         : -8px;
  width          : 44px;
  height         : 32px;
  background     : url(./images/logo-decor.svg) center no-repeat;
  background-size: contain;
}

.dropdown-menu-item {
  margin-bottom: 24px;
}

.dropdown-menu-item:last-child {
  margin-bottom: 0;
}

.dropdown-menu-link {
  font-family    : "Open Sans";
  font-weight    : 600;
  font-size      : 14px;
  line-height    : 1.14286;
  color          : #2b3d4f;
  text-decoration: none;
  transition     : color .3s;
}

.dropdown-menu-link:hover {
  color: #f54d2e;
}

.dropdown-second-menu {
  margin    : 0;
  padding   : 0;
  list-style: none;
}

.dropdown-second-menu-item {
  margin-top: 16px;
}

.dropdown-second-menu-link {
  font-family    : "Open Sans";
  font-weight    : 400;
  font-size      : 14px;
  line-height    : 1.14286;
  color          : #666;
  text-decoration: none;
  transition     : color .3s;
}

.dropdown-second-menu-link:hover {
  color: #f54d2e;
}

.dropdown-menu-back {
  display: none;
}

.burger {
  display: none;
}

.mobile-menu {
  display: none;
}

.similar__container {
  padding-block: 10px 64px;
}

.similar__title {
  display       : flex;
  align-items   : center;
  gap           : 24px;
  padding-right : 100px;
  font-family   : "Circe", sans-serif;
  margin-top    : 0;
  margin-bottom : 40px;
  font-weight   : 700;
  font-size     : 28px;
  line-height   : 1.3;
  text-transform: uppercase;
  color         : #2b3d4f;
}

.similar__title::before {
  display         : block;
  width           : 8px;
  height          : 44px;
  content         : "";
  background-color: #f54d2e;
}

.breadcrumbs:has(.container) {
  padding-block: 12px;
}

.breadcrumbs__list {
  margin    : 0;
  padding   : 0;
  list-style: none;
  display   : flex;
  flex-wrap : wrap;
  gap       : 18px 19px;
}

.breadcrumbs__item {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size  : 14px;
  color      : #888;
}

.breadcrumbs__link {
  position       : relative;
  display        : block;
  color          : #2b3d4f;
  text-decoration: none;
  transition     : color .3s;
}

.breadcrumbs__link::after {
  content    : '\2022';
  position   : absolute;
  left       : calc(100% + 6px);
  top        : 50%;
  transform  : translateY(-50%);
  font-size  : 18px;
  line-height: 1;
  color      : #f54d2e;
}

.breadcrumbs__link:hover {
  color: #f54d2e;
}

.card {
  padding-block: 64px;
}

.card__grid {
  display              : grid;
  grid-template-columns: 552px 1fr;
  gap                  : 64px;
}

.card__title {
  margin        : 0 0 28px;
  padding       : 4px 0px 4px 16px;
  border-left   : 8px solid #f54d2e;
  font-family   : "Circe", sans-serif;
  font-weight   : 700;
  font-size     : 28px;
  line-height   : 1.3;
  text-transform: uppercase;
  color         : #2b3d4f;
}

.parameters {
  display      : flex;
  gap          : 24px;
  margin-bottom: 28px;
  padding-left : 24px;
}

.parameters__item {
  display: flex;
  gap    : 12px;
}

.parameters__text {
  display       : flex;
  flex-direction: column;
  gap           : 6px;

  span {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size  : 14px;
    line-height: 1;
    color      : #2b3d4f;

    &:nth-child(2) {
      font-weight: 700;
      font-size  : 21px;
      color      : #2b3d4f;
    }
  }
}

.specifications {
  margin-bottom: 20px;
  padding      : 24px;
  background   : #f5f5f5;
}

.specifications__item {
  display    : flex;
  align-items: flex-end;
  gap        : 2px;

  &:not(:last-child) {
    margin-bottom: 16px;
  }

  span {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size  : 16px;
    line-height: 1.2;
    color      : #666;

    &:last-child {
      font-weight: 600;
      color      : #2b3d4f;
    }

    &:nth-child(2) {
      flex-grow    : 1;
      max-width    : none;
      min-width    : 10px;
      border-bottom: 1px dashed #bfbfbf;
    }
  }
}

.card__price {
  margin     : 0 0 20px;
  font-family: "Circe", sans-serif;
  font-weight: 700;
  font-size  : 32px;
  line-height: 1;
  text-align : right;
  color      : #2b3d4f;
}

.card__footer {
  display: flex;
  gap    : 4px;
}

.card__button {
  width : calc(50% - 2px);
  height: 48px;
}

.card__load {
  display        : flex;
  align-items    : center;
  justify-content: center;
  gap            : 8px;
  width          : calc(50% - 2px);
  height         : 48px;
  border         : 2px solid #f54d2e;
  font-family    : "Open Sans", sans-serif;
  font-weight    : 400;
  font-size      : 16px;
  line-height    : 1;
  text-transform : uppercase;
  color          : #f54d2e;
  text-decoration: none;
  transition     : all .3s;

  &:hover {
    border-color: #2b3d4f;
  }

  img {
    width     : 16px;
    height    : 16px;
    object-fit: contain;
  }
}

.gallery-container {
  position: relative;
}

.gallery {
  position     : static;
  margin-bottom: 12px;

  .swiper-slide {
    height: 366px;

    img {
      cursor: pointer;
      width     : 100%;
      height    : 100%;
      object-fit: cover;
    }
  }

  .swiper-button-next {
    top   : auto;
    bottom: 24px;
    width : 32px;
    height: 32px;
  }

  .swiper-button-prev {
    top   : auto;
    bottom: 24px;
    width : 32px;
    height: 32px;
  }

  .swiper-navigation-icon {

    svg,
    path {
      fill: #2b3d4f;
    }
  }
}

.thumbs {
  margin-inline: 52px;

  .swiper-slide {
    aspect-ratio: 1;
    position    : relative;


    img {
      width     : 100%;
      height    : 100%;
      object-fit: cover;
    }
  }

  .swiper-slide::before {
    content   : '';
    position  : absolute;
    top       : 0;
    left      : 0;
    width     : 100%;
    height    : 100%;
    background: rgba(0, 0, 0, .5);
    transition: opacity .3s;
  }

  .swiper-slide-thumb-active::before {
    opacity: 0;
  }
}

.info-tabs {
  padding-block: 64px 58px;
}

.tab-nav {
  position     : relative;
  display      : flex;
  gap          : 17px;
  margin-bottom: 64px;
  padding-left : 38px;
  border-bottom: 1px solid #f54d2e;
}

.tab-btn {
  position     : relative;
  padding      : 9px 16px;
  background   : #ededed;
  border       : none;
  border-radius: 0;
  font-family  : "Open Sans", sans-serif;
  font-weight  : 400;
  font-size    : 18px;
  line-height  : 1;
  color        : #2b3d4f;
  cursor       : pointer;
}

.tab-btn::before {
  content      : '';
  position     : absolute;
  right        : 100%;
  top          : 0;
  width        : 0;
  height       : 0;
  border-bottom: 36px solid #ededed;
  border-left  : 17px solid transparent;
}

.tab-btn::after {
  content     : '';
  position    : absolute;
  left        : 100%;
  bottom      : 0;
  width       : 0;
  height      : 0;
  border-top  : 36px solid #ededed;
  border-right: 17px solid transparent;
}

.tab-btn:first-child::before {
  width          : 38px;
  height         : 100%;
  border         : none;
  background     : url(./images/decostripes-left.svg) right center no-repeat;
  background-size: contain;
}

@media (hover: hover) {
  .tab-btn:hover {
    background: #ffd6ce;
    color     : #2b3d4f;
  }

  .tab-btn:hover::before {
    border-bottom-color: #ffd6ce;
  }

  .tab-btn:hover::after {
    border-top-color: #ffd6ce;
  }

  .tab-btn:first-child:hover::before {
    background     : url(./images/decostripes-left-hover.svg) right center no-repeat;
    background-size: contain;
  }
}

.tab-btn-active {
  pointer-events: none;
  background    : #f54d2e;
  color         : #fff;
}

.tab-btn-active::before {
  border-bottom-color: #f54d2e;
}

.tab-btn-active::after {
  border-top-color: #f54d2e;
}

.tab-btn-active:first-child::before {
  background     : url(./images/decostripes-left-active.svg) right center no-repeat;
  background-size: contain;
}

.tab-pane:not(.tab-pane-show) {
  display: none;
}

.info-section {
  margin-bottom: 40px;
}

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

.info-title {
  position     : relative;
  margin       : 0 0 24px;
  padding-block: 6px;
  padding-right: 40px;
  font-family  : "Circe", sans-serif;
  font-weight  : 700;
  font-size    : 26px;
  line-height  : 1.2;
  color        : #2b3d4f;
}

.info-title::after {
  content   : '';
  position  : absolute;
  top       : 18px;
  right     : 4px;
  display   : block;
  width     : 32px;
  height    : 4px;
  background: #f54d2e;
}

.info-item {
  display      : flex;
  gap          : 8px;
  margin-bottom: 24px;
}

.info-item:last-child {
  margin-bottom: 0;
}

.info-item span:first-child {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size  : 18px;
  line-height: 1.2;
  color      : #666;
}

.info-item span:nth-child(2) {
  flex-grow    : 1;
  border-bottom: 1px dashed #bfbfbf;
}

.info-item span:last-child {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size  : 18px;
  line-height: 1.2;
  color      : #2b3d4f;
}

.info-text {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size  : 18px;
  line-height: 1.2;
  color      : #666;

  p {
    margin: 0 0 20px;
  }

  p:last-child {
    margin-bottom: 0;
  }
}

.how-work {
  padding-block: 70px;
  overflow     : hidden;
}

.how-work__wrap {
  position     : relative;
  padding-block: 32px 64px;
  background   : #2b3d4f;

  .container {
    position: relative;
    z-index : 100;
  }
}

.how-work__wrap::before {
  content   : '';
  position  : absolute;
  z-index   : 1;
  top       : -70px;
  right     : 33%;
  width     : 1400px;
  height    : 264px;
  background: #f54d2e;
  transform : skewX(-25deg);
}

.how-work__wrap::after {
  content   : '';
  position  : absolute;
  z-index   : 1;
  bottom    : -70px;
  left      : 81%;
  width     : 800px;
  height    : 264px;
  background: #f54d2e;
  transform : skewX(-25deg);
}

.how-work__title {
  margin        : 0 0 156px;
  padding       : 8px 24px;
  border-left   : 8px solid #fff;
  font-family   : "Circe", sans-serif;
  font-weight   : 700;
  font-size     : 28px;
  line-height   : 1.3;
  text-transform: uppercase;
  color         : #fff;
}

.how-work__row {
  display              : grid;
  grid-template-columns: repeat(3, 1fr);
  gap                  : 64px;
}

.how-work__item {
  position: relative;
}

.how-work__icon {
  position     : relative;
  z-index      : 10;
  height       : 128px;
  margin-bottom: 24px;

  img {
    width          : 100%;
    height         : 100%;
    object-fit     : contain;
    object-position: left center;
  }
}

.how-work__name {
  position   : relative;
  z-index    : 10;
  margin     : 0 0 24px;
  font-family: "Circe", sans-serif;
  font-weight: 700;
  font-size  : 32px;
  line-height: 1.1875;
  color      : #fff;
}

.how-work__text {
  position   : relative;
  z-index    : 10;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size  : 18px;
  line-height: 1.5;
  color      : #fff;

  p {
    margin: 0 0 16px;
  }

  p:last-child {
    margin-bottom: 0;
  }

  ul {
    padding-left: 30px;

    li {
      margin-bottom: 10px;
    }

    li:last-child {
      margin-bottom: 0;
    }
  }

  a {
    color: #ff6b4c;
  }
}

.how-work__step {
  position      : absolute;
  z-index       : 1;
  left          : 50%;
  top           : 50%;
  transform     : translate(-50%, -50%);
  font-family   : "Montserrat", sans-serif;
  font-style    : italic;
  font-weight   : 900;
  font-size     : 360px;
  line-height   : 1.3;
  text-transform: uppercase;
  color         : #354759;
}

.carousel-container {
  position: relative;
}

.carousel {
  position: static;

  .swiper-slide {
    height: auto;
  }

  .swiper-pagination {
    position  : static;
    margin-top: 30px;
  }

  .swiper-button-next {
    top   : -57px;
    right : 0;
    width : 32px;
    height: 32px;
  }

  .swiper-button-prev {
    top   : -57px;
    right : 52px;
    left  : auto;
    width : 32px;
    height: 32px;
  }

  .swiper-navigation-icon {

    svg,
    path {
      fill: #2b3d4f;
    }
  }

  .swiper-pagination-bullet {
    width           : 8px;
    height          : 8px;
    margin-inline   : 8px;
    background      : #bfbfbf;
    border-radius   : 0;
    opacity         : 1;
    /* transition   : width .3s; */
  }

  .swiper-pagination-bullet-active {
    width     : 24px;
    background: #f54d2e;
  }
}

.product {
  display       : flex;
  flex-direction: column;
  height        : 100%;
}

.carousel {

  .product__picture {
    height: 238px;

    img {
      width     : 100%;
      height    : 100%;
      object-fit: cover;
    }
  }
}

.product__title {
  font-size     : 21px;
  line-height   : 1.2;
  text-align    : left;
  text-transform: none;
}

.price {
  margin-top: auto;
}

.product__info {
  display       : flex;
  flex-direction: column;
  gap           : 14px;
}

.list__title,
.list__value {
  line-height: 1.2;
}

.product__link {
  grid-row       : span 2;
  display        : flex;
  align-items    : center;
  justify-content: center;
  width          : 100%;
  height         : 48px;
  border         : 2px solid #f54d2e;
  font-family    : "Open Sans", sans-serif;
  font-weight    : 400;
  font-size      : 16px;
  line-height    : 1;
  text-transform : uppercase;
  color          : #f54d2e;
  text-decoration: none;
  transition     : all .3s;
}

.product__link:hover {
  border-color    : #2b3d4f;
  background-color: #2b3d4f;
}


@media (max-width: 1199px) {
  .container {
    width: 952px;
  }

  .header__logo {
    width : 128px;
    height: 36px;
  }

  .tel {
    font-size: 18px;
  }

  .menu-list {
    gap: 18px;
  }

  .menu-link {
    font-size: 12px;
  }

  .card__grid {
    gap                  : 40px;
    grid-template-columns: 464px 1fr;
  }

  .gallery {

    .swiper-button-next,
    .swiper-button-prev {
      bottom: 16px;
    }
  }

  .tab-nav {
    gap         : 15px;
    padding-left: 37px;
  }

  .tab-btn::before {
    right: calc(100% - 1px);
  }

  .tab-btn::after {
    left: calc(100% - 1px);
  }

  .how-work__row {
    gap: 24px;
  }

  .how-work__step {
    left: 60%;
    top : 40%;
  }

  .product__price:has(.product__link) {
    gap                  : 4px;
    grid-template-columns: repeat(2, 1fr);

    .price__button {
      width: auto;
    }
  }

  .similar__container {
    padding-block: 26px 64px;
  }
}

@media (max-width: 999px) {
  .container {
    width: 720px;
  }

  .top-line__text {
    font-size: 12px;
  }

  .header__logo {
    width : 96px;
    height: 27px;
  }

  .header__button {
    display: none;
  }

  .tel {
    font-size: 16px;
  }

  .card__grid {
    grid-template-columns: 348px 1fr;
    gap                  : 24px;
  }

  .gallery {
    .swiper-slide {
      height: 231px;
    }

    .swiper-button-next {
      bottom: 8px;
      right : -2px;
    }

    .swiper-button-prev {
      bottom: 8px;
      left  : -2px;
    }
  }

  .thumbs {
    margin-inline: 36px;
  }

  .parameters {
    flex-direction: column;
  }

  .card__footer {
    flex-direction: column;
  }

  .card__button,
  .card__load {
    width: 100%;
  }

  .carousel {

    .list__title,
    .list__value {
      font-size: 12px;
    }
  }

  .product__price:has(.product__link) {
    display       : flex;
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .container {
    width: 432px;
  }

  .top-line__container {
    gap: 8px;
  }

  .top-line__item:first-child,
  .top-line__item:last-child {
    flex: none;
  }

  .top-line__icon {
    flex: none;
  }

  .top-line__text {
    font-size: 11px;
  }

  .menu {
    display: none;
  }

  .header__button {
    display   : block;
    width     : auto;
    height    : auto;
    padding   : 0;
    background: none;
    color     : #f54d2e;
    font-size : 14px;
  }

  .burger {
    flex           : none;
    display        : flex;
    align-items    : center;
    justify-content: center;
    width          : 24px;
    height         : 24px;
    padding        : 0;
    border         : none;
    border-radius  : 0;
    background     : none;

    img {
      width     : 100%;
      height    : 100%;
      object-fit: contain;
    }
  }

  .breadcrumbs:has(.container) {
    padding-top: 18px;
  }

  .breadcrumbs__item {
    font-size: 12px;
  }

  .card {
    padding-block: 32px;
  }

  .card__grid {
    display       : flex;
    flex-direction: column;
  }

  .gallery {
    .swiper-slide {
      height: 287px;
    }

    .swiper-button-next {
      right: 28px;
    }

    .swiper-button-prev {
      left: 28px;
    }
  }

  .thumbs {
    margin-inline: 72px;
  }

  .card__title {
    font-size: 21px;
  }

  .parameters {
    flex-direction: row;
  }

  .info-tabs {
    padding-block: 32px 26px;
  }

  .info-title {
    margin-bottom: 16px;
    font-size    : 21px;
  }

  .info-section {
    margin-bottom: 32px;
  }

  .info-item {
    margin-bottom: 16px;
    align-items  : flex-end;
  }

  .info-item span:first-child {
    width    : 204px;
    font-size: 16px;
  }

  .info-item span:last-child {
    max-width : 150px;
    text-align: right;
    font-size : 16px;
  }

  .info-text {
    font-size: 16px;
  }

  .how-work {
    padding-top: 18px;
  }

  .how-work__wrap {
    padding-bottom: 128px;
  }

  .how-work__wrap::before {
    top   : -18px;
    height: 149px;
  }

  .how-work__wrap::after {
    left  : 35%;
    height: 149px;
  }

  .how-work__title {
    font-size: 21px;
  }

  .how-work__row {
    display       : flex;
    flex-direction: column;
    gap           : 24px;
  }

  .how-work__text {
    font-size: 16px;
  }

  .how-work__step {
    left: 40%;
    top : 50%;
  }

  .carousel {

    .product__picture {
      height: 135px;
    }
  }

  .mobile-menu {
    display   : block;
    position  : absolute;
    z-index   : 5000;
    top       : 0;
    left      : 0;
    width     : 100%;
    padding   : 21px 24px 40px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
    background: #fff;
    transition: all 0.1s cubic-bezier(0.16, 1, 0.5, 1);
    transform : translateY(0.5rem);
    visibility: hidden;
    opacity   : 0;

    .header__logo {
      display      : block;
      width        : 80px;
      height       : 22px;
      margin-bottom: 24px;
    }

    .menu {
      display: block;
    }
  }

  .mobile-menu.show {
    transform : translateY(0rem);
    visibility: visible;
    opacity   : 1;
  }

  .menu-list {
    flex-direction: column;
    align-items   : flex-start;
    gap           : 24px;
  }

  .menu-item {
    position: static;
  }

  .menu-link {
    font-size: 14px;
  }

  .mobile-menu::after {
    content        : '';
    position       : absolute;
    right          : 14px;
    bottom         : -8px;
    width          : 44px;
    height         : 32px;
    background     : url(./images/logo-decor.svg) center no-repeat;
    background-size: contain;
  }

  .mobile-menu__close {
    position  : absolute;
    z-index   : 100;
    top       : 21px;
    right     : 24px;
    width     : 24px;
    height    : 24px;
    padding   : 0;
    border    : none;
    background: none;
  }

  .dropdown-menu {
    z-index    : 1;
    top        : 0;
    width      : 100%;
    padding-top: 21px;
  }

  .dropdown-menu-back {
    display       : flex;
    align-items   : center;
    gap           : 4px;
    margin-bottom : 24px;
    font-family   : "Circe", sans-serif;
    font-weight   : 700;
    font-size     : 14px;
    line-height   : 1.14286;
    text-transform: uppercase;
    color         : #2b3d4f;

    img {
      width     : 24px;
      height    : 24px;
      object-fit: contain;
    }
  }

  .similar__title {
    font-size: 21px;
  }
}

@media (max-width: 552px) {
  .container {
    width: 432px;
  }
}

@media (max-width: 479px) {
  .container {
    width: 312px;
  }

  .top-line,
  .header__button {
    display: none;
  }

  .gallery {
    .swiper-slide {
      height: 207px;
    }

    .swiper-button-next {
      right : 0;
      bottom: 4px;
    }

    .swiper-button-prev {
      left  : 0;
      bottom: 4px;
    }
  }

  .parameters {
    flex-direction: column;
  }

  .thumbs {
    margin-inline: 40px;
  }

  .card__price {
    font-size: 28px;
  }

  .tab-nav {
    overflow-x: auto;
  }

  .how-work__wrap::before {
    right: 20%;
  }

  .similar__title {
    padding-right: 0;
    margin-bottom: 83px;
  }
}

.page__overlay {
  z-index: 999998;
}

.page__modal {
  z-index: 999999;
}

.page__catalog {
  padding-top: 25px;
}

.product__image:not(.product__image--slider) {
  max-width: 100%;
  min-height: 264px;
  object-fit: cover;
}

.product__title a {
	color: #000;
	text-decoration: none;
}

.product__title a:hover {
	color: #F54D2E;
}