.sg-order-page{padding-top:56px;padding-bottom:72px;max-width:1100px}.sg-order-intro{max-width:700px;margin-bottom:40px}.sg-order-intro h1{font-size:clamp(34px,4vw,52px);font-weight:400;letter-spacing:-.04em;margin:12px 0}.sg-order-intro p,.sg-order-help p,.sg-order-lookup>p,.sg-order-progress p{color:var(--sg-text-muted);line-height:1.65}.sg-order-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:64px;align-items:start}.sg-order-page h2,.sg-order-progress h2{font-size:26px;font-weight:500;letter-spacing:-.03em;margin:0 0 16px}.sg-order-lookup form{display:grid;gap:12px;margin-top:24px}.sg-order-lookup label{font-size:14px;font-weight:600}.sg-order-lookup input{font:inherit;font-size:16px;min-height:52px;padding:12px 14px;border:1px solid var(--sg-control-border);border-radius:4px;width:100%;background:white;margin-bottom:10px}.sg-order-lookup .button{margin-top:8px;width:100%;justify-content:space-between}.sg-order-help{background:var(--sg-cream);padding:32px;border-radius:4px}.sg-order-help>.icon{width:40px;height:40px;margin-bottom:24px}.sg-order-help .text-link{margin-top:16px}.sg-order-error{padding:16px;border-left:3px solid var(--sg-error);color:var(--sg-error)!important;background:#fff4f5}.sg-order-result-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.sg-order-progress{padding:28px;background:var(--sg-cream);border-radius:4px;margin:24px 0}.sg-order-progress .eyebrow{font-size:11px}.sg-order-progress h2{margin:12px 0}.sg-order-progress ol{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0;list-style:none;margin:28px 0 12px}.sg-order-progress li{display:flex;flex-direction:column;gap:10px;font-size:13px;color:var(--sg-text-muted);border-top:2px solid var(--sg-border);padding-top:14px}.sg-order-progress li span{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--sg-control-border);border-radius:50%}.sg-order-progress .is-reached{border-color:var(--sg-espresso);color:var(--sg-espresso)}.sg-order-progress .is-reached span{background:var(--sg-espresso);color:white}.sg-order-progress small{display:block;margin-top:24px}.sg-order-item{display:grid;grid-template-columns:64px 1fr auto;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--sg-border)}.sg-order-item img{width:64px;height:80px;object-fit:cover;border-radius:4px}.sg-order-item span,.sg-order-item .wc-item-meta{font-size:13px;color:var(--sg-text-muted)}.sg-order-item ul{padding:0;list-style:none}.sg-order-totals{max-width:450px;margin:24px 0 24px auto}.sg-order-totals>div{display:flex;justify-content:space-between;gap:24px;padding:8px 0}.sg-order-totals dd{margin:0}.sg-order-totals>div:last-child{font-weight:700;font-size:20px;border-top:1px solid var(--sg-border);margin-top:8px;padding-top:16px}.sg-order-items{margin-top:32px}@media(max-width:700px){.sg-order-page{padding-top:32px;padding-bottom:40px}.sg-order-layout{grid-template-columns:1fr;gap:32px}.sg-order-help,.sg-order-progress{padding:24px}.sg-order-progress ol{grid-template-columns:1fr;gap:0}.sg-order-progress li{flex-direction:row;align-items:center;border-top:0;border-left:2px solid var(--sg-border);padding:10px 0 10px 16px}.sg-order-progress li.is-reached{border-color:var(--sg-espresso)}.sg-order-result-heading{align-items:start;flex-direction:column}.sg-order-item{grid-template-columns:48px 1fr;gap:12px}.sg-order-item img{width:48px;height:64px}.sg-order-item>strong{grid-column:2}.sg-order-totals{max-width:none}}

/* Shipment view · approved tracking concept, 12 September 2026. */
.sg-shipment{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:16px;margin:24px 0 0;color:var(--sg-espresso)}
.sg-shipment-main{padding:32px;background:var(--sg-background);border-radius:4px}
.sg-shipment-overview{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(180px,1fr);gap:28px;align-items:start}
.sg-shipment-kicker{display:block;font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--sg-text-muted);line-height:1.6}
.sg-shipment .sg-shipment-status h2{font-size:clamp(26px,2.7vw,38px)!important;line-height:1.16!important;font-weight:400!important;letter-spacing:-.04em;margin:12px 0 16px!important}
.sg-shipment p{font-size:15px;line-height:1.65;margin:0;color:var(--sg-text-muted)}
.sg-shipment-arrival{border-left:1px solid var(--sg-border);padding-left:28px;margin-top:32px}
.sg-shipment-arrival>span{font-size:14px;color:var(--sg-text-muted);display:block;margin-bottom:8px}
.sg-shipment-arrival>strong{display:block;font-weight:500;font-size:22px;line-height:1.3;letter-spacing:-.02em;margin-bottom:10px}
.sg-shipment-arrival p{font-size:13px;line-height:1.6}
.sg-shipment-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;list-style:none!important;padding:0!important;margin:38px 0 0!important}
.sg-shipment-steps li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;font-size:13px;line-height:1.45;padding:0 6px;color:var(--sg-text-muted)}
.sg-shipment-steps li:not(:last-child)::after{content:'';position:absolute;top:20px;height:1px;background:var(--sg-border);left:calc(50% + 28px);right:calc(-50% + 28px)}
.sg-shipment-steps li.is-reached:not([aria-current])::after{background:var(--sg-espresso)}
.sg-shipment-steps li.is-reached{color:var(--sg-espresso)}
.sg-shipment-step-marker{display:grid;place-items:center;width:40px;height:40px;flex:none;border:1px solid var(--sg-control-border);border-radius:50%;font-size:15px;background:var(--sg-background)}
.sg-shipment-step-marker .icon{width:20px;height:20px;filter:brightness(0) invert(1)}
.sg-shipment-steps .is-reached .sg-shipment-step-marker{background:var(--sg-espresso);border-color:var(--sg-espresso);color:#fff}
.sg-shipment-steps [aria-current] .sg-shipment-step-marker{outline:3px solid var(--sg-cream);outline-offset:3px}
.sg-shipment-track{background:var(--sg-cream);border-radius:4px;padding:28px;min-width:0}
.sg-shipment-track input.sg-shipment-code{display:block;width:100%;min-width:0;font-family:inherit;font-size:clamp(20px,2.15vw,32px);letter-spacing:-.04em;line-height:1.4;font-weight:600;color:var(--sg-espresso);background:transparent;border:0;border-radius:0;box-shadow:none;height:auto;min-height:48px;margin:10px 0 0;padding:0;cursor:text;user-select:all}
.sg-shipment-copy{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:transparent;border:1px solid var(--sg-control-border);color:var(--sg-espresso);border-radius:4px;min-height:52px;padding:12px 16px;font:inherit;font-weight:600;cursor:pointer;margin:24px 0 12px;transition:background var(--sg-motion-hover,180ms),border-color var(--sg-motion-hover,180ms)}
.sg-shipment-copy .icon{width:22px;height:22px}
.sg-shipment-copy:hover{background:var(--sg-background);border-color:var(--sg-espresso)}
.sg-shipment-copy.is-copied{color:var(--sg-success,#28634B);border-color:var(--sg-success,#28634B)}
.sg-shipment .sg-shipment-carrier.button{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--sg-espresso);color:white;min-height:52px;padding:12px 14px;font-size:16px;font-weight:600;border-radius:4px;text-decoration:none}
.sg-shipment-carrier>.icon{filter:brightness(0) invert(1);width:20px;height:20px}
.sg-shipment-carrier:hover{background:#321B15!important}
.sg-shipment-track small{display:block;margin-top:12px;line-height:1.5;color:var(--sg-text-muted);font-size:12px}
.sg-shipment-copy-status:empty{display:none}
.sg-shipment .sg-shipment-copy-status{margin-top:12px;font-size:13px;color:var(--sg-espresso)}
.sg-shipment-awaiting>.icon{width:32px;height:32px;margin-bottom:18px}
.sg-shipment-awaiting h3{font-size:23px;font-weight:400;margin:0 0 12px;line-height:1.3}
.sg-shipment-update{grid-column:1/-1;display:flex;align-items:center;gap:24px;border-top:1px solid var(--sg-border);padding:24px 0;margin-top:0}
.sg-shipment-update>.icon,.sg-shipment-support>.icon{width:32px;height:32px;margin:0 8px}
.sg-shipment-update strong{display:block;font-size:20px;font-weight:500;margin:6px 0 2px}
.sg-shipment-details{border-top:1px solid var(--sg-border);border-bottom:1px solid var(--sg-border);margin:0 0 24px}
.sg-shipment-details>summary{display:flex;align-items:center;gap:24px;list-style:none;cursor:pointer;padding:24px 0;min-height:80px;color:var(--sg-espresso);font-weight:600;font-size:17px}
.sg-shipment-details>summary::-webkit-details-marker{display:none}
.sg-shipment-details>summary>.icon{width:28px;height:28px;margin:0 10px}
.sg-shipment-details>summary>.icon:last-child{margin-left:auto;width:20px;height:20px;transition:transform var(--sg-motion-disclosure,240ms)}
.sg-shipment-details[open]>summary>.icon:last-child{transform:rotate(180deg)}
.sg-shipment-details>summary small{display:block;font-weight:400;color:var(--sg-text-muted);font-size:13px;line-height:1.6;margin-top:4px}
.sg-shipment-details .sg-order-items{margin:8px 0 24px}
.sg-shipment-support{display:flex;align-items:center;gap:24px;padding:10px 0 24px}
.sg-shipment-support strong{font-weight:500;font-size:17px}
.sg-shipment-support p{color:var(--sg-text-muted);margin:6px 0 0;font-size:14px}
.sg-shipment-support>a{margin-left:auto}
.sg-confirmation-shipped .sg-shipment-page-heading{margin:0 0 24px}
.sg-commerce-page .sg-confirmation-shipped .sg-shipment-page-heading h2{font-size:clamp(30px,3.5vw,44px)!important;letter-spacing:-.04em;font-weight:400!important;line-height:1.2;margin:8px 0 0}
.sg-confirmation-shipped .sg-shipment-details .sg-order-facts{margin-top:12px}
.sg-confirmation-shipped .sg-shipment-details .sg-confirmation-details{display:block}
.sg-confirmation-shipped .sg-shipment-details .sg-confirmation-details>p{display:none}
.sg-shipment :is(button,a,input):focus-visible,.sg-shipment-details>summary:focus-visible{outline:2px solid var(--sg-espresso);outline-offset:4px}
@media(max-width:1050px){.sg-shipment-overview{grid-template-columns:1fr;gap:20px}.sg-shipment-arrival{border-left:0;border-top:1px solid var(--sg-border);padding:20px 0 0;margin:0}.sg-shipment-arrival p{max-width:48ch}.sg-shipment-main{padding:28px}.sg-shipment-track{padding:24px}}
@media(max-width:700px){
 .sg-shipment{grid-template-columns:minmax(0,1fr);gap:0;margin-top:20px}
 .sg-shipment-main{display:contents}
 .sg-shipment-overview{grid-row:1;background:var(--sg-background);padding:0 0 24px;gap:20px}
 .sg-shipment-status .sg-shipment-kicker{font-size:11px}
 .sg-shipment .sg-shipment-status h2{font-size:30px!important;margin-top:8px!important}
 .sg-shipment-arrival{padding-top:18px}
 .sg-shipment-arrival>strong{font-size:22px}
 .sg-shipment-track{grid-row:2;padding:24px}
 .sg-shipment-track input.sg-shipment-code{font-size:29px}
 .sg-shipment-steps{grid-row:3;margin:28px 0!important}
 .sg-shipment-steps li{font-size:11px;padding:0 3px}
 .sg-shipment-step-marker{width:34px;height:34px}
 .sg-shipment-steps li:not(:last-child)::after{top:17px;left:calc(50% + 24px);right:calc(-50% + 24px)}
 .sg-shipment-update{grid-row:4;padding:24px 0;gap:16px}
 .sg-shipment-update>.icon{margin:0;width:28px;height:28px;flex:none}
 .sg-shipment-update .sg-shipment-kicker{font-size:10px}
 .sg-shipment-update strong{font-size:18px}
 .sg-shipment-update p{font-size:13px}
 .sg-shipment-details>summary{gap:14px;font-size:15px;padding:20px 0}
 .sg-shipment-details>summary>.icon{width:24px;height:24px;margin:0;flex:none}
 .sg-shipment-support{flex-wrap:wrap;gap:14px}
 .sg-shipment-support>.icon{width:28px;height:28px;margin:0}
 .sg-shipment-support>div{flex:1}
 .sg-shipment-support>a{width:100%;margin:4px 0 0 42px;min-height:44px}
 .sg-order-result .sg-order-result-heading{flex-direction:row;align-items:center;font-size:13px}
 .sg-order-result .sg-order-result-heading h2{font-size:22px;margin:0}
 .sg-confirmation-shipped .sg-shipment-details .sg-order-facts{margin-bottom:20px}
}
@media(prefers-reduced-motion:reduce){.sg-shipment *, .sg-shipment-details>summary>.icon{transition:none!important;animation:none!important}}
/* The account workspace has a narrower content column than a standalone order. */
.woocommerce-MyAccount-content .sg-shipment{grid-template-columns:minmax(0,1fr)}
.woocommerce-MyAccount-content .sg-shipment-overview{grid-template-columns:minmax(0,1.5fr) minmax(180px,1fr)}
.woocommerce-MyAccount-content .sg-shipment-track{max-width:none}
.woocommerce-MyAccount-content .sg-shipment-steps{margin-bottom:8px!important}
@media(max-width:1050px){.woocommerce-MyAccount-content .sg-shipment-overview{grid-template-columns:minmax(0,1fr)}}
@media(min-width:1200px){
 .woocommerce-order-received .content-page:has(.sg-confirmation-shipped){max-width:1440px;padding-inline:64px}
 .sg-confirmation-shipped .sg-shipment-overview{grid-template-columns:minmax(0,2.4fr) minmax(180px,1fr)}
 .sg-confirmation-shipped .sg-shipment-status h2{font-size:36px!important}
}