.to-m2dc-box {
  background: #f6f7f8;
  border: 1px solid #e3e6e8;
  border-radius: 14px;
  padding: 16px;
  margin-bottom: 16px;
}

.to-m2dc-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}

.to-m2dc-row label {
  font-weight: 700;
  min-width: 120px;
}

.to-m2dc-row input {
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid #ccc;
}

.to-m2dc-info {
  font-size: 14px;
  color: #333;
  margin-top: 10px;
}

.to-m2dc-margin {
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  margin-bottom: 6px;
}

.to-m2dc-msg{margin-top:8px;font-size:13px;color:#4a4f55;line-height:1.35;}

.to-m2dc-totalwrap{margin-top:10px;padding-top:10px;border-top:1px dashed #d7dde2;display:flex;align-items:baseline;justify-content:space-between;gap:12px;}
.to-m2dc-total-label{font-weight:800;font-size:14px;}
.to-m2dc-total-value{font-weight:900;font-size:17px;color:#c7017f;text-align:right;}
@media (max-width:520px){.to-m2dc-totalwrap{flex-direction:column;align-items:flex-start;}.to-m2dc-total-value{text-align:left;}}

.to-m2dc-msg strong{font-weight:800;color:#000;}



/* ===============================
   Stepper controls – ultra minimal
================================ */
.to-m2dc-stepper{
  display:flex;
  align-items:center;
  border:1px solid #d7dde2;
  background:#fff;
  border-radius:10px;
  height:38px;
}

.to-m2dc-stepper input{
  border:0 !important;
  border-left:1px solid #eef1f4 !important;
  border-right:1px solid #eef1f4 !important;
  background:#fff;
  width:80px;
  text-align:center;
  font-weight:600;
  font-size:15px;
  padding:0;
}

.to-m2dc-btn{
  padding:0 !important;
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  border-radius:999px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid #00a3a6 !important;
  background:#fff !important;
  color:#00a3a6 !important;
}


.to-m2dc-btn[data-action="plus"]{
  color:#00a3a6;
  border-color:#00a3a6;
}

.to-m2dc-btn:hover{
  background:#f6f7f8;
}

@media (max-width:480px){
  .to-m2dc-btn{
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
  }
  .to-m2dc-ico{ width:13px; height:13px; }
}

  .to-m2dc-stepper input{
    width:100%;
  }
  .to-m2dc-btn{
    width:26px;
    height:26px;
    min-width:26px;
    font-size:15px;
  }
}

  .to-m2dc-row{ gap:6px; }

  .to-m2dc-stepper{
    max-width:100%;
    width:100%;
    height:46px;
  }

  .to-m2dc-stepper input{
    width:100%;
    max-width:none;
  }

  .to-m2dc-btn{
    width:46px;
    min-width:46px;
  }
}
  .to-m2dc-row{ gap:6px; }

  .to-m2dc-stepper{
    max-width:100%;
    width:100%;
  }

  .to-m2dc-stepper input{
    width:100%;
    max-width:none;
  }

  .to-m2dc-btn{
    width:42px;
    min-width:42px;
  }
}


/* Verberg native pijltjes op number input (dozen) */
#to-m2dc-boxes::-webkit-outer-spin-button,
#to-m2dc-boxes::-webkit-inner-spin-button{
  -webkit-appearance: none;
  margin: 0;
}
#to-m2dc-boxes{
  -moz-appearance: textfield;
}


/* Verberg native pijltjes op number inputs in calculator */
#to-m2dc-root input[type="number"]{
  appearance: textfield;
  -moz-appearance: textfield;
}
#to-m2dc-root input[type="number"]::-webkit-outer-spin-button,
#to-m2dc-root input[type="number"]::-webkit-inner-spin-button{
  -webkit-appearance: none;
  margin: 0;
}


/* SVG icons for steppers */
.to-m2dc-btn{
  padding:0 !important;
  width:26px !important;
  height:26px !important;
  min-width:26px !important;
  border-radius:999px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.to-m2dc-ico{
  width:14px;
  height:14px;
  display:block;
}

@media (max-width:480px){
  .to-m2dc-btn{
    width:24px !important;
    height:24px !important;
    min-width:24px !important;
  }
  .to-m2dc-ico{ width:11px; height:11px; }
}


/* Stock warning */
.to-m2dc-warn{
  margin-top:8px;
  font-size:12px;
  color:#8a1b55;
  background:rgba(199,1,127,.06);
  border:1px solid rgba(199,1,127,.20);
  padding:8px 10px;
  border-radius:10px;
}