/** Delivery process: mobile timeline, tablet grid, desktop timeline. */
.avc-process { background: var(--avc-surface-alt); }.avc-process__timeline { position: relative; display: grid; gap: var(--avc-space-2); padding-left: var(--avc-process-line-offset, 1.5rem); }.avc-process__timeline::before { position: absolute; top: var(--avc-process-line-top, 1rem); bottom: var(--avc-process-line-bottom, 1rem); left: var(--avc-process-line-x, .7rem); width: var(--avc-process-line-width, 2px); content: ""; background: var(--avc-border); }.avc-process__timeline::after { position: absolute; top: var(--avc-process-line-top, 1rem); left: var(--avc-process-line-x, .7rem); width: var(--avc-process-line-width, 2px); height: var(--avc-process-progress, 0); content: ""; background: var(--avc-accent); transition: height var(--avc-process-progress-duration, 1s) ease; }.avc-process__timeline.avc-process__timeline--active::after { height: var(--avc-process-progress-active, calc(100% - 2rem)); }.avc-process-step { position: relative; z-index: 1; padding: var(--avc-space-2); border-radius: var(--avc-radius); background: var(--avc-surface); box-shadow: var(--avc-shadow); }.avc-process-step__number { text-align: left;  display: inline-grid; position: absolute; top: var(--avc-process-number-top, 1rem); left: var(--avc-process-number-left, -1.5rem); width: var(--avc-process-number-size, 2.5rem); height: var(--avc-process-number-size, 2.5rem); place-items: center; border-radius: var(--avc-orb-radius, 50%); color: var(--avc-surface); background: var(--avc-primary); font-size: var(--avc-text-sm, .875rem); font-weight: var(--avc-weight-semibold, 600); }.avc-process-step h3 { font-size: var(--avc-card-title-size, 1.1rem); }.avc-process-step ul { display: grid; gap: var(--avc-process-list-gap, .3rem); padding: 0; margin: 0; list-style: none; color: var(--avc-muted); font-size: var(--avc-text-sm, .875rem); }.avc-process-step li::before { margin-right: var(--avc-space-1); color: var(--avc-secondary); }.avc-process-step li { text-align: left; }@media (min-width: 42rem) { .avc-process__timeline { grid-template-columns: repeat(2, minmax(0, 1fr)); padding-left: 0; }.avc-process__timeline::before, .avc-process__timeline::after { display: none; }.avc-process-step__number { position: static; margin-bottom: var(--avc-space-1); } }
@media (min-width: 64rem) { .avc-process__timeline { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--avc-space-1); }.avc-process-step { padding-top: var(--avc-space-3); }.avc-process-step__number { margin-bottom: var(--avc-space-2); } }