.picture__img.banner-product {
  max-width: 400px;
}

.headergroup {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 15px
}

.headergroup__tag {
  color: var(--c-accent);
  font-family: var(--font-header);
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px
}

.headergroup__subtitle {
  color: var(--c-grey)
}

.headergroup--high .headergroup__title {
  font-size: calc(var(--h2-size) + 6px)
}

.headergroup--small {
  row-gap: 10px
}

.headergroup--small .headergroup__title {
  font-size: calc(var(--h2-size) - 6px)
}

@media(min-width:428px) {
  .headergroup__tag {
    font-size: 20px
  }

  .headergroup--high .headergroup__title {
    font-size: calc(var(--h2-size) + 12px)
  }
}

@media(min-width:680px) {
  .headergroup--small .headergroup__title {
    font-size: calc(var(--h2-size) - 18px)
  }

  .headergroup--small .headergroup__subtitle {
    font-size: calc(var(--subtitle-size) - 4px)
  }
}

@media(min-width:980px) {
  .headergroup--high .headergroup__title {
    font-size: calc(var(--h2-size) + 16px)
  }

  .headergroup--small .headergroup__title {
    font-size: calc(var(--h2-size) - 12px)
  }

  .headergroup--small .headergroup__subtitle {
    font-size: var(--subtitle-size)
  }
}

.s-regular__wrap {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: var(--gap)
}

.s-regular__pic {
  max-height: 728px;
  overflow: hidden
}

.s-regular__content {
  display: grid;
  grid-template-rows: 1fr;
  row-gap: 20px;
  text-align: left
}

.s-regular__list {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 15px
}

.s-regular__list-item {
  display: grid;
  grid-template-columns: 32px 1fr;
  -moz-column-gap: 16px;
  column-gap: 16px
}

.s-regular__list-icon {
  flex: 0;
  width: 32px;
  height: 32px
}

.s-regular__list-title {
  margin-bottom: 3px
}

.s-regular__author {
  display: flex;
  flex-direction: column
}

.s-regular--centered .s-regular__header {
  text-align: center
}

@media(min-width:680px) {
  .s-regular__wrap {
    row-gap: var(--gap)
  }

  .s-regular__content {
    row-gap: 35px
  }

  .s-regular__btn {
    display: inline-block;
    margin-top: 25px
  }

  .s-regular__list-item {
    -moz-column-gap: 30px;
    column-gap: 30px
  }

  .s-regular--centered .s-regular__content {
    display: contents
  }

  .s-regular--centered .s-regular__header {
    order: -1
  }

  .s-regular--centered .s-regular__list {
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: var(--wrap);
    column-gap: var(--wrap)
  }

  .s-regular--centered .s-regular__list-item:nth-child(odd) {
    grid-template-columns: 1fr 32px
  }

  .s-regular--centered .s-regular__list-item:nth-child(odd) .s-regular__list-icon {
    order: 1
  }

  .s-regular--centered .s-regular__list-icon {
    width: 48px;
    height: 48px
  }
}

@media(min-width:980px) {
  .picture__img.banner-product {
    max-width: 100%;
  }

  .s-regular__wrap {
    grid-template-columns: 6fr 6fr;
    -moz-column-gap: 100px;
    column-gap: 100px;
    align-items: center
  }

  .s-regular__pic {
    height: 100%
  }

  .s-regular__header {
    margin-top: 0
  }

  .s-regular__btn {
    margin-bottom: 0
  }

  .s-regular--reverse .s-regular__wrap {
    grid-template-columns: 6fr 6fr
  }

  .s-regular--reverse .s-regular__pic {
    order: 1
  }

  .s-regular--reverse .s-regular__content {
    order: 2
  }

  .s-regular--centered .s-regular__wrap {
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: var(--wrap);
    column-gap: var(--wrap);
    row-gap: 50px;
    grid-template-areas: "h h ""p l"
  }

  .s-regular--centered .s-regular__header {
    grid-area: h
  }

  .s-regular--centered .s-regular__pic {
    grid-area: p;
    height: 440px
  }

  .s-regular--centered .s-regular__list {
    grid-area: l;
    grid-template-columns: 1fr;
    -moz-column-gap: var(--wrap);
    column-gap: var(--wrap)
  }

  .s-regular--centered .s-regular__list-item:nth-child(odd) {
    grid-template-columns: 32px 1fr
  }

  .s-regular--centered .s-regular__list-item:nth-child(odd) .s-regular__list-icon {
    order: 0
  }
}

@media(min-width:1360px) {
  .s-regular__wrap {
    grid-template-columns: 6fr 6fr
  }

  .s-regular__pic {
    height: 100%
  }

  .s-regular--centered .s-regular__wrap {
    grid-template-columns: 1fr 1fr 1fr;
    -moz-column-gap: var(--wrap);
    column-gap: var(--wrap);
    row-gap: 50px;
    grid-template-areas: "h h h"". p .""l l l"
  }

  .s-regular--centered .s-regular__pic {
    grid-area: p;
    height: auto;
    position: static
  }

  .s-regular--centered .s-regular__pic img {
    position: absolute;
    height: 440px;
    max-width: 380px;
    left: 50%;
    transform: translate(-50%)
  }

  .s-regular--centered .s-regular__header {
    grid-area: h
  }

  .s-regular--centered .s-regular__list {
    min-height: 320px;
    grid-area: l;
    -moz-column-gap: 400px;
    column-gap: 400px;
    grid-template-columns: 1fr 1fr
  }

  .s-regular--centered .s-regular__list-item:nth-child(odd) {
    grid-template-columns: 1fr 32px
  }

  .s-regular--centered .s-regular__list-item:nth-child(odd) .s-regular__list-icon {
    order: 1
  }
}

.picture__img.product-image {
  max-width: 280px;
  margin: 0 auto;
}