.materials--single-photo {
  padding-bottom:clamp(32px,4vw,64px);
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  grid-template-areas:
    "title title"
    "shoe details"
    "shoe guide";
  column-gap: clamp(36px, 6vw, 112px);
  row-gap: 32px;
}

.materials--single-photo > h2 { grid-area: title; }
.materials--single-photo > .material-photo { grid-area: shoe; }
.materials--single-photo > .materials__list { grid-area: details; }
.materials--single-photo > .more {
  grid-area: guide;
  justify-self: start;
  min-height:44px;
  align-items:center;
}

.materials--single-photo > h2 .section-heading__en {
  font-size: clamp(42px, 4.5vw, 64px);
}

.materials--single-photo .materials__list > div {
  padding: 22px 0;
}
.materials--single-photo .materials__list > div:first-child { padding-top: 0; }
.materials--single-photo .materials__list > div:last-child { padding-bottom: 0; }

@media (max-width: 780px), (max-width: 1100px) and (orientation: portrait) {
  .materials--single-photo {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "title" "shoe" "details" "guide";
    row-gap: 24px;
  }
}