.mbv-transfer {
  --mbv-transfer-accent: #fdbc00;
  --mbv-transfer-ink: #101b2d;
  background: #fff;
  color: var(--mbv-transfer-ink);
  font-family: Gilroy, Arial, sans-serif;
}
.mbv-transfer *, .mbv-transfer *::before, .mbv-transfer *::after { box-sizing: border-box; }
.mbv-transfer .container { width: min(1200px, calc(100% - 40px)); max-width: 1200px; margin-inline: auto; }
.mbv-transfer .hero {
  position: relative;
  top: auto;
  z-index: auto;
  min-height: 680px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: linear-gradient(90deg, rgba(15,18,21,.92) 0%, rgba(16,18,20,.78) 46%, rgba(16,18,20,.24) 100%), url('/upload/dev2fun.imagecompress/webp/local/verstka_new/images/base/background3.webp') center/cover;
  color: #fff;
}
.mbv-transfer .hero__inner { width: calc(100% - 80px); max-width: none; padding: 86px 0 78px; }
.mbv-transfer .hero__content { width: max-content; max-width: 100%; margin: 0 auto; transform: translateY(-100px); text-align: left; }
.mbv-transfer .hero h1 { width: max-content; max-width: 100%; margin: 0; color: #fff; font: 600 clamp(44px, 5vw, 65px)/1.08 Inter, Gilroy, Arial, sans-serif; text-transform: uppercase; letter-spacing: -.02em; }
.mbv-transfer .hero .lead { margin: 70px 0 0; max-width: 840px; color: #fff; font-size: 30px; line-height: 1.35; text-align: left; text-transform: uppercase; }
.mbv-transfer .btn-row { display: flex; margin-top: 70px; justify-content: flex-start; }
.mbv-transfer .btn { display: inline-flex; align-items: center; justify-content: center; min-height: 49px; padding: 12px 22px; border-radius: 5px; font-size: 16px; font-weight: 700; text-decoration: none; }
.mbv-transfer .btn--primary { background: var(--mbv-transfer-accent); color: #111; }
.mbv-transfer .btn--dark { background: #111; color: #fff; white-space: nowrap; }
.mbv-transfer .btn--primary:hover { background: #ffd13b; }
.mbv-transfer .specification-showcase,
.mbv-transfer .construction-schedule-showcase,
.mbv-transfer .single-supplier-showcase,
.mbv-transfer .workflow-showcase,
.mbv-transfer .calculation-form-showcase,
.mbv-transfer .platform-showcase { margin: 0; background: #f7f8fa; }
.mbv-transfer .specification-showcase img,
.mbv-transfer .construction-schedule-showcase img,
.mbv-transfer .single-supplier-showcase img,
.mbv-transfer .workflow-showcase img,
.mbv-transfer .calculation-form-showcase > img,
.mbv-transfer .platform-showcase img { display: block; width: 100%; height: auto; }
.mbv-transfer .calculation-form-showcase { position: relative; overflow: hidden; }
.mbv-transfer .calculation-form {
  position: absolute; top: 20.7%; left: 50.7%; width: 37.45%; height: 74%;
  display: flex; flex-direction: column; padding: 2.05% 2.25%;
  border-radius: 10px; background: #fff; box-shadow: 0 8px 26px rgba(29,46,62,.08);
  color: #15243a; text-decoration: none;
}
.mbv-transfer .calculation-form__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 20px; }
.mbv-transfer .calculation-form__field { display: flex; flex-direction: column; gap: 8px; color: #7c8fa8; font-size: 16px; font-weight: 700; }
.mbv-transfer .calculation-form__field--full { grid-column: 1/-1; }
.mbv-transfer .calculation-form__input { display: flex; align-items: center; width: 100%; height: 57px; padding: 0 15px; border: 1px solid #dbe4ef; border-radius: 6px; color: #96a8bf; font-weight: 400; }
.mbv-transfer .calculation-form__file { display: flex; align-items: center; gap: 14px; min-height: 82px; padding: 12px 18px; border: 1px dashed #9db5d1; border-radius: 5px; color: #9aacbf; font-size: 15px; font-weight: 400; }
.mbv-transfer .calculation-form__file strong { padding: 12px 16px; border-radius: 5px; background: #edf3f9; color: #15243a; }
.mbv-transfer .calculation-form__file em { font-style: normal; }
.mbv-transfer .calculation-form__submit { display: flex; align-items: center; justify-content: center; margin-top: 21px; min-height: 66px; border-radius: 6px; background: #ffc400; color: #101b2d; font: 700 18px/1 Inter, Gilroy, Arial, sans-serif; }
.mbv-transfer .calculation-form:hover .calculation-form__submit { background: #ffd13b; }
.mbv-transfer .calculation-form__note { display: block; margin-top: 15px; color: #8092a9; font-size: 14px; line-height: 1.4; }
.mbv-transfer .cta-band { padding: 36px 0; background: #fff; }
.mbv-transfer .cta-band__inner { width: calc(100% - 80px); max-width: none; min-height: 185px; display: flex; align-items: center; justify-content: center; gap: 30px; padding: 44px 48px; background: var(--mbv-transfer-accent); }
.mbv-transfer .cta-band h2 { max-width: 900px; margin: 0; color: #151616; font: 600 34px/1.15 Inter, Gilroy, Arial, sans-serif; text-align: left; }
@media (max-width: 900px) {
  .mbv-transfer .calculation-form-showcase { padding: 32px 20px; background: #eef4f8 url('/krupnye-zakazy-metalloprokata/assets/calculation-form-reference.png') center/cover; }
  .mbv-transfer .calculation-form-showcase > img { display: none; }
  .mbv-transfer .calculation-form { position: static; width: min(100%, 620px); height: auto; margin-left: auto; padding: 28px; }
}
@media (max-width: 640px) {
  .mbv-transfer .container { width: calc(100% - 24px); }
  .mbv-transfer .hero { min-height: 420px; }
  .mbv-transfer .hero__inner { width: calc(100% - 32px); padding: 62px 0; }
  .mbv-transfer .hero__content { transform: none; }
  .mbv-transfer .hero h1 { font-size: clamp(28px, 8vw, 42px); }
  .mbv-transfer .hero .lead { margin-top: 28px; font-size: 18px; }
  .mbv-transfer .btn-row { margin-top: 32px; }
  .mbv-transfer .cta-band__inner { width: calc(100% - 24px); flex-direction: column; align-items: flex-start; padding: 30px 24px; }
  .mbv-transfer .cta-band h2 { font-size: 24px; }
  .mbv-transfer .calculation-form { padding: 20px; }
  .mbv-transfer .calculation-form__grid { grid-template-columns: 1fr; }
  .mbv-transfer .calculation-form__field--full { grid-column: auto; }
}