.order-page{padding-top:48px;padding-bottom:96px}.order-page-loading,.order-page-error{text-align:center;font-size:var(--text-body-lg);color:var(--color-on-surface-variant);padding-block:96px;line-height:1.6}.order-page-error{color:var(--color-error)}.order-hero{text-align:center;margin-bottom:64px}.order-progress{--order-node-size:52px;--order-progress-active:var(--color-highlight);max-width:720px;margin:0 auto 56px;position:relative}.order-progress-track{top:calc(var(--order-node-size) / 2 - 1px);background-image:repeating-linear-gradient(to right, var(--color-outline-variant) 0 6px, transparent 6px 12px);height:2px;position:absolute;left:12.5%;right:12.5%}.order-progress-fill{width:calc(var(--order-progress) * 100%);background:var(--order-progress-active);transform-origin:0;border-radius:2px;height:100%;animation:.9s cubic-bezier(.2,0,.2,1) .15s both order-progress-grow}.order-progress-steps{grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;position:relative}.order-progress-step{text-align:center;min-width:0;animation:.5s both order-progress-step-in;animation-delay:calc(var(--order-step-index) * .12s);flex-direction:column;align-items:center;gap:4px;display:flex}.order-progress-node{width:var(--order-node-size);height:var(--order-node-size);border:1.5px solid var(--color-outline-variant);background-color:var(--color-surface);color:var(--color-outline-variant);border-radius:50%;place-items:center;margin-bottom:12px;transition:background-color .4s,border-color .4s,color .4s,transform .4s;display:grid;position:relative}.order-progress-node svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.order-progress-label{font-family:var(--font-sans);font-size:var(--text-label-caps);letter-spacing:.1em;text-transform:uppercase;color:var(--color-outline);font-weight:600;line-height:1.3}.order-progress-caption{color:var(--color-outline);opacity:.75;font-size:13px;line-height:1.4}.order-progress-step--done .order-progress-node{border-color:var(--order-progress-active);background-color:var(--order-progress-active);color:var(--color-on-strong)}.order-progress-step--done .order-progress-label{color:var(--color-strong)}.order-progress-step--done .order-progress-caption{color:var(--color-on-surface-variant);opacity:1}.order-progress-step--current .order-progress-node{border-color:var(--order-progress-active);background-color:var(--order-progress-active);color:var(--color-on-strong);transform:scale(1.08)}.order-progress-step--current .order-progress-node:after{content:"";border:1.5px solid var(--order-progress-active);border-radius:50%;animation:2.4s ease-out infinite order-progress-pulse;position:absolute;inset:-6px}.order-progress-step--current .order-progress-label{color:var(--order-progress-active)}.order-progress-step--current .order-progress-caption{color:var(--color-on-surface-variant);opacity:1}.order-progress--complete .order-progress-node{animation:.6s both order-progress-light-up;animation-delay:calc(.3s + var(--order-step-index) * .18s)}.order-progress--complete .order-progress-step:last-child .order-progress-node{box-shadow:0 0 0 6px color-mix(in srgb, var(--order-progress-active) 18%, transparent);transform:scale(1.08)}.order-progress-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes order-progress-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes order-progress-step-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes order-progress-pulse{0%{opacity:.7;transform:scale(.92)}70%,to{opacity:0;transform:scale(1.25)}}@keyframes order-progress-light-up{0%{filter:brightness()}40%{filter:brightness(1.25)}to{filter:brightness()}}@media (max-width:600px){.order-progress{--order-node-size:42px;margin-bottom:40px}.order-progress-node{margin-bottom:8px}.order-progress-node svg{width:18px;height:18px}.order-progress-label{letter-spacing:.06em;font-size:10px}.order-progress-caption{font-size:11px}}@media (prefers-reduced-motion:reduce){.order-progress-fill,.order-progress-step,.order-progress--complete .order-progress-node,.order-progress-step--current .order-progress-node:after{animation:none}}.order-tracking{font-size:var(--text-body-md);color:var(--color-on-surface-variant);margin:-32px 0 48px;line-height:1.6}.order-tracking-link{color:var(--color-primary);text-underline-offset:.2em;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--color-primary) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--color-primary) 40%, transparent);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;transition:text-decoration-color .2s}.order-tracking-link:hover{text-decoration-color:currentColor}@media (max-width:600px){.order-tracking{margin-top:-24px}}.order-hero-title{font-family:var(--font-serif);font-size:var(--text-display-lg);letter-spacing:-.02em;color:var(--color-strong);margin:0 0 24px;font-weight:400;line-height:1.1}.order-hero-copy{max-width:36rem;font-size:var(--text-body-lg);color:var(--color-on-surface-variant);margin:0 auto;line-height:1.6}.order-hero-order-link{color:var(--color-primary);text-underline-offset:.2em;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--color-primary) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--color-primary) 40%, transparent);transition:text-decoration-color .2s}.order-hero-order-link:hover{text-decoration-color:currentColor}.order-layout{grid-template-columns:1fr;align-items:start;gap:64px;display:grid}.order-main{min-width:0}.order-items-header{border-bottom:1px solid var(--color-surface-container-highest);justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;display:flex}.order-items-title{font-family:var(--font-serif);font-size:var(--text-headline-sm);color:var(--color-strong);margin:0;font-weight:400;line-height:1.4}.order-items-count{font-family:var(--font-sans);font-size:var(--text-label-caps);letter-spacing:.1em;text-transform:uppercase;color:var(--color-outline);font-weight:600;line-height:1}.order-items-list{flex-direction:column;gap:32px;margin-top:32px;display:flex}.order-detail-item{flex-direction:column;gap:32px;display:flex}.order-detail-item-image-wrap{aspect-ratio:1;border-radius:var(--radius-lg);background-color:var(--color-surface-container-low);flex-shrink:0;width:100%;position:relative;overflow:hidden}.order-detail-item-image{object-fit:cover;transition:transform .7s cubic-bezier(.2,0,.2,1)}.order-detail-item:hover .order-detail-item-image{transform:scale(1.05)}.order-detail-item-body{flex-direction:column;flex:1;justify-content:center;gap:8px;min-width:0;display:flex}.order-detail-item-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.order-detail-item-name{font-family:var(--font-serif);font-size:var(--text-headline-sm);color:var(--color-strong);margin:0;font-weight:400;line-height:1.4}.order-detail-item-price{font-size:var(--text-body-md);color:var(--color-primary);flex-shrink:0;font-weight:600;line-height:1.6}.order-detail-item-description{font-size:var(--text-body-md);color:var(--color-on-surface-variant);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;line-height:1.6;display:-webkit-box;overflow:hidden}.order-detail-item-meta{font-family:var(--font-sans);font-size:var(--text-label-caps);letter-spacing:.1em;text-transform:uppercase;color:var(--color-tertiary);flex-wrap:wrap;gap:8px 32px;font-weight:600;line-height:1;display:flex}.order-detail-item-meta-label{opacity:.6;margin-right:8px;font-size:10px}.order-packed-notice{border:1px solid color-mix(in srgb, var(--color-outline) 10%, transparent);border-radius:var(--radius-lg);background-color:var(--color-surface-container);gap:24px;margin-top:48px;padding:32px;display:flex}.order-packed-notice-icon{width:32px;height:32px;color:var(--color-highlight);flex-shrink:0}.order-packed-notice-title{font-family:var(--font-sans);font-size:var(--text-label-caps);letter-spacing:.1em;text-transform:uppercase;color:var(--color-strong);margin:0 0 8px;font-weight:600;line-height:1}.order-packed-notice-copy{font-size:var(--text-body-md);color:var(--color-on-surface-variant);margin:0;line-height:1.6}.order-sidebar{flex-direction:column;gap:32px;display:flex}.order-summary-card,.order-shipping-card{border-radius:var(--radius-lg);padding:32px}.order-summary-card{border:1px solid color-mix(in srgb, var(--color-outline) 5%, transparent);background-color:var(--color-on-strong);box-shadow:0 1px 2px color-mix(in srgb, var(--color-strong) 4%, transparent)}.order-shipping-card{border:1px solid color-mix(in srgb, var(--color-outline) 10%, transparent);background-color:var(--color-surface-container-low)}.order-summary-title,.order-shipping-title{font-family:var(--font-serif);font-size:var(--text-headline-sm);color:var(--color-strong);margin:0 0 24px;font-weight:400;line-height:1.4}.order-shipping-title{font-family:var(--font-sans);font-size:var(--text-label-caps);letter-spacing:.1em;text-transform:uppercase;color:var(--color-on-surface-variant);margin-bottom:24px;font-weight:600;line-height:1}.order-summary-rows{font-size:var(--text-body-md);color:var(--color-on-surface-variant);flex-direction:column;gap:12px;margin-bottom:24px;line-height:1.6;display:flex}.order-summary-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.order-summary-total{border-top:1px solid var(--color-surface-container-highest);justify-content:space-between;align-items:baseline;gap:16px;padding-top:24px;display:flex}.order-summary-total-label{font-family:var(--font-serif);font-size:var(--text-headline-sm);color:var(--color-strong);font-weight:400;line-height:1.4}.order-summary-total-value{color:var(--color-primary);font-size:24px;font-weight:700;line-height:1.2}.order-shipping-fields{flex-direction:column;gap:16px;display:flex}.order-shipping-field-label{font-size:var(--text-body-md);color:var(--color-strong);margin:0 0 4px;font-weight:600;line-height:1.6}.order-shipping-field-value{font-size:var(--text-body-md);color:var(--color-on-surface-variant);margin:0;line-height:1.6}.order-shipping-delivery{align-items:flex-start;gap:12px;padding-top:8px;display:flex}.order-shipping-delivery-icon{width:24px;height:24px;color:var(--color-highlight);flex-shrink:0}.order-continue{text-align:center;margin-top:96px}.order-continue-link{font-family:var(--font-sans);font-size:var(--text-label-caps);letter-spacing:.1em;text-transform:uppercase;color:var(--color-on-surface-variant);align-items:center;gap:12px;font-weight:600;line-height:1;text-decoration:none;transition:color .3s;display:inline-flex}.order-continue-link:hover{color:var(--color-primary)}.order-continue-link svg{width:16px;height:16px;transition:transform .3s}.order-continue-link:hover svg{transform:translate(-4px)}@media (min-width:1024px){.order-layout{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px}.order-sidebar{position:sticky;top:112px}.order-detail-item{flex-direction:row;gap:32px}.order-detail-item-image-wrap{width:192px}}@media (max-width:767px){.order-hero-title{letter-spacing:normal;font-size:36px;line-height:1.2}}.order-content{text-align:center;width:100%;max-width:800px}.order-info{margin-bottom:40px}.order-status{font-size:var(--text-body-lg);color:var(--color-primary);margin-bottom:10px;font-weight:500}.order-total{text-align:left;font-size:var(--text-body-lg);color:var(--color-on-surface);margin-top:30px}.items-container{margin-top:40px}.items-title{text-align:left;margin-bottom:20px}.items-list{align-items:left;flex-direction:column;gap:20px;display:flex}.order-item{text-align:left;align-items:flex-start;gap:20px;width:100%;max-width:600px;display:flex}.order-item-details{flex-direction:column;gap:8px;display:flex}.order-item-name{color:var(--color-strong);font-weight:500}.order-item-price{color:var(--color-on-surface-variant)}.order-item-color,.order-item-dimensions{color:var(--color-on-surface-variant);font-size:.9em}.order-page-link-container{text-align:center;margin-top:40px}.order-page-link-code{font-size:var(--text-nav);color:var(--color-on-surface-variant);word-break:break-all;margin-top:10px;display:block}