.cash-on-delivery-field{
  margin-top:14px;
  padding:12px;
  border:2px solid #bfdbfe;
  border-radius:15px;
  background:linear-gradient(135deg,#eff6ff,#ecfeff);
}
.cash-on-delivery-choice{
  display:block;
  margin:0;
  cursor:pointer;
}
.cash-on-delivery-choice>input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.cash-on-delivery-choice>span{
  display:grid;
  grid-template-columns:auto 1fr;
  grid-template-rows:auto auto;
  gap:2px 11px;
  align-items:center;
  padding:12px;
  border:2px solid #93c5fd;
  border-radius:13px;
  background:#fff;
  transition:.16s ease;
}
.cash-on-delivery-choice i{
  grid-row:1/3;
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border-radius:12px;
  background:#dbeafe;
  color:#1d4ed8;
  font-size:1.15rem;
  font-style:normal;
  font-weight:950;
}
.cash-on-delivery-choice b{color:#172554;font-size:1rem}
.cash-on-delivery-choice small{color:#64748b;line-height:1.35}
.cash-on-delivery-choice>input:focus-visible+span{
  outline:3px solid rgba(37,99,235,.22);
  outline-offset:2px;
}
.cash-on-delivery-choice>input:checked+span{
  border-color:#0284c7;
  background:linear-gradient(135deg,#e0f2fe,#ecfeff);
  box-shadow:0 0 0 4px rgba(2,132,199,.11);
}
.cash-on-delivery-choice>input:checked+span i{
  background:#0284c7;
  color:#fff;
}
.cash-on-delivery-choice>input:disabled+span{
  cursor:not-allowed;
  opacity:.55;
  filter:grayscale(.25);
}
.cash-on-delivery-field>p{
  margin:8px 2px 0;
  color:#475569;
  font-size:.79rem;
  line-height:1.45;
}
.cash-on-delivery-field>p b{color:#075985}
.payment-editor[data-cash-on-delivery="true"]{
  border-color:#0284c7;
  background:linear-gradient(145deg,#f8fcff,#ecfeff);
}
.payment-editor[data-cash-on-delivery="true"] .payment-readiness{
  background:#e0f2fe;
  color:#075985;
}
.payment-summary.cod{
  border-color:#38bdf8!important;
  background:linear-gradient(135deg,#e0f2fe,#ecfeff)!important;
  color:#075985!important;
  box-shadow:inset 4px 0 #0284c7;
}
.payment-summary.cod strong{color:#075985!important}
.send-production-button.cod-ready{
  border-color:#0284c7;
  background:linear-gradient(135deg,#0369a1,#0891b2);
  color:#fff;
}
.payment-flag.cod{
  background:#dff7ff;
  color:#075985;
  border:1px solid #38bdf8;
  box-shadow:0 0 0 3px rgba(56,189,248,.12);
}
.shipping-card.cod{
  box-shadow:inset 5px 0 #0284c7;
}
.cash-on-delivery-alert{
  display:flex;
  align-items:center;
  gap:11px;
  margin-bottom:12px;
  padding:12px 14px;
  border:2px solid #0284c7;
  border-radius:13px;
  background:linear-gradient(135deg,#e0f2fe,#ecfeff);
  color:#075985;
}
.cash-on-delivery-alert i{
  display:grid;
  place-items:center;
  flex:0 0 40px;
  width:40px;
  height:40px;
  border-radius:12px;
  background:#0284c7;
  color:#fff;
  font-size:1.2rem;
  font-style:normal;
  font-weight:950;
}
.cash-on-delivery-alert span,
.cash-on-delivery-alert b,
.cash-on-delivery-alert small{display:block}
.cash-on-delivery-alert b{font-size:1rem}
.cash-on-delivery-alert small{margin-top:2px;color:#0e7490}
@media(max-width:760px){
  .cash-on-delivery-field{padding:9px}
  .cash-on-delivery-choice>span{padding:10px}
  .payment-flag.cod{white-space:normal!important;text-align:center}
}