.calculator-visual-strip{
  display:grid;
  grid-template-columns:1fr 20px 1fr 20px 1fr;
  align-items:center;
  gap:5px;
  margin:-4px 0 16px;
  padding:12px;
  border:1px solid #d4e2dd;
  border-radius:20px;
  background:linear-gradient(145deg,#edf5f2,#f8fbf9);
}

.calculator-visual-item{
  min-width:0;
  display:flex;
  min-height:116px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}

.calculator-visual-item>img{
  width:62px;
  height:82px;
  border-radius:9px;
  object-fit:cover;
  box-shadow:0 9px 17px rgba(25,52,47,.22);
}

.calculator-visual-item b{font-size:10px;margin-top:7px}
.calculator-visual-item small{font-size:8px;color:var(--muted);margin-top:2px}
.calculator-visual-arrow{text-align:center;color:#d79d24;font-size:20px;font-weight:900}

.calculator-diluent{
  position:relative;
  width:51px;
  height:69px;
  border:3px solid #9fb9c2;
  border-radius:10px 10px 14px 14px;
  background:linear-gradient(to top,rgba(38,121,239,.28) 0 56%,rgba(255,255,255,.85) 56%);
}

.calculator-diluent:before{
  content:"";
  position:absolute;
  width:33px;
  height:11px;
  left:6px;
  top:-11px;
  border-radius:4px 4px 2px 2px;
  background:#6f8790;
}

.calculator-diluent span{
  position:absolute;
  left:4px;
  right:4px;
  top:28px;
  padding:4px 1px;
  border-radius:4px;
  background:#fff;
  color:#17453d;
  font-size:6px;
  font-weight:900;
}

.calculator-syringe-mini{
  position:relative;
  width:76px;
  height:29px;
  border:2px solid #19342f;
  border-radius:7px;
  background:repeating-linear-gradient(90deg,#fff 0 8px,#879b94 9px 10px);
}

.calculator-syringe-mini i{
  position:absolute;
  z-index:1;
  left:2px;
  top:2px;
  bottom:2px;
  width:34%;
  border-right:3px solid #2a8cff;
  border-radius:4px 0 0 4px;
  background:linear-gradient(90deg,rgba(42,140,255,.7),rgba(139,197,255,.72));
}

.calculator-syringe-mini:before{
  content:"";
  position:absolute;
  width:23px;
  height:2px;
  right:-23px;
  top:12px;
  background:#7e8b87;
}

.calculator-syringe-mini:after{
  content:"0 — 100";
  position:absolute;
  left:0;
  right:0;
  bottom:-18px;
  font-size:7px;
  font-weight:900;
  color:#19342f;
}

.calculator-syringe-mini+b{margin-top:25px}

.dose-card-actions{display:flex;gap:9px;flex-wrap:wrap;position:relative;z-index:1}
.dose-card .edit-peptide-button{border-color:rgba(255,255,255,.38);background:rgba(255,255,255,.09);color:#fff}
.plan-edit-peptide{width:100%;margin-top:14px;border-color:#b9c9c3;background:#f6faf8;color:var(--ink)}

@media(max-width:380px){
  .calculator-visual-strip{padding:9px;gap:2px}
  .calculator-visual-item>img{width:54px;height:76px}
  .calculator-syringe-mini{width:66px}
}