/* Shared, self-contained processing and delivery promise. */
.drwe-fulfillment,
.drwe-blocks-fulfillment {
  --drwe-fulfillment-accent: var(--drwe-primary, var(--drwe-c-brand, #725292));
  --drwe-fulfillment-ink: var(--drwe-c-ink, #282231);
  --drwe-fulfillment-muted: #665f70;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  width: 100%;
  margin: 14px 0;
  padding: 14px;
  border: 1px solid var(--drwe-c-line, #e1d7e8);
  border-color: color-mix(in srgb, var(--drwe-fulfillment-accent) 25%, var(--drwe-c-soft, #e8e1ee));
  border-radius: 14px;
  background: linear-gradient(135deg, #fff 0%, var(--drwe-c-tint, #faf7fc) 100%);
  color: var(--drwe-fulfillment-ink);
  box-sizing: border-box;
  font-family:var(--drwe-font-family, Manrope, Arial, sans-serif);
  text-align: left;
}

.drwe-fulfillment[data-drwe-fulfillment-mode="special"],
.drwe-blocks-fulfillment[data-drwe-fulfillment-mode="special"] {
  --drwe-fulfillment-accent: var(--drwe-c-brand, #806399);
  background: var(--drwe-c-tint, #fbfafc);
}

.drwe-fulfillment__icon,
.drwe-blocks-fulfillment__icon {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: var(--drwe-c-soft, #f4eff7);
  background: color-mix(in srgb, var(--drwe-fulfillment-accent) 11%, #fff);
  color: var(--drwe-fulfillment-accent);
}

.drwe-fulfillment__icon svg,
.drwe-blocks-fulfillment__icon svg {
  width: 23px;
  height: 23px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.drwe-fulfillment__content,
.drwe-blocks-fulfillment__content {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.drwe-fulfillment__eyebrow,
.drwe-blocks-fulfillment__eyebrow {
  color: var(--drwe-fulfillment-accent);
  font-size: var(--fs-11, 11px);
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.drwe-fulfillment__content strong,
.drwe-blocks-fulfillment__content strong {
  color: var(--drwe-fulfillment-ink);
  font-size: var(--fs-14, 14px);
  font-weight: 800;
  line-height: 1.45;
}

.drwe-fulfillment__content > span:not(.drwe-fulfillment__eyebrow),
.drwe-blocks-fulfillment__content > span:not(.drwe-blocks-fulfillment__eyebrow) {
  color: var(--drwe-fulfillment-accent);
  font-size: var(--fs-13, 13px);
  font-weight: 750;
  line-height: 1.45;
}

.drwe-fulfillment__content small,
.drwe-blocks-fulfillment__content small {
  color: var(--drwe-fulfillment-muted);
  font-size: var(--fs-12, 12px);
  font-weight: 550;
  line-height: 1.45;
}

.drwe-blocks-fulfillment {
  margin-block: 12px;
}

.drwe-blocks-fulfillment.drwe-blocks-card {
  padding: 14px;
  border-radius: 14px;
  background: linear-gradient(135deg, #fff 0%, var(--drwe-c-tint, #faf7fc) 100%);
}

@media (max-width: 767px) {
  .drwe-fulfillment,
  .drwe-blocks-fulfillment {
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 10px;
    margin: 12px 0;
    padding: 12px;
    border-radius: 12px;
  }

  .drwe-fulfillment__icon,
  .drwe-blocks-fulfillment__icon {
    width: 36px;
    height: 36px;
  }

  .drwe-fulfillment__content strong,
  .drwe-blocks-fulfillment__content strong {
    font-size: var(--fs-13, 13px);
  }

  .drwe-fulfillment__content > span:not(.drwe-fulfillment__eyebrow),
  .drwe-blocks-fulfillment__content > span:not(.drwe-blocks-fulfillment__eyebrow) {
    font-size: var(--fs-12, 12px);
  }
}