.st-order-detail-page{width:100%;padding-block:var(--space-8);padding-inline:var(--space-4)}.st-order-detail-view{display:flex;flex-direction:column;gap:var(--space-6);width:100%;max-width:800px;margin-inline:auto}.st-order-detail-error{display:flex;align-items:center;gap:var(--space-4);width:100%;max-width:800px;margin-inline:auto;padding:var(--space-6);background:var(--color-surface-muted);border-radius:var(--radius-lg)}.st-order-detail-error-icon{display:flex;align-items:center;justify-content:center;width:var(--space-12);height:var(--space-12);flex-shrink:0;border-radius:50%;background:color-mix(in oklch,var(--color-danger) 10%,var(--color-background));color:var(--color-danger)}.st-order-detail-error-content{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.st-order-detail-error-content h1{margin:0;font-size:var(--font-size-24);font-weight:700;letter-spacing:0;color:var(--color-foreground)}.st-order-detail-error-content p{margin:0;font-size:var(--font-size-14);color:var(--color-text-muted)}.st-order-detail-thankyou{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding-block-start:var(--space-10);text-align:center}.st-order-detail-thankyou-icon{display:flex;align-items:center;justify-content:center;width:var(--space-20);height:var(--space-20);margin-block-end:var(--space-2);border-radius:var(--radius-full);background:var(--color-success-surface);color:var(--color-success)}.st-order-detail-thankyou-title{margin:0;font-size:var(--font-size-32);font-weight:700;letter-spacing:0;line-height:1.08;color:var(--color-foreground)}.st-order-detail-thankyou-number,.st-order-detail-thankyou-email{display:flex;align-items:baseline;justify-content:center;gap:var(--space-2);flex-wrap:wrap;margin:0;color:var(--color-foreground)}.st-order-detail-thankyou-number{font-size:var(--font-size-16)}.st-order-detail-thankyou-email{font-size:var(--font-size-14);color:var(--color-text-muted)}.st-order-detail-thankyou-number strong,.st-order-detail-thankyou-email strong{font-weight:700;color:var(--color-foreground)}.st-order-detail-view-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.st-order-detail-header-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);min-width:0}.st-order-detail-view-title{font-size:var(--font-size-24);font-weight:700;letter-spacing:0}.st-order-detail-view-subtitle{font-size:var(--font-size-14);color:var(--color-text-muted);margin-top:var(--space-1)}.st-order-detail-price{font-size:var(--font-size-20);font-weight:var(--font-weight-semibold);line-height:var(--line-height-32);color:var(--color-foreground);white-space:nowrap;letter-spacing:0}.st-order-detail{display:flex;flex-direction:column;gap:var(--space-10);container-name:st-order-detail;container-type:inline-size}.st-order-detail-section{display:flex;flex-direction:column;gap:var(--space-4)}.st-order-detail-section--actions{flex-direction:row;flex-wrap:wrap;gap:var(--space-2)}.st-order-detail-section-title{font-size:var(--font-size-20);font-weight:700;letter-spacing:0}.st-order-detail-info-card{display:flex;gap:var(--space-4);align-items:center;padding:var(--space-6);background:var(--color-surface-muted);border:none;border-radius:var(--radius-lg)}.st-order-detail-info-card--stack{flex-direction:column;align-items:stretch;gap:calc(var(--space-3) + var(--space-1)/2)}.st-order-detail-info-card--split{justify-content:space-between}.st-order-detail-info-card--inline{background:#fff0;border:none;padding:0}.st-order-detail-info-card-header{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-13);font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:0;margin-bottom:calc(var(--space-2) - var(--space-1)/2)}.st-order-detail-info-card-header .web-icon{flex-shrink:0}.st-order-detail-info-card-value{font-size:var(--font-size-20);font-weight:700;color:var(--color-foreground);letter-spacing:0}.st-order-detail-info-card-text{margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-15);line-height:1.5}.st-order-detail-status-card{gap:var(--space-5)}.st-order-detail-status-card-body{min-width:0}.st-order-detail-status-card-context{display:flex;flex-direction:column;gap:var(--space-4);width:100%;padding-top:var(--space-4);border-top:1px solid var(--color-border)}.st-order-detail-preview-list{display:flex;flex-direction:column;gap:var(--space-4)}.st-order-detail-preview-qr{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-text-muted);font-size:var(--font-size-20);font-weight:700;letter-spacing:0}.st-order-detail-delivery-context,.st-order-detail-payment-context{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.st-order-detail-payment-context.is-gateway{flex-direction:row;align-items:center;justify-content:space-between}.st-order-detail-payment-pending-cta{display:flex;flex:1;flex-direction:column;gap:calc(var(--space-1) / 2);min-width:0}.st-order-detail-payment-pending-cta-title{color:var(--color-foreground);font-size:var(--font-size-14);font-weight:700}.st-order-detail-payment-pending-cta-description{color:var(--color-text-muted);font-size:var(--font-size-13);line-height:1.5}.st-order-detail-payment-pending-cta-description strong{color:var(--color-foreground);font-weight:600}.st-order-detail-delivery-date{--st-order-detail-shipment-icon-size:var(--space-10);--st-order-detail-shipment-icon-gap:var(--space-3);display:flex;align-items:flex-start;gap:var(--st-order-detail-shipment-icon-gap);min-width:0}.st-order-detail-delivery-date-icon{display:flex;align-items:center;justify-content:center;width:var(--st-order-detail-shipment-icon-size);height:var(--st-order-detail-shipment-icon-size);border-radius:50%;background:color-mix(in oklch,var(--color-primary) 10%,var(--color-background));color:var(--color-primary);flex-shrink:0}.st-order-detail-delivery-date-icon .web-icon{width:calc(var(--st-order-detail-shipment-icon-size) - var(--space-5));height:calc(var(--st-order-detail-shipment-icon-size) - var(--space-5))}.st-order-detail-delivery-date-content{display:flex;flex-direction:column;gap:calc(var(--space-1) / 2);min-width:0}.st-order-detail-delivery-date .st-order-detail-info-card-value{font-size:var(--font-size-18)}.st-order-detail-delivery-delay{display:flex;flex-direction:column;gap:calc(var(--space-1) / 2)}.st-order-detail-delivery-date-original{color:var(--color-text-muted);font-size:var(--font-size-14);line-height:1.4;text-decoration:line-through;text-decoration-thickness:1px}.st-order-detail-delivery-delay-text{color:var(--color-text-muted);font-size:var(--font-size-13);line-height:1.4}.st-order-detail-shipment-card{gap:var(--space-4)}.st-order-detail-shipment-card-header{margin-bottom:0}.st-order-detail-shipment-tooltip{display:inline-flex;align-items:center;color:var(--color-text-muted)}.st-order-detail-shipment-location{padding-top:var(--space-4);border-top:1px solid var(--color-border);font-size:var(--font-size-14);line-height:1.5}.st-order-detail-delivery-context .st-order-detail-shipment-location{padding-top:0;border-top:none}.st-order-detail-shipment-location.is-separated{padding-top:var(--space-4);border-top:1px solid var(--color-border)}.st-order-detail-shipment-location-label{color:var(--color-primary);font-size:var(--font-size-13);font-weight:700;text-transform:uppercase;letter-spacing:0}.st-order-detail-shipment-location-name{font-weight:700;color:var(--color-foreground)}.st-order-detail-shipment-location-address{color:var(--color-text-muted)}.st-order-detail-shipment-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.st-order-detail-action-pill{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--space-10);padding:var(--space-2) var(--space-4);background:var(--color-card-background);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-foreground);font-family:inherit;font-size:var(--font-size-14);font-weight:700;cursor:pointer;transition:background var(--transition-quick),border-color var(--transition-quick),color var(--transition-quick)}.st-order-detail-action-pill:hover,.st-order-detail-action-pill:focus-visible{background:color-mix(in oklch,var(--color-primary) 8%,var(--color-background));border-color:color-mix(in oklch,var(--color-primary) 45%,var(--color-background));color:var(--color-primary)}.st-order-detail-action-pill .web-icon{flex-shrink:0}.st-order-detail-payment-pending-qr{width:calc(var(--space-16) * 2);height:calc(var(--space-16) * 2);padding:var(--space-2);background:var(--color-card-background);border-radius:var(--radius-sm);flex-shrink:0;align-self:flex-start;display:flex;align-items:center;justify-content:center}.st-order-detail-payment-pending-qr svg,.st-order-detail-payment-pending-qr img{display:block;width:100%;height:100%;object-fit:contain}.st-order-detail-payment-pending-context{display:flex;gap:var(--space-4);align-items:flex-start;min-width:0}.st-order-detail-payment-pending-info{flex:1;min-width:0;display:flex;flex-direction:column}.st-order-detail-payment-pending-fields{display:grid;grid-template-columns:1fr auto;column-gap:var(--space-3);row-gap:var(--space-1);align-items:center;font-size:var(--font-size-13);color:var(--color-text-muted)}.st-order-detail-payment-pending-field{display:contents}.st-order-detail-payment-pending-field-value{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);min-width:0}.st-order-detail-payment-pending-field strong{color:var(--color-foreground);font-weight:600;font-size:var(--font-size-13)}.st-order-detail-field-copy{display:inline-flex;align-items:center;justify-content:center;width:calc(var(--space-6) + var(--space-1)/2);height:calc(var(--space-6) + var(--space-1)/2);padding:0;background:#fff0;border:1px solid #fff0;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-quick),background var(--transition-quick),border-color var(--transition-quick);flex-shrink:0}.st-order-detail-field-copy:hover,.st-order-detail-field-copy:focus-visible{color:var(--color-primary);background:color-mix(in oklch,var(--color-primary) 8%,var(--color-background));border-color:color-mix(in oklch,var(--color-primary) 35%,var(--color-background))}.st-order-detail-field-copy .web-icon{flex-shrink:0}.st-order-detail-payment-pending-due{font-size:var(--font-size-13);color:var(--color-text-muted);margin-top:calc(var(--space-2) + var(--space-1)/2);padding-top:calc(var(--space-2) + var(--space-1)/2);border-top:1px dashed var(--color-border)}.st-order-detail-payment-pending-due strong{color:var(--color-foreground);font-weight:600}.st-order-detail-btn-pay{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--color-primary);color:var(--color-primary-foreground);border:none;border-radius:var(--radius-full);font-family:inherit;font-size:var(--font-size-14);font-weight:700;cursor:pointer;transition:background var(--transition-quick);flex-shrink:0;white-space:nowrap}.st-order-detail-btn-pay:hover{background:color-mix(in oklch,var(--color-primary) 85%,var(--color-foreground))}.st-order-detail-btn-pay .web-icon{flex-shrink:0}.st-order-detail-steps{display:flex;flex-direction:column;gap:calc(var(--space-3) + var(--space-1)/2)}.st-order-detail-step{display:flex;align-items:flex-start;gap:calc(var(--space-3) + var(--space-1)/2);position:relative}.st-order-detail-step:not(:last-child)::after{content:'';position:absolute;left:calc(var(--space-3) + var(--space-1)/4);top:calc(var(--space-8) - var(--space-1)/2);bottom:calc((var(--space-3) + var(--space-1)/2) * -1);width:calc(var(--space-1)/2);background:var(--color-border)}.st-order-detail-step--done:not(:last-child)::after{background:var(--color-success)}.st-order-detail-step--active:not(:last-child)::after{background:var(--color-primary)}.st-order-detail-step--issue:not(:last-child)::after{background:var(--color-danger)}.st-order-detail-step-icon{display:flex;align-items:center;justify-content:center;width:calc(var(--space-6) + var(--space-1));height:calc(var(--space-6) + var(--space-1));border-radius:50%;border:calc(var(--space-1)/2) solid var(--color-border);background:var(--color-border);color:var(--color-primary-foreground);flex-shrink:0;margin-top:1px;position:relative;z-index:1;transition:background var(--transition-medium),border-color var(--transition-medium),color var(--transition-medium)}.st-order-detail-step-marker{width:var(--space-1);height:var(--space-1);border-radius:50%;background:currentColor;flex-shrink:0}.st-order-detail-step--active .st-order-detail-step-marker{width:calc(var(--space-1) + var(--space-1)/2);height:calc(var(--space-1) + var(--space-1)/2)}.st-order-detail-step--done .st-order-detail-step-marker{width:calc(var(--space-2) - var(--space-1)/2);height:calc(var(--space-3) - var(--space-1)/2);border:solid currentColor;border-width:0 calc(var(--space-1)/2) calc(var(--space-1)/2) 0;border-radius:0;background:#fff0;transform:rotate(45deg) translate(-10%,-10%)}.st-order-detail-step--done .st-order-detail-step-icon{background:var(--color-success);border-color:var(--color-success);color:var(--color-primary-foreground)}.st-order-detail-step--active .st-order-detail-step-icon{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-foreground)}.st-order-detail-step--issue .st-order-detail-step-icon{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-danger-foreground)}.st-order-detail-step-content{flex:1;min-width:0}.st-order-detail-step-title{font-size:var(--font-size-16);font-weight:600;color:var(--color-foreground);margin-bottom:calc(var(--space-1)/2)}.st-order-detail-step--done .st-order-detail-step-title{color:var(--color-text-muted)}.st-order-detail-step--issue .st-order-detail-step-title{color:var(--color-danger-strong)}.st-order-detail-step-desc{font-size:var(--font-size-14);color:var(--color-text-muted);line-height:1.5}.st-order-detail-step-time{margin-top:var(--space-1);font-size:var(--font-size-13);color:var(--color-text-muted)}.st-order-detail-product-list{display:flex;flex-direction:column;min-width:0}.st-order-detail-product-purchase{display:grid;grid-template-columns:auto minmax(0,1fr) var(--space-10);align-items:center;gap:var(--space-3);width:100%;min-width:0}.st-order-detail-product-quantity{color:var(--color-text-muted);font-size:var(--font-size-14);font-variant-numeric:tabular-nums;white-space:nowrap}.st-order-detail-product-price{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-0-5);min-width:0;color:var(--color-foreground);text-align:right}.st-order-detail-product-price strong{font-size:var(--font-size-16);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;white-space:nowrap}.st-order-detail-product-price span{color:var(--color-text-muted);font-size:var(--font-size-12);white-space:nowrap}.st-order-detail-product-link-indicator{display:flex;align-items:center;justify-content:center;width:var(--space-10);height:var(--space-10);color:var(--color-text-muted)}.st-order-detail-overview{display:flex;flex-direction:column;gap:var(--space-5)}.st-order-detail-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:var(--space-3)}.st-order-detail-overview-card,.st-order-detail-totals-card{min-width:0;padding:var(--space-5);border:1px solid var(--color-card-border);border-radius:var(--radius-card);background:var(--color-card-background)}.st-order-detail-overview-card{display:flex;flex-direction:column;gap:var(--space-3)}.st-order-detail-overview-title{margin:0;color:var(--color-text-muted);font-size:var(--font-size-13);font-weight:var(--font-weight-semibold)}.st-order-detail-overview-body{display:flex;flex-direction:column;gap:var(--space-2);color:var(--color-foreground);font-size:var(--font-size-14);line-height:1.5}.st-order-detail-overview-body>div{display:flex;flex-direction:column;gap:var(--space-0-5)}.st-order-detail-overview-body strong{font-weight:var(--font-weight-semibold)}.st-order-detail-overview-contact,.st-order-detail-overview-price,.st-order-detail-overview-label{color:var(--color-text-muted);font-size:var(--font-size-13)}.st-order-detail-overview-secondary{padding-block-start:var(--space-3);border-block-start:1px solid var(--color-border)}.st-order-detail-overview-status{align-self:flex-start;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-12);font-weight:var(--font-weight-semibold)}.st-order-detail-overview-status.is-paid{background:var(--color-success-surface);color:var(--color-success-strong)}.st-order-detail-overview-status.is-unpaid{background:var(--color-warning-surface);color:var(--color-warning-strong)}.st-order-detail-totals-card{display:flex;flex-direction:column;align-self:flex-end;gap:var(--space-2);width:min(100%, calc(var(--space-20) * 6))}.st-order-detail-totals-row,.st-order-detail-totals-total{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-4);font-variant-numeric:tabular-nums}.st-order-detail-totals-row{font-size:var(--font-size-14)}.st-order-detail-totals-row--discount{color:var(--color-success-foreground)}.st-order-detail-totals-row--vat{color:var(--color-text-muted);font-size:var(--font-size-13)}.st-order-detail-totals-divider{height:1px;margin-block:var(--space-2);background:var(--color-border)}.st-order-detail-totals-total{font-size:var(--font-size-16);font-weight:var(--font-weight-semibold)}.st-order-detail-totals-total strong{font-size:var(--font-size-24);white-space:nowrap}.st-order-detail-pickup-info-btn{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-1);padding:0;background:none;border:none;font-family:inherit;font-size:var(--font-size-13);font-weight:600;color:var(--color-primary);cursor:pointer;transition:color var(--transition-quick);align-self:flex-start}.st-order-detail-pickup-info-btn:hover{color:var(--color-primary-hover)}.st-order-detail-pickup-info-btn .web-icon{flex-shrink:0}@container st-order-detail (max-width:48rem){.st-order-detail-overview-grid{grid-template-columns:1fr}.st-order-detail-totals-card{align-self:stretch;width:100%}}@media (max-width:576px){.st-order-detail-thankyou{padding-block-start:var(--space-5)}.st-order-detail-thankyou-icon{width:var(--space-16);height:var(--space-16)}.st-order-detail-thankyou-title{font-size:var(--font-size-24)}.st-order-detail-thankyou-number{font-size:var(--font-size-16)}.st-order-detail-thankyou-email{font-size:var(--font-size-14)}.st-order-detail-info-card{flex-direction:column;align-items:stretch}.st-order-detail-payment-pending-context{flex-direction:column}.st-order-detail-payment-context.is-gateway{flex-direction:column;align-items:stretch}.st-order-detail-payment-pending-qr{align-self:center}.st-order-detail-btn-pay{justify-content:center;width:100%}}