.balabar-calc{
  --c-bg:#0a0a0a;
  --c-panel:#121212;
  --c-line:rgba(255,255,255,.1);
  --c-red:#c02026;
  --c-red-2:#e0343a;
  --c-green:#3a8a3e;
  --c-text:#f5f5f5;
  --c-muted:#9a9a9a;
  --c-ease:cubic-bezier(.22,1,.36,1);
  position:relative;
  background:
    radial-gradient(460px 200px at 0% 0%, rgba(58,138,62,.14), transparent 55%),
    radial-gradient(500px 220px at 100% 0%, rgba(192,32,38,.16), transparent 60%),
    linear-gradient(160deg,#0a0a0a 0%,#141414 55%,#120808 100%);
  color:var(--c-text);
  padding:clamp(1.25rem,3vw,2rem);
  border:1px solid var(--c-line);
  box-shadow: inset 0 3px 0 0 var(--c-green), inset 0 6px 0 0 var(--c-red);
}
.balabar-calc__grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:clamp(1rem,3vw,2rem);
  align-items:start;
}
.balabar-calc__head h2{
  margin:.2rem 0 .5rem;
  font-size:clamp(1.4rem,3vw,2rem);
  line-height:1.2;
  letter-spacing:-.02em;
}
.balabar-calc__eyebrow{
  margin:0;
  color:var(--c-red);
  font-size:.78rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:700;
}
.balabar-calc__head p,.balabar-calc label small{color:var(--c-muted);margin:0}
.balabar-calc__steps{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  margin:1rem 0 0;
  padding:0;
}
.balabar-calc__steps li{
  font-size:.78rem;
  color:var(--c-muted);
  border:1px solid var(--c-line);
  padding:.35rem .7rem;
}
.balabar-calc__steps li.is-active{
  color:#fff;
  border-color:var(--c-green);
  background:rgba(58,138,62,.14);
}
.balabar-calc fieldset{
  border:0;
  margin:1.15rem 0 0;
  padding:0;
}
.balabar-calc legend{
  font-weight:600;
  margin-bottom:.55rem;
}
.balabar-calc__chips{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
}
.balabar-calc__chips label{
  border:1px solid var(--c-line);
  padding:.6rem .95rem;
  cursor:pointer;
  background:#161616;
  transition:border-color .2s,background .2s,color .2s,transform .25s var(--c-ease);
}
.balabar-calc__chips label:hover{transform:translateY(-1px)}
.balabar-calc__chips label.is-active,
.balabar-calc__chips label:hover{
  border-color:var(--c-red);
  background:rgba(225,6,0,.12);
  color:#fff;
}
.balabar-calc__chips input{display:none}
.balabar-calc__sliders{
  display:grid;
  gap:1rem;
  margin-top:1.15rem;
}
.balabar-calc__slider{
  display:grid;
  gap:.45rem;
}
.balabar-calc__slider-top{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:1rem;
  font-size:.92rem;
}
.balabar-calc__slider-top strong{
  color:#fff;
  font-size:1.05rem;
  font-variant-numeric:tabular-nums;
}
.balabar-calc input[type=range]{
  -webkit-appearance:none;
  appearance:none;
  width:100%;
  height:28px;
  background:transparent;
  border:0;
  outline:none;
  cursor:pointer;
  padding:0;
  margin:0;
}
.balabar-calc input[type=range]::-webkit-slider-runnable-track{
  height:4px;
  background:linear-gradient(90deg,var(--c-red) var(--fill,40%), rgba(255,255,255,.14) var(--fill,40%));
}
.balabar-calc input[type=range]::-webkit-slider-thumb{
  -webkit-appearance:none;
  width:28px;
  height:28px;
  margin-top:-12px;
  border-radius:50%;
  background:#fff;
  border:2px solid var(--c-red);
  box-shadow:0 0 0 4px rgba(192,32,38,.18);
  transition:transform .2s var(--c-ease);
}
.balabar-calc input[type=range]:active::-webkit-slider-thumb{transform:scale(1.08)}
.balabar-calc input[type=range]::-moz-range-track{
  height:4px;
  background:linear-gradient(90deg,var(--c-red) var(--fill,40%), rgba(255,255,255,.14) var(--fill,40%));
}
.balabar-calc input[type=range]::-moz-range-thumb{
  width:28px;
  height:28px;
  border-radius:50%;
  background:#fff;
  border:2px solid var(--c-red);
}
.balabar-calc__row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.85rem;
  margin-top:1rem;
}
.balabar-calc__row--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.balabar-calc__shaft-box{
  margin-top:1.25rem;
  padding-top:1rem;
  border-top:1px solid var(--c-line);
}
.balabar-calc__hint{
  margin:0 0 .75rem;
  color:var(--c-muted);
  font-size:.88rem;
}
.balabar-calc label{
  display:flex;
  flex-direction:column;
  gap:.35rem;
  font-size:.92rem;
}
.balabar-calc input[type=number],
.balabar-calc input[type=text],
.balabar-calc input[type=tel],
.balabar-calc select,
.balabar-calc textarea{
  background:#0f0f0f;
  border:1px solid var(--c-line);
  color:#fff;
  padding:.75rem .85rem;
  border-radius:0;
  transition:border-color .2s, background .2s;
}
.balabar-calc input:focus,
.balabar-calc select:focus,
.balabar-calc textarea:focus{
  outline:none;
  border-color:rgba(225,6,0,.7);
  background:#121212;
}
.balabar-calc__check{
  flex-direction:row !important;
  align-items:center;
  gap:.55rem !important;
  margin-top:1.15rem;
  cursor:pointer;
}
.balabar-calc__result{
  background:var(--c-panel);
  border:1px solid var(--c-line);
  padding:1.25rem;
  position:sticky;
  top:5.25rem;
  transition:opacity .25s ease, border-color .3s;
}
.balabar-calc.is-loading .balabar-calc__result{opacity:.55}
.balabar-calc__price{
  display:flex;
  align-items:baseline;
  gap:.45rem;
  margin:.4rem 0 .35rem;
}
.balabar-calc__price span{
  font-size:clamp(1.8rem,4vw,2.6rem);
  font-weight:700;
  color:#fff;
  letter-spacing:-.03em;
  font-variant-numeric:tabular-nums;
}
.balabar-calc__price.is-pulse span{
  animation:balabar-price-pulse .55s var(--c-ease);
}
.balabar-calc__price small{color:var(--c-muted)}
.balabar-calc__range{color:var(--c-muted);font-size:.9rem;margin:0 0 1rem}
.balabar-calc__breakdown{
  list-style:none;
  margin:0;
  padding:0;
  border-top:1px solid var(--c-line);
}
.balabar-calc__breakdown li{
  display:flex;
  justify-content:space-between;
  gap:1rem;
  padding:.55rem 0;
  border-bottom:1px solid var(--c-line);
  font-size:.9rem;
  color:#d0d0d0;
}
.balabar-calc__breakdown li strong{color:#fff;font-weight:600;font-variant-numeric:tabular-nums}
.balabar-calc__lead{
  margin-top:1.25rem;
  padding-top:1rem;
  border-top:1px solid var(--c-line);
  display:grid;
  gap:.55rem;
}
.balabar-calc__lead h3{margin:0;font-size:1rem}
.balabar-calc__lead-hint{margin:0;color:var(--c-muted);font-size:.85rem}
.balabar-calc__submit{
  background:var(--c-red);
  color:#fff;
  border:0;
  padding:.9rem 1rem;
  font-weight:700;
  cursor:pointer;
  transition:background .2s, transform .25s var(--c-ease), box-shadow .25s;
}
.balabar-calc__submit:hover{
  background:var(--c-red-2);
  transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(225,6,0,.28);
}
.balabar-calc__submit:disabled{opacity:.65;cursor:wait;transform:none;box-shadow:none}
.balabar-calc__msg{min-height:1.2em;margin:0;font-size:.9rem;color:#7dffa0}
.balabar-calc__msg.is-error{color:#ff8f8f}

.balabar-calc__dock{display:none !important}

@keyframes balabar-price-pulse{
  0%{transform:scale(1);color:#fff}
  40%{transform:scale(1.04);color:#ffb4b0}
  100%{transform:scale(1);color:#fff}
}

@media (max-width:860px){
  .balabar-calc__grid,
  .balabar-calc__row,
  .balabar-calc__row--3{grid-template-columns:1fr}
  .balabar-calc__result{position:static}
}
@media (max-width:720px){
  .balabar-calc__chips label{
    min-height:44px;
    display:inline-flex;
    align-items:center;
  }
}
@media (prefers-reduced-motion:reduce){
  .balabar-calc__price.is-pulse span{animation:none}
}
