.mcc-card,
.mcc-card *,
.mcc-modal,
.mcc-modal *{
  box-sizing:border-box;
}
.mcc-card{
  width:100%;
  max-width:348px;
  margin:18px auto;
  padding:0;
  border-radius:14px;
  border:1px solid #e8e8ec;
  box-shadow:0 14px 38px rgba(15,23,42,.13);
  background:#fff;
  overflow:hidden;
  font-family:'Open Sans',Arial,sans-serif;
}
.mcc-hero{
  padding:25px 14px 19px;
  background:#28345f;
  color:#fff;
  text-align:center;
}
.mcc-hero-title{
  max-width:260px;
  margin:0 auto;
  font-weight:800;
  font-size:25px;
  letter-spacing:.1px;
  line-height:1.02;
}
.mcc-hero-sub{
  max-width:280px;
  opacity:.96;
  font-size:11px;
  margin:12px auto 0;
  line-height:1.35;
}
.mcc-body{padding:13px 14px 10px;background:#fff;}
.mcc-field label{
  display:block;
  font-size:11px;
  font-weight:800;
  color:#2b2f3a;
  margin:7px 0 5px;
  line-height:1.15;
}
.mcc-input{
  width:100%;
  max-width:100%;
  min-height:38px;
  padding:9px 11px;
  border-radius:9px;
  border:1px solid #d9dce3;
  font-size:12px;
  font-weight:700;
  outline:none;
  background:#f8f8f9;
  color:#444b5b;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85), 0 1px 2px rgba(15,23,42,.03);
  -webkit-appearance:none;
  appearance:none;
  font-family:'Open Sans',Arial,sans-serif;
}
.mcc-input::placeholder{color:#555d6e;opacity:1;font-weight:700;}
.mcc-input:focus{
  border-color:#c4c9d5;
  background:#fff;
  box-shadow:0 0 0 3px rgba(40,52,95,.10);
}
.mcc-field.mcc-has-error .mcc-input{
  border-color:#e54335 !important;
  background:#fff4f2 !important;
  box-shadow:0 0 0 3px rgba(229,67,53,.12) !important;
}
.mcc-field.mcc-has-error label{color:#c7352b;}
.mcc-error-text{
  display:none;
  margin-top:4px;
  color:#c7352b;
  font-size:10px;
  font-weight:700;
  line-height:1.25;
}
.mcc-field.mcc-has-error .mcc-error-text{display:block;}
.mcc-field.mcc-has-error .mcc-select-shell:after,
.mcc-field.mcc-has-error .mcc-date-button:after{border-color:#e54335;}

.mcc-row{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:0;}
.mcc-col{float:none;width:auto;padding:0;min-width:0;}
.mcc-choice{position:relative;}
.mcc-select-shell{position:relative;}
.mcc-select-shell:after{
  content:"";
  position:absolute;
  right:10px;
  top:50%;
  width:6px;
  height:6px;
  border-right:2px solid #9aa1ad;
  border-bottom:2px solid #9aa1ad;
  transform:translateY(-65%) rotate(45deg);
  pointer-events:none;
  display:block;
}
.mcc-choice .mcc-input{
  text-align:center;
}
.mcc-select{padding-right:24px;text-align:center;text-align-last:center;color:#737985;cursor:pointer;}
.mcc-date-button{
  position:relative;
  display:block;
  text-align:center;
  color:#737985;
  cursor:pointer;
}
.mcc-date-button:after{
  content:"";
  position:absolute;
  right:10px;
  top:50%;
  width:6px;
  height:6px;
  border-right:2px solid #9aa1ad;
  border-bottom:2px solid #9aa1ad;
  transform:translateY(-65%) rotate(45deg);
  pointer-events:none;
}
.mcc-date-native{
  /* iOS fix: keep the native date input real and tappable. Safari may refuse to open the picker for visually hidden controls. */
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-height:38px !important;
  z-index:5 !important;
  cursor:pointer !important;
  pointer-events:auto !important;
  opacity:1 !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  padding:0 !important;
  margin:0 !important;
  font-size:16px !important;
  -webkit-appearance:auto !important;
  appearance:auto !important;
}
.mcc-date-native::-webkit-calendar-picker-indicator{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  opacity:0;
  cursor:pointer;
}
.mcc-date-native::-webkit-date-and-time-value{
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
}
.mcc-date-native:focus + .mcc-date-button,
.mcc-choice:focus-within .mcc-date-button{
  border-color:#c4c9d5;
  background:#fff;
  box-shadow:0 0 0 3px rgba(40,52,95,.10);
}
.mcc-checks{
  display:grid;
  grid-template-columns:1fr 1fr;
  column-gap:18px;
  row-gap:3px;
  margin-top:3px;
}
.mcc-checks label{
  display:flex;
  align-items:center;
  gap:5px;
  margin:0;
  font-size:11px;
  font-weight:800;
  color:#374151;
  line-height:1.2;
}
.mcc-checks input{
  width:12px;
  height:12px;
  margin:0;
  accent-color:#d94b43;
}
.mcc-actions{display:block;margin-top:13px;text-align:center;}
.mcc-btn{
  border:0;
  border-radius:9px;
  padding:12px 18px;
  font-weight:800;
  cursor:pointer;
  font-size:13px;
  font-family:'Open Sans',Arial,sans-serif;
  line-height:1.15;
  text-align:center;
}
.mcc-primary{
  width:78%;
  min-height:40px;
  background:#df4b43;
  color:#fff;
  box-shadow:0 7px 14px rgba(223,75,67,.27);
}
.mcc-primary:hover{background:#cf3f37;}
.mcc-primary:disabled{opacity:.65;cursor:not-allowed;}
.mcc-alert{
  margin-top:12px;
  padding:9px 10px;
  border-radius:10px;
  background:#fff6f3;
  border:1px solid #ffd3c6;
  color:#7a2b18;
  font-size:12px;
}
.mcc-result{
  margin-top:14px;
  border-radius:12px;
  border:1px solid #eef0f6;
  overflow:hidden;
  background:#fff;
}
.mcc-result-top{padding:14px;background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);}
.mcc-badge{display:inline-block;font-size:10px;font-weight:800;color:#273761;background:#eef2ff;border:1px solid #d8def4;border-radius:999px;padding:4px 9px;}
.mcc-range{font-size:23px;font-weight:800;margin-top:9px;color:#111827;}
.mcc-meta{font-size:11px;color:#737985;margin-top:6px;line-height:1.45;}
.mcc-cta{padding:14px;border-top:1px solid #eef0f6;text-align:center;}
.mcc-small{font-size:11px;color:#737985;margin-left:10px;vertical-align:middle;}
.mcc-muted{color:#737985;}

.mcc-modal{position:fixed !important;top:0 !important;right:0 !important;bottom:0 !important;left:0 !important;width:100% !important;height:100% !important;z-index:2147483647 !important;padding:16px !important;overflow:auto !important;background:rgba(20,20,40,.45) !important;-webkit-overflow-scrolling:touch;font-family:'Open Sans',Arial,sans-serif;}
.mcc-modal-backdrop{position:fixed !important;top:0 !important;right:0 !important;bottom:0 !important;left:0 !important;background:transparent !important;}
.mcc-modal-panel{position:relative !important;z-index:2 !important;width:620px !important;max-width:100% !important;max-height:calc(100vh - 32px) !important;margin:0 auto !important;background:#fff !important;border-radius:18px !important;border:1px solid #e7e8ef !important;box-shadow:0 18px 60px rgba(20,20,40,.25) !important;overflow:hidden !important;}
.mcc-modal-head{position:relative;padding:14px 52px 14px 16px;border-bottom:1px solid #eef0f6;background:#fff;}
.mcc-modal-title{font-weight:800;font-size:16px;color:#000;}
.mcc-x{position:absolute;top:7px;right:8px;border:0;background:transparent;font-size:28px;line-height:1;cursor:pointer;padding:4px 10px;color:#000;}
.mcc-modal-body{padding:16px !important;overflow:auto !important;max-height:calc(100vh - 95px) !important;-webkit-overflow-scrolling:touch;}
.mcc-actions-modal{position:relative;bottom:auto;background:#fff;padding:12px 0 10px;border-top:1px solid #eef0f6;z-index:3;}
.mcc-actions-modal .mcc-primary{width:auto;min-width:180px;}
html.mcc-modal-open,body.mcc-modal-open{overflow:hidden !important;}

@media (max-width:640px){
  .mcc-card{max-width:348px;margin:12px auto;}
  .mcc-body{padding:13px 14px 10px;}
  .mcc-row{grid-template-columns:1fr 1fr;gap:9px;}
  .mcc-btn{max-width:100%;}
  .mcc-range{font-size:22px;}
  .mcc-modal{padding:10px !important;}
  .mcc-modal-panel{width:100% !important;max-width:100% !important;max-height:calc(100vh - 20px) !important;margin:0 auto !important;}
  .mcc-modal-body{max-height:calc(100vh - 85px) !important;padding:14px !important;}
  .mcc-modal .mcc-row{grid-template-columns:1fr;}
  .mcc-actions-modal .mcc-small{display:block;margin:8px 0 0;text-align:center;}
}

/* FORCE placeholder color for From/To and other text inputs */
.mcc-card input.mcc-input::placeholder,
.mcc-modal input.mcc-input::placeholder{color:#999 !important;opacity:1 !important;}
.mcc-card input.mcc-input::-webkit-input-placeholder,
.mcc-modal input.mcc-input::-webkit-input-placeholder{color:#999 !important;opacity:1 !important;}
.mcc-card input.mcc-input::-moz-placeholder,
.mcc-modal input.mcc-input::-moz-placeholder{color:#999 !important;opacity:1 !important;}
.mcc-card input.mcc-input:-ms-input-placeholder,
.mcc-modal input.mcc-input:-ms-input-placeholder{color:#999 !important;opacity:1 !important;}

/* Launcher button shortcode: [move_cost_calculator_button] */
.mcc-launcher-wrap{display:block;text-align:center;margin:18px 0;}
.mcc-launcher-btn{width:auto;min-width:220px;max-width:100%;}
.mcc-launcher-link{border:0;background:transparent;color:#df4b43;font-weight:800;text-decoration:underline;cursor:pointer;font-family:'Open Sans',Arial,sans-serif;font-size:14px;padding:0;}
.mcc-launcher-modal{position:fixed !important;inset:0 !important;width:100% !important;height:100% !important;z-index:2147483646 !important;padding:16px !important;overflow:auto !important;background:rgba(20,20,40,.45) !important;-webkit-overflow-scrolling:touch;font-family:'Open Sans',Arial,sans-serif;}
.mcc-launcher-backdrop{position:fixed !important;inset:0 !important;background:transparent !important;}
.mcc-launcher-panel{position:relative !important;z-index:2 !important;width:390px !important;max-width:100% !important;margin:20px auto !important;background:transparent !important;}
.mcc-launcher-body .mcc-card{margin:0 auto;}
.mcc-launcher-x{position:absolute;top:-12px;right:-10px;z-index:3;width:34px;height:34px;border-radius:50%;border:0;background:#fff;color:#111827;font-size:24px;line-height:1;cursor:pointer;box-shadow:0 8px 20px rgba(15,23,42,.18);}
html.mcc-launcher-open,body.mcc-launcher-open{overflow:hidden !important;}
@media (max-width:640px){.mcc-launcher-modal{padding:10px !important;}.mcc-launcher-panel{width:100% !important;margin:10px auto !important;}.mcc-launcher-x{top:-8px;right:2px;}}