/* SITE-227 visual-v2: image presentation only; original UI stays scoped. */
.page__content .ok-buyer-hero {
  grid-template-columns: 1fr 1.15fr;
  gap: 44px;
}
.page__content .ok-buyer-hero__photo img {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 8px;
  outline: 1px solid rgb(0 0 0 / 8%);
  outline-offset: -1px;
}
.page__content .ok-buyer-tasks img {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  padding: 0;
  border-radius: 7px;
  outline: 1px solid rgb(0 0 0 / 8%);
  outline-offset: -1px;
}
.page__content .ok-buyer p.ok-buyer-visual-note {
  margin-top: 18px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--buyer-muted);
}
.page__content .ok-buyer-visual-note + .ok-buyer-tasks { margin-top: 12px; }
@media (max-width: 760px) {
  .page__content .ok-buyer-hero { grid-template-columns: 1fr; gap: 26px; }
}