.shop-page {
  position:relative;
}

.shop-page-image{
  background:50% 40% / cover no-repeat fixed;
}
.shop-page-image::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
  pointer-events: none;
}

.shop-page__wrapper {
  width: 100%;
  max-width: calc(var(--site-width) + var(--site-gap) * 2);
  padding: calc(var(--site-gap) * 3.5) var(--site-gap) calc(var(--site-gap) * 2);
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  position:relative;
  z-index:5;
}
.shop-page__container {
  display: grid;
  grid-template-columns: minmax(200px, 280px) 1fr;
  grid-template-areas: "aside content";
  gap: 1.2rem;
}

/* присваиваем области */
.shop-page__aside {
  grid-area: aside;
  position: relative;
}
.shop-page__content {
  grid-area: content;
}

.shop-page-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.2rem;
	margin-bottom: 1.2rem;
}

.shop-page-title__item-count {
  display: inline-flex;
  align-items: center;
  padding-inline: 1.2rem;
  border: 1px solid rgba(255, 255, 255, 0.05);
  height: 26px;
  color: var(--color-gray-500);
  font-weight: 500;
	margin-top:10px;
	border-radius: var(--radius-sm);
	cursor: default;
}

@media screen and (max-width: 600.98px) {
  .shop-page__container {
    grid-template-columns: 1fr;
    grid-template-areas:
      "content"
      "aside";
  }
.shop-page__aside{
display:none
}
}