/* Corresponding SVG illustrations for buyer-related hero blocks — 15.09.2026 */
:is(body.page-id-4739, body.page-id-1567, body.page-id-4741) .vsh-buyer-hero,
body.page-id-4727 .vsh-order-hero,
body.page-id-4729 .vsh-faq-hero {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

:is(body.page-id-4739, body.page-id-1567, body.page-id-4741) .vsh-buyer-hero > *,
body.page-id-4727 .vsh-order-hero > *,
body.page-id-4729 .vsh-faq-hero > * {
  position: relative;
  z-index: 2;
}

:is(body.page-id-4739, body.page-id-1567, body.page-id-4741) .vsh-buyer-hero::after,
body.page-id-4727 .vsh-order-page .vsh-order-hero::after,
body.page-id-4729 .vsh-faq-hero::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 28px;
  width: 31%;
  height: 82%;
  transform: translateY(-50%);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
  opacity: .40;
  pointer-events: none;
}

body.page-id-4739 .vsh-buyer-hero::after { background-image: url('/wp-content/uploads/2026/09/pokupatelyam-002.svg'); }
body.page-id-1567 .vsh-buyer-hero::after { background-image: url('/wp-content/uploads/2026/09/pokupatelyam-003.svg'); }
body.page-id-4741 .vsh-buyer-hero::after { background-image: url('/wp-content/uploads/2026/09/pokupatelyam-004.svg'); }
body.page-id-4727 .vsh-order-page .vsh-order-hero::after { background-image: url('/wp-content/uploads/2026/09/pokupatelyam-005.svg'); }
body.page-id-4729 .vsh-faq-hero::after { background-image: url('/wp-content/uploads/2026/09/pokupatelyam-006.svg'); }

:is(body.page-id-4739, body.page-id-1567, body.page-id-4741) .vsh-buyer-hero h1,
:is(body.page-id-4739, body.page-id-1567, body.page-id-4741) .vsh-buyer-lead,
:is(body.page-id-4739, body.page-id-1567, body.page-id-4741) .vsh-buyer-actions {
  max-width: 66%;
}

body.page-id-4727 .vsh-order-page .vsh-order-hero::after {
  right: 34px;
  width: 34%;
  height: 88%;
  bottom: auto;
}

body.page-id-4729 .vsh-faq-hero {
  min-height: 230px;
  padding-right: 35%;
}

body.page-id-4729 .vsh-faq-hero::after {
  right: 18px;
  width: 31%;
  height: 92%;
}

/* Root buyers hero uses the existing JPG artwork, but follows the same opacity scale. */
body.page-id-5681 .vsh-buyer-hero::after {
  opacity: .40;
}

@media (min-width: 1401px) {
  :is(body.page-id-4739, body.page-id-1567, body.page-id-4741) .vsh-buyer-hero::after,
  body.page-id-4727 .vsh-order-page .vsh-order-hero::after,
  body.page-id-4729 .vsh-faq-hero::after,
  body.page-id-5681 .vsh-buyer-hero::after {
    opacity: .55;
  }
}

@media (max-width: 1000px) {
  :is(body.page-id-4739, body.page-id-1567, body.page-id-4741) .vsh-buyer-hero::after,
  body.page-id-4727 .vsh-order-page .vsh-order-hero::after,
  body.page-id-4729 .vsh-faq-hero::after {
    right: 14px;
    width: 34%;
    height: 72%;
  }

  :is(body.page-id-4739, body.page-id-1567, body.page-id-4741) .vsh-buyer-hero h1,
  :is(body.page-id-4739, body.page-id-1567, body.page-id-4741) .vsh-buyer-lead,
  :is(body.page-id-4739, body.page-id-1567, body.page-id-4741) .vsh-buyer-actions {
    max-width: 72%;
  }

  body.page-id-4729 .vsh-faq-hero { padding-right: 31%; }
}

@media (max-width: 600px) {
  :is(body.page-id-4739, body.page-id-1567, body.page-id-4741) .vsh-buyer-hero::after,
  body.page-id-4727 .vsh-order-page .vsh-order-hero::after,
  body.page-id-4729 .vsh-faq-hero::after {
    opacity: .22;
    right: 8px;
    width: 48%;
    height: 56%;
  }

  :is(body.page-id-4739, body.page-id-1567, body.page-id-4741) .vsh-buyer-hero h1,
  :is(body.page-id-4739, body.page-id-1567, body.page-id-4741) .vsh-buyer-lead,
  :is(body.page-id-4739, body.page-id-1567, body.page-id-4741) .vsh-buyer-actions {
    max-width: none;
  }

  body.page-id-4729 .vsh-faq-hero {
    min-height: 0;
    padding-right: 0;
  }

  /* On phones the decorative order illustration competes with the copy. */
  body.page-id-4727 .vsh-order-page .vsh-order-hero::after {
    display: none !important;
    background-image: none !important;
  }

  body.page-id-4727 .vsh-order-page .vsh-order-hero > .wp-block-group__inner-container {
    padding-top: 0 !important;
  }
}