@media print {
  body.print-element *:not(.print) { display: none; }

  .more {
    page-break-before: always;
    break-before: always;
  }

  .noprint,.article-header,.col-lg-3,.offcanvas-menu,.offcanvas-overlay,.sp-scroll-up,.col-lg-12,
  #sp-top-bar,#sp-logo,#sp-menu,#sp-section-1,#sp-header,#sp-title,#sp-right,#sp-bottom,#sp-footer,
  #sp-module-content,#sp-module-content-bottom,#sp-module{
    display:none!important;
  }

  .main99, .print { visibility: visible; }
}

h2{
  font-family: Arial, sans-serif;
  font-size: 20pt;
  text-align: left;
  color: #518281;
}

p{
  font-family: Arial, sans-serif;
  font-size: 13pt;
  text-align: left;
}

.otvet{
  font-family: Arial, sans-serif;
  font-size: 14pt;
  height: 20px;
}

/* ====== БАЗА КАК В 70-Й ====== */
.field99 { clear: both; text-align: left; }
.main99 { position: relative; width: 100%; font-size: 14pt; }
.container99{
  position: relative;
  float:left;
  width: 330px;
  text-align: left;
  font-size: 14px;
  margin-top: 1em;
  margin-bottom: 1em;
}

label{
  display: flex;
  justify-content: flex-end;
  width: 16em;
  clear: left;
  margin-top: 0.1em;
}

/* ключевое поведение как в 70-й:
   первый элемент внутри label (инпут или select) фиксируем */
label > :first-child{
  margin-left: 1em;
  width: 6em;
}

/* мелкие поля на картинке */
.raz{
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  appearance: textfield;
  width: 40px;
  background-color: #e1e1e3;
  color: blue;
  text-align: center;
  height: 16px;
  font-size: 12px;
  line-height: 12px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  padding: 0 2px;
  margin: 0;
}
.raz::-webkit-inner-spin-button,
.raz::-webkit-outer-spin-button{ display:none; }

/* длинные текстовые поля (Название/пряжа/узор/плотность) */
.raz2{
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  width: 300px;
  font-size: 11pt;
  line-height: 12px;
}
.raz2::-webkit-inner-spin-button{ display:none; }

/* поля мерок (ОГ/ОР/ДИ...) — как в 70-й: без ширины! */
.raz3{
  font-size: 11pt;
  line-height: 12px;
}
.raz3::-webkit-inner-spin-button{ display:none; }

/* ====== ПОЗИЦИИ (120-я, оставила твои) ====== */
.sm3_1{ position:absolute; left:293px; top:22px; color:green; }
.sm3_13{ position:absolute; left:293px; top:55px; color:green; }
.sm3_14{ position:absolute; left:293px; top:39px; color:green; }
.pm3_13{ position:absolute; left:293px; top:50px; color:green; }
.pm3_14{ position:absolute; left:293px; top:66px; color:green; }
.sm17_1{ position:absolute; left:293px; top:109px; color:green; }
.m3_1{ position:absolute; left:290px; top:86px; color:green; }

.sm1{ position:absolute; left:105px; top:214px; color:green; width:34px; text-align:center; }
.sm1_ss{ position:absolute; left:138px; top:214px; color:blue; width:34px; text-align:center; }

.sm3{ position:absolute; left:1px; top:134px; color:green; width:34px; text-align:center; }
.sm3_ss{ position:absolute; left:1px; top:116px; color:blue; width:34px; text-align:center; }

.sm11{ position:absolute; left:125px; top:18px; color:green; width:34px; text-align:center; }
.sm11_ss{ position:absolute; left:125px; top:2px; color:blue; width:34px; text-align:center; }

.sm12{ position:absolute; left:62px; top:18px; color:green; width:34px; text-align:center; }
.sm12_s{ position:absolute; left:62px; top:2px; color:blue; width:34px; text-align:center; }

.sm13{ position:absolute; left:248px; top:34px; color:green; width:34px; text-align:center; }
.sm13_ss{ position:absolute; left:248px; top:18px; color:blue; width:34px; text-align:center; }

.sm14{ position:absolute; left:180px; top:18px; color:green; width:34px; text-align:center; }
.sm14_ss{ position:absolute; left:180px; top:2px; color:blue; width:34px; text-align:center; }

.sm15{ position:absolute; left:63px; top:117px; color:green; width:34px; text-align:center; }
.sm15_ss{ position:absolute; left:63px; top:101px; color:blue; width:34px; text-align:center; }

.sm16{ position:absolute; left:248px; top:84px; color:green; width:34px; text-align:center; }
.sm16_ss{ position:absolute; left:248px; top:68px; color:blue; width:34px; text-align:center; }

.sm17{ position:absolute; left:248px; top:158px; color:green; width:34px; text-align:center; }
.sm17_s{ position:absolute; left:248px; top:138px; color:blue; width:34px; text-align:center; }

.pm14{ position:absolute; left:165px; top:18px; color:green; width:34px; text-align:center; }
.pm14_ss{ position:absolute; left:165px; top:2px; color:blue; width:34px; text-align:center; }

.m1{ position:absolute; left:99px; top:213px; color:green; width:34px; text-align:center; }
.m1_ss{ position:absolute; left:132px; top:213px; color:blue; width:34px; text-align:center; }

.m2{ position:absolute; left:99px; top:14px; color:green; width:34px; text-align:center; }
.m2_ss{ position:absolute; left:132px; top:14px; color:blue; width:34px; text-align:center; }

.m3{ position:absolute; left:221px; top:118px; color:green; width:34px; text-align:center; }
.m3_ss{ position:absolute; left:221px; top:100px; color:blue; width:34px; text-align:center; }

.mp{ position:absolute; left:80px; top:134px; color:green; }