.vr-hero { --vr-hero-image: none; --vr-hero-overlay: linear-gradient(90deg, rgba(255,255,255,.99), rgba(255,255,255,.08)); position: relative; overflow: hidden; padding: var(--vr-hero-space) 0; background-color: var(--vr-paper); background-image: var(--vr-hero-overlay), var(--vr-hero-image); background-size: cover; background-position: center right; }
.vr-hero--order {
  --vr-hero-image: url("/static/themes/vostok-rul/assets/avto-zakaz-desktop.jpg");
  --vr-hero-overlay: linear-gradient(90deg, rgba(255,255,255,.99) 0%, rgba(255,255,255,.94) 42%, rgba(255,255,255,.36) 70%, rgba(255,255,255,.04) 100%);
  min-height: var(--vr-hero-min-height);
}
.vr-hero--transport {
  --vr-hero-image: url("/static/themes/vostok-rul/assets/avtovoz-desktop.jpg");
  --vr-hero-overlay: linear-gradient(90deg, rgba(255,255,255,.99) 0%, rgba(255,255,255,.94) 40%, rgba(255,255,255,.3) 72%, rgba(255,255,255,.04) 100%);
  min-height: var(--vr-hero-min-height);
}
.vr-hero--document { padding: var(--vr-space-7) 0 var(--vr-space-5); background: var(--vr-paper); }
.vr-hero--document .vr-hero__grid { grid-template-columns: minmax(0, 1fr); }
.vr-hero--document .vr-hero__copy { max-width: var(--vr-reading); }
.vr-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(17.5rem, var(--vr-form-width)); justify-content: space-between; gap: clamp(var(--vr-space-5), 4vw, var(--vr-space-8)); align-items: center; }
.vr-hero__copy { max-width: var(--vr-hero-copy); }
.vr-hero__eyebrow { margin-bottom: var(--vr-space-4); color: var(--vr-accent-dark); font-size: var(--vr-text-label); font-weight: var(--vr-weight-bold); letter-spacing: var(--vr-tracking-eyebrow); text-transform: uppercase; }
.vr-hero__lead { max-width: var(--vr-reading); color: var(--vr-text-secondary); font-size: var(--vr-text-lead); line-height: var(--vr-leading-lead); }
.vr-hero__lead p, .vr-hero__secondary p { margin-bottom: 1em; }
.vr-hero__secondary { max-width: var(--vr-hero-copy); color: var(--vr-muted); }
.vr-hero__stat { display: flex; margin: var(--vr-space-6) 0 0; }
.vr-hero__stat div { padding-top: var(--vr-space-3); border-top: var(--vr-border-accent); }
.vr-hero__stat dt { font-size: var(--vr-text-stat); font-weight: var(--vr-weight-bold); }
.vr-hero__stat dd { margin: var(--vr-space-1) 0 0; color: var(--vr-muted); }
.vr-hero__form { min-height: var(--vr-form-min-height); border: var(--vr-border-width) solid var(--vr-line-strong); border-radius: var(--vr-radius-md); background: var(--vr-glass-surface); box-shadow: var(--vr-shadow-card); backdrop-filter: blur(var(--vr-space-2)); }
@media (max-width: 48rem) {
  .vr-hero__grid { grid-template-columns: 1fr; }
  .vr-hero__form { width: min(100%, var(--vr-form-width)); }
  .vr-hero--order {
    min-height: auto;
    --vr-hero-image: url("/static/themes/vostok-rul/assets/avto-zakaz-mobile.jpg");
    --vr-hero-overlay: linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(255,255,255,.93) 48%, rgba(255,255,255,.48) 70%, rgba(255,255,255,.05) 100%);
    padding-bottom: var(--vr-hero-mobile-space);
    background-position: center bottom;
  }
  .vr-hero--transport { --vr-hero-image: url("/static/themes/vostok-rul/assets/avtovoz-mobile.jpg"); --vr-hero-overlay: linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(255,255,255,.93) 46%, rgba(255,255,255,.45) 66%, rgba(255,255,255,.04) 100%); min-height: auto; padding-bottom: var(--vr-hero-mobile-space); background-position: center bottom; }
}