.banner-shop {
  position: relative;
  padding: 6.25rem 0;
  margin: 3.75rem 0;
}
.banner-shop__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.banner-shop__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
  object-fit: fill;
}
.banner-shop__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -16px -1.25rem;
}
.banner-shop__container > * {
  margin: 0 16px 1.25rem;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 28.4375rem;
}
.banner-shop__wrapper {
  height: 100%;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.banner-shop__img {
  width: 100%;
  position: relative;
  max-width: 25rem;
  margin: 0 auto 2.25rem;
}
.banner-shop__img::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 70%;
}
.banner-shop__img > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 1.25rem;
  -webkit-box-shadow: 4px 4px 12px 1px rgba(0, 4, 54, 0.32);
  box-shadow: 4px 4px 12px 1px rgba(0, 4, 54, 0.32);
}
.banner-shop__title {
  margin-bottom: 1.25rem;
}
.banner-shop__button {
  max-width: 22.1875rem;
  width: 100%;
  margin: auto auto 0;
  text-transform: uppercase;
}
.banner-shop__button .btn {
  width: 100%;
  padding: 0.78125rem 5.625rem;
}
@media (max-width: 768px) {
  .banner-shop {
    padding: 70px 0;
    margin: 54px 0;
  }
  .banner-shop__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: unset;
  }
  .banner-shop__container > * {
    max-width: unset;
    margin: unset;
  }
  .banner-shop__container > *:not(:last-child) {
    margin-bottom: 50px;
  }
  .banner-shop__img {
    max-width: 348px;
    height: 280px;
  }
}