/* Замовлення тиражу на мережу */
.order{display:grid;gap:26px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
@media (max-width:900px){.order{grid-template-columns:1fr}}

.calc{border:1px solid var(--line);border-radius:var(--r);padding:26px 24px;background:var(--wash)}
.calc__row{display:grid;gap:8px;margin-bottom:20px}
.calc__lab{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px}
.calc__val{font-family:"Playfair Display",Georgia,serif;font-size:20px;color:var(--ink);font-variant-numeric:tabular-nums}

input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:38px;background:transparent;cursor:pointer;margin:0}
input[type=range]::-webkit-slider-runnable-track{height:2px;background:var(--line);border-radius:2px}
input[type=range]::-moz-range-track{height:2px;background:var(--line);border-radius:2px}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--ink);border:0;margin-top:-10px;transition:transform .15s ease}
input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--ink);border:0}
input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}

.calc__out{margin-top:8px;padding-top:20px;border-top:1px solid var(--line);display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}
.calc__big{font-family:"Playfair Display",Georgia,serif;font-size:clamp(34px,5vw,46px);line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.calc__hint{font-size:13px;color:var(--ink-3);margin-top:12px}

.form{display:grid;gap:14px}
.field{display:grid;gap:6px}
.field label{font-size:13px;color:var(--ink-3)}
.field input,.field textarea{
  width:100%;min-height:48px;padding:13px 14px;font-size:16px;border:1px solid var(--line);border-radius:10px;background:var(--paper);
  font:inherit;color:var(--ink);transition:border-color .2s ease,box-shadow .2s ease;
}
.field input:focus,.field textarea:focus{outline:0;border-color:var(--ink-3);box-shadow:0 0 0 3px rgba(0,0,0,.05)}
.field textarea{resize:vertical;min-height:84px}
.field.is-bad input,.field.is-bad textarea{border-color:#b3261e;box-shadow:0 0 0 3px rgba(179,38,30,.09)}
.field__err{font-size:12.5px;color:#b3261e;min-height:1em}
.form__two{display:grid;gap:14px;grid-template-columns:1fr 1fr}
@media (max-width:520px){.form__two{grid-template-columns:1fr}}

/* Відповідь форми. Кожен вихід має свій текст: мовчазна відмова — окремий баг,
   а не дрібниця, тому тут є і «надіслано», і «не надіслано, ось що робити». */
.say{border-radius:10px;padding:14px 16px;font-size:14.5px;line-height:1.5;display:grid;gap:8px}
.say--ok{background:#f2f7f2;border:1px solid #cfe3cf;color:#1f4620}
.say--bad{background:#fdf3f2;border:1px solid #f0cfcc;color:#7a1f18}
.say--wait{background:var(--wash);border:1px solid var(--line);color:var(--ink-3)}
.say a{font-weight:600}