.smart-order-clarity-address-hidden {
  display: none !important;
}

.smart-order-clarity-subtotal .order-total-span,
.smart-order-clarity-subtotal .order-total-sum-span {
  color: #4f5961;
  font-weight: 650;
}

.smart-order-clarity-cash {
  display: grid;
  gap: 6px;
  box-sizing: border-box;
  padding: 13px 14px;
  border: 1px solid #ecd985;
  border-radius: 12px;
  background: #fffbeb;
  color: #343a3f;
}

.smart-order-clarity-cash__title {
  color: #252b30;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.35;
}

.smart-order-clarity-cash__text {
  color: #626b72;
  font-size: 12px;
  line-height: 1.5;
}

.smart-order-clarity-cash__fill {
  justify-self: start;
  min-height: 38px;
  margin-top: 3px;
  padding: 0 14px;
  border: 1px solid #e5bd30;
  border-radius: 9px;
  background: #ffd75e;
  color: #252a2f;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.smart-order-clarity-cash__fill:hover {
  background: #ffdf78;
}

.smart-order-clarity-cash__fill:focus-visible {
  outline: 3px solid rgba(221, 179, 41, 0.3);
  outline-offset: 2px;
}

.smart-order-clarity-cash__fill[hidden] {
  display: none !important;
}

.smart-order-clarity-note {
  box-sizing: border-box;
  margin: 4px 0 10px;
  padding: 11px 12px;
  border-left: 3px solid #ffd052;
  border-radius: 0 9px 9px 0;
  background: #fafafa;
  color: #5f686f;
  font-size: 12px;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .smart-order-clarity-cash {
    padding: 12px;
  }

  .smart-order-clarity-cash__fill {
    width: 100%;
    justify-self: stretch;
  }

  .smart-order-clarity-note {
    font-size: 11.5px;
  }
}