/* 26.10.2026: «Заявка списком в тоннах» — js/zayavka.js */
.zv-add{display:inline-flex;align-items:center;gap:6px;flex-wrap:nowrap}
.zv-add__t{width:72px;height:40px;padding:0 8px;border:1px solid #c9d3dd;border-radius:4px;font:inherit;font-size:15px;text-align:right}
.zv-add__t.is-err{border-color:#e53935}
.zv-add__u{font-size:15px;color:#555}
.zv-add__btn{height:40px;padding:0 12px;border:1px solid var(--sky,#3498db);border-radius:4px;color:var(--sky,#3498db);background:#fff;font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer}
.zv-add__btn:hover{background:#eef6fc}
.zv-add__btn.is-in{background:var(--sky,#3498db);color:#fff}
.prod-card__actions .zv-add{margin-top:8px}
.c-prod__zayavka{margin:-4px 0 16px}
.prods__head-actions{flex-wrap:wrap;row-gap:10px}
.c-prod__zayavka-hint{font-size:13px;color:#777;margin-top:6px}

.zv-bar{position:fixed;left:0;right:0;bottom:0;z-index:600;background:#1f2d3d;color:#fff;box-shadow:0 -4px 16px rgba(0,0,0,.18)}
.zv-bar[hidden]{display:none}
.zv-bar__inn{max-width:1200px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.zv-bar__txt{font-size:16px}
.zv-bar__sum{color:#cfe6f7}
.zv-bar__btn{white-space:nowrap}
.zv-bar.is-pulse{animation:zv-pulse .5s}
@keyframes zv-pulse{0%{background:#2e86c1}100%{background:#1f2d3d}}
body.zv-on{padding-bottom:64px}
body.zv-on .scrolltop{bottom:64px}
body.zv-lock{overflow:hidden}

.zv-modal{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.5);display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:30px 10px}
.zv-modal[hidden]{display:none}
.zv-modal__box{position:relative;background:#fff;width:100%;max-width:760px;border-radius:6px;padding:24px 24px 20px}
.zv-modal__x{position:absolute;right:10px;top:6px;font-size:30px;line-height:1;color:#888;cursor:pointer}
.zv-modal__title{font-size:22px;font-weight:700;margin-bottom:14px}
.zv-tab{width:100%;border-collapse:collapse;font-size:14px}
.zv-tab th{text-align:left;font-weight:500;color:#777;border-bottom:1px solid #e3e8ee;padding:6px}
.zv-tab td{border-bottom:1px solid #eef1f4;padding:8px 6px;vertical-align:middle}
.zv-tab td a{color:inherit}
.zv-tab__cena{font-size:12px;color:#888;margin-top:2px}
.zv-tab__t{width:80px;height:34px;padding:0 6px;border:1px solid #c9d3dd;border-radius:4px;text-align:right;font:inherit}
.zv-tab__sum{white-space:nowrap}
.zv-tab__del{font-size:22px;color:#c62828;cursor:pointer;padding:0 6px}
.zv-modal__itogo{margin:12px 0 6px;font-size:16px}
.zv-modal__note{font-size:13px;color:#777;margin-bottom:14px}
.zv-modal__empty{color:#777;padding:10px 0}
.zv-modal__form{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.zv-modal__in{width:100%;padding:10px;border:1px solid #c9d3dd;border-radius:4px;font:inherit;box-sizing:border-box}
textarea.zv-modal__in{grid-column:1/-1;resize:vertical}
.zv-modal__soglasie{grid-column:1/-1;display:flex;gap:8px;align-items:flex-start;font-size:12px;color:#666}
.zv-modal__soglasie a{color:inherit;text-decoration:underline}
.zv-modal__err{grid-column:1/-1;color:#c62828;font-size:14px;min-height:0}
.zv-modal__send{grid-column:1/-1;justify-self:start}
.zv-modal__ok{font-size:17px;line-height:1.5;padding:10px 0}

@media (max-width:767px){
  .zv-bar__inn{padding:8px 10px;gap:8px}
  .zv-bar__txt{font-size:13px}
  .zv-bar__btn{padding-left:12px;padding-right:12px;font-size:14px}
  .zv-modal{padding:0}
  .zv-modal__box{border-radius:0;min-height:100%;padding:18px 12px}
  .zv-modal__form{grid-template-columns:1fr}
  .zv-tab thead{display:none}
  .zv-tab td{padding:6px 3px}
  .zv-tab__t{width:64px}
}