.title-page {
  text-align: center;
}
@media (max-width: 768px) {
  .title-page {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 360px) {
  .title-page {
    max-width: 280px;
  }
}

.catalog-wrapper {
  font-size: 1.0666666667rem;
  line-height: 1.25;
}
.catalog-wrapper h2 {
  margin: 2.6666666667rem 0 1.3333333333rem;
  font-size: 1.3333333333rem;
  line-height: 1.4;
  color: #f1592a;
  font-weight: bold;
  text-align: center;
}

.catalog-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 1.7333333333rem 1.3333333333rem;
  margin: 1.7333333333rem 0;
}

.catalog-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: calc(25% - 1rem);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
@media (max-width: 991px) {
  .catalog-item {
    width: calc(33.3333333333% - 0.8888888889rem);
  }
}
@media (max-width: 767px) {
  .catalog-item {
    width: calc(50% - 0.6666666667rem);
  }
}
.catalog-item__card {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-decoration: none;
  color: inherit;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
}
.catalog-item__card h4 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 3.6rem;
  margin: 0;
  padding: 0.6666666667rem 1rem;
  font-size: 1.0666666667rem;
  line-height: 1.25;
  font-weight: normal;
  text-align: center;
  color: #000 !important;
  background: #fff !important;
  -webkit-box-shadow: 0 0.2rem 0.6666666667rem rgba(20, 20, 43, 0.16);
          box-shadow: 0 0.2rem 0.6666666667rem rgba(20, 20, 43, 0.16);
}
.catalog-item__card:hover .catalog-item__img img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.catalog-item__img {
  width: 100%;
  height: auto;
  display: block;
  -webkit-box-shadow: 0 0.2rem 0.6666666667rem rgba(20, 20, 43, 0.16);
          box-shadow: 0 0.2rem 0.6666666667rem rgba(20, 20, 43, 0.16);
  overflow: hidden;
}
.catalog-item__img img {
  width: 100%;
  height: auto;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.catalog-item__btn {
  margin-top: 0.8rem;
  background: #ff8330 !important;
  border-radius: 3.3333333333rem;
  color: #fff !important;
  text-decoration: none;
  display: inline-block;
  padding: 0.3333333333rem 1.3333333333rem;
  font-size: 0.9333333333rem;
  line-height: 1.4285714286;
  font-weight: 600;
  text-align: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.catalog-item__btn:hover {
  background: #f18f2a !important;
  color: #fff !important;
}
.catalog-item__link {
  margin-top: 0.3333333333rem;
  display: inline-block;
  color: #F2623B !important;
  text-decoration: none;
  font-size: 0.8rem;
  line-height: 1.6666666667;
  font-weight: 400 !important;
}
.catalog-item__link:hover {
  color: #f18f2a !important;
  text-decoration: underline;
}

.catalog-container {
  background: #fff7e1;
  -webkit-box-shadow: 0.2666666667rem 0.2666666667rem 1.3333333333rem rgba(0, 0, 0, 0.25);
          box-shadow: 0.2666666667rem 0.2666666667rem 1.3333333333rem rgba(0, 0, 0, 0.25);
  border: 1px solid #bcbcbc;
  border-radius: 1.3333333333rem;
  margin-left: 0 -3.3333333333rem;
  padding: 0 3.3333333333rem;
}
@media (max-width: 767px) {
  .catalog-container {
    margin: 0 -10rem;
    padding: 0 10rem;
  }
}
.catalog-container h3 {
  text-align: center;
  font-size: 1.3333333333rem;
  color: #f1592a;
  font-weight: bold;
  margin: 1.7333333333rem auto;
}

.decor-heading {
  position: relative;
  font-size: 1.3333333333rem;
  color: #f1592a;
  font-weight: bold;
  text-align: center;
  z-index: 0;
  padding: 0.8rem 0;
  margin: 1.7333333333rem 0;
}
.decor-heading:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 202, 148, 0)), color-stop(#ffca94), to(rgba(255, 202, 148, 0)));
  background: linear-gradient(to right, rgba(255, 202, 148, 0), #ffca94, rgba(255, 202, 148, 0));
}

.catalog-list {
  background: #fafafa;
  padding: 1.7333333333rem 2.6666666667rem;
}
@media (max-width: 767px) {
  .catalog-list {
    padding: 1.7333333333rem 1.3333333333rem;
  }
}
.catalog-list h3 {
  text-align: center;
  font-size: 1.3333333333rem;
  color: #f1592a;
  font-weight: bold;
  margin: 0rem auto 1.7333333333rem;
}
.catalog-list .cell h4 {
  font-size: 1.3333333333rem;
  font-weight: 500;
  color: #f2623b;
  margin: 0.8666666667rem 0 0.8666666667rem;
}
.catalog-list .cell ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.catalog-list .cell ul li {
  font-size: 1.0666666667rem;
  line-height: 1.25;
  color: #000;
  margin-bottom: 0.3333333333rem;
}
.catalog-list .cell ul li:last-child {
  margin-bottom: 0;
}
.catalog-list .cell ul li a {
  font-weight: normal !important;
  color: #6E6E73 !important;
}
.catalog-list .cell ul li a:hover {
  text-decoration: underline;
}