.toolbox-checkout-refined [data-toolbox-checkout-summary="true"] {
  margin: 18px 0 !important;
  padding: 14px !important;
  border: 1px solid #eceef0 !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: none !important;
}

.toolbox-checkout-refined [data-toolbox-delivery-summary="true"] {
  position: relative;
}

.toolbox-summary-payment-state {
  display: grid;
  gap: 8px;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid #e5e7eb;
}

.toolbox-summary-payment-state > div {
  display: flex;
  justify-content: space-between;
  gap: 18px;
}

.toolbox-summary-payment-state strong {
  white-space: nowrap;
}

.toolbox-delivery-calculation-toggle {
  min-height: 38px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #df6818;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.toolbox-delivery-calculation-toggle:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

[data-toolbox-delivery-details][hidden] {
  display: none !important;
}

.toolbox-checkout-delivery-breakdown {
  margin: 10px 0 4px;
  padding: 10px 12px;
  border: 1px solid #eceef0;
  border-radius: 10px;
  background: #fafafa;
}

.toolbox-checkout-delivery-breakdown > summary {
  cursor: pointer;
  color: #33383d;
  font-weight: 750;
}

.toolbox-checkout-delivery-context {
  margin-top: 8px;
  color: #69707a;
  font-size: .9rem;
}

.toolbox-checkout-delivery-lines {
  display: grid;
  gap: 6px;
  margin-top: 8px;
}

.toolbox-checkout-delivery-line,
.toolbox-checkout-delivery-total {
  display: flex;
  justify-content: space-between;
  gap: 14px;
}

.toolbox-checkout-delivery-total {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #e5e7eb;
}

.toolbox-checkout-delivery-breakdown > p {
  margin: 8px 0 0;
  color: #69707a;
  font-size: 0;
  line-height: 1.4;
}

.toolbox-checkout-delivery-breakdown > p::after {
  content: "Delivery & pickup is calculated per rental from the job-site distance and equipment.";
  font-size: .86rem;
}

@media (max-width: 768px) {
  .toolbox-checkout-refined [data-toolbox-checkout-summary="true"] {
    margin: 10px 0 !important;
    padding: 12px !important;
  }

  .toolbox-summary-payment-state {
    gap: 6px;
    margin-top: 10px;
    padding-top: 10px;
  }

  .toolbox-checkout-delivery-breakdown {
    margin: 8px 0 2px;
    padding: 9px 10px;
  }
}