.order-process-section[data-v-f1d19d51]{background-color:var(--order-process-bg);font-family:var(--order-process-font-family);padding:var(--order-process-padding-y) var(--order-process-padding-x)}.container[data-v-f1d19d51]{margin:0 auto;max-width:var(--layout-container-lg)}.section-header[data-v-f1d19d51]{margin-bottom:var(--space-12);text-align:center}.section-title[data-v-f1d19d51]{color:var(--order-process-title-color);font-size:var(--order-process-title-font-size);font-weight:var(--order-process-title-font-weight);margin:0 0 var(--space-2)}.section-subtitle[data-v-f1d19d51]{color:var(--order-process-subtitle-color);font-size:var(--order-process-subtitle-font-size);line-height:var(--font-lineheight-relaxed);margin:0 auto;max-width:600px}.timeline[data-v-f1d19d51]{position:relative;width:100%}.timeline[data-v-f1d19d51]:before{background-color:var(--order-process-timeline-color);content:"";height:100%;left:50%;position:absolute;top:0;transform:translate(-50%);width:var(--order-process-timeline-width)}.timeline-item[data-v-f1d19d51]{box-sizing:border-box;margin-bottom:var(--order-process-gap);padding:var(--space-2) var(--space-10);position:relative;width:50%}.timeline-item[data-v-f1d19d51]:nth-child(odd){left:0;padding-right:calc(var(--order-process-marker-size)/2 + var(--space-8))}.timeline-item[data-v-f1d19d51]:nth-child(2n){left:50%;padding-left:calc(var(--order-process-marker-size)/2 + var(--space-8))}.timeline-item:nth-child(odd) .timeline-content[data-v-f1d19d51]{text-align:right}.timeline-item:nth-child(2n) .timeline-content[data-v-f1d19d51]{text-align:left}.timeline-marker[data-v-f1d19d51]{align-items:center;background-color:var(--order-process-marker-bg);border:4px solid var(--order-process-bg);border-radius:var(--border-radius-full);color:var(--order-process-marker-color);display:flex;font-size:var(--order-process-step-marker-font-size);font-weight:var(--font-weight-bold);height:var(--order-process-marker-size);justify-content:center;position:absolute;top:.25rem;width:var(--order-process-marker-size);z-index:1}.timeline-item:nth-child(odd) .timeline-marker[data-v-f1d19d51]{right:calc(var(--order-process-marker-size)*-1/2)}.timeline-item:nth-child(2n) .timeline-marker[data-v-f1d19d51]{left:calc(var(--order-process-marker-size)*-1/2)}.timeline-content[data-v-f1d19d51]{background-color:var(--order-process-step-card-bg);border:1px solid var(--order-process-step-card-border-color);border-radius:var(--order-process-step-card-radius);box-shadow:var(--order-process-step-card-shadow);padding:var(--order-process-step-card-padding);transition:transform var(--motion-duration-base) var(--motion-easing-easeout),box-shadow var(--motion-duration-base) var(--motion-easing-easeout)}.timeline-content[data-v-f1d19d51]:hover{box-shadow:var(--order-process-step-card-shadow-hover);transform:translateY(-5px)}.step-title[data-v-f1d19d51]{color:var(--order-process-step-title-color);font-size:var(--order-process-step-title-font-size);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2)}.step-description[data-v-f1d19d51]{color:var(--order-process-step-desc-color);font-size:var(--order-process-step-desc-font-size);line-height:var(--font-lineheight-base);margin:0}@media(max-width:768px){.timeline[data-v-f1d19d51]:before{left:calc(var(--order-process-marker-size)/2);transform:translate(0)}.timeline-item[data-v-f1d19d51]{left:0!important;padding-left:calc(var(--order-process-marker-size) + var(--space-4));width:100%}.timeline-item[data-v-f1d19d51],.timeline-item[data-v-f1d19d51]:nth-child(odd){padding-right:var(--space-2)}.timeline-item[data-v-f1d19d51]:nth-child(2n){padding-left:calc(var(--order-process-marker-size) + var(--space-4))}.timeline-item:nth-child(2n) .timeline-content[data-v-f1d19d51],.timeline-item:nth-child(odd) .timeline-content[data-v-f1d19d51]{text-align:left}.timeline-marker[data-v-f1d19d51]{left:0!important;right:auto!important}}:root{--order-process-bg:var(--color-neutral-50);--order-process-title-color:var(--color-secondary);--order-process-subtitle-color:var(--color-neutral-600);--order-process-timeline-color:var(--color-primary);--order-process-marker-bg:var(--color-primary);--order-process-marker-color:var(--color-text-inverted);--order-process-step-card-bg:var(--color-surface-elevated);--order-process-step-card-border-color:var(--border-color-default);--order-process-step-title-color:var(--color-secondary);--order-process-step-desc-color:var(--color-text-secondary);--order-process-padding-y:var(--space-20);--order-process-padding-x:var(--space-4);--order-process-gap:var(--space-8);--order-process-step-card-padding:var(--space-6);--order-process-marker-size:50px;--order-process-timeline-width:3px;--order-process-font-family:var(--font-family-primary);--order-process-title-font-size:var(--font-size-4xl);--order-process-title-font-weight:var(--font-weight-bold);--order-process-subtitle-font-size:var(--font-size-lg);--order-process-step-title-font-size:var(--font-size-xl);--order-process-step-desc-font-size:var(--font-size-base);--order-process-step-marker-font-size:var(--font-size-lg);--order-process-step-card-radius:var(--radius-card);--order-process-step-card-shadow:var(--shadow-md);--order-process-step-card-shadow-hover:var(--shadow-lg)}