.shop-fulfillment,.shop-fulfillment *{box-sizing:border-box;min-width:0}
.shop-fulfillment{max-width:100%;color:var(--ink,#242332);line-height:1.5;overflow-wrap:anywhere}
.shop-fulfillment h2{margin:0 0 .75rem;font-size:clamp(1.25rem,4vw,1.625rem);line-height:1.3}
.shop-fulfillment h3{margin:1.25rem 0 .75rem;font-size:clamp(1.0625rem,3vw,1.1875rem);line-height:1.4}
.shop-fulfillment h4{margin:1rem 0 .5rem;font-size:1rem;line-height:1.4}
.shop-fulfillment p{margin:0 0 .75rem}
.shop-fulfillment .shop-shipment-card{margin:1rem 0;padding:clamp(.75rem,2vw,1.25rem);border:1px solid var(--line,#e5e1dc);border-radius:14px;background:#fff}
.shop-fulfillment .shop-shipment-card>h3{margin:0 0 .9rem}
.shop-fulfillment .shop-shipment-timeline>p{margin-bottom:.5rem}
.shop-fulfillment .shop-status{display:inline-block;max-width:100%;padding:.2rem .55rem;border-radius:8px;background:var(--soft,#efebf7);color:#4f3e73;font-size:.875rem;font-weight:600;white-space:normal;vertical-align:top}
.shop-fulfillment .shop-shipment-items{margin:0 0 .75rem;padding-left:1.25rem}
.shop-fulfillment .shop-shipment-items li+li{margin-top:.3rem}
.shop-fulfillment .shop-terms{padding:.75rem;border-left:3px solid #c8c0d7;background:var(--paper,#faf8f4)}
.shop-fulfillment .shop-shipment-tracking{margin:1rem 0;padding:.85rem;border:1px solid #d9d3e5;border-radius:10px;background:#f6f3fa}
.shop-fulfillment .shop-shipment-tracking h4{margin:0 0 .5rem}
.shop-fulfillment .shop-shipment-tracking dl,.shop-fulfillment .shop-delivery-contact{display:grid;grid-template-columns:minmax(0,8rem) minmax(0,1fr);gap:.35rem .75rem}
.shop-fulfillment .shop-shipment-tracking dl{margin:0}
.shop-fulfillment .shop-delivery-contact{margin:1rem 0;padding:.85rem;border-radius:10px;background:var(--paper,#faf8f4)}
.shop-fulfillment .shop-delivery-contact:empty{display:none}
.shop-fulfillment dt{font-size:.875rem;font-weight:600}
.shop-fulfillment dd{margin:0;overflow-wrap:anywhere}
.shop-fulfillment .shop-tracking-number{display:block;max-width:100%;color:var(--ink,#242332);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.95rem;line-height:1.5;white-space:normal;overflow-wrap:anywhere;unicode-bidi:isolate;user-select:all;-webkit-user-select:all}
.shop-fulfillment .shop-shipment-tracking p{margin:.6rem 0 0;color:#5b5664;font-size:.875rem}
.shop-fulfillment .shop-shipment-steps{margin:0 0 1rem;padding-left:1.65rem}
.shop-fulfillment .shop-shipment-steps li{margin:0 0 .5rem;padding:.65rem .75rem;border:1px solid var(--line,#e5e1dc);border-left:3px solid #c8c2cd;border-radius:8px;background:var(--paper,#faf8f4)}
.shop-fulfillment .shop-shipment-steps li::marker{color:#625b6b;font-weight:700}
.shop-fulfillment .shop-shipment-steps li>span{display:block;font-weight:550;line-height:1.4}
.shop-fulfillment .shop-shipment-steps small{display:block;margin-top:.2rem;color:#5b5664;font-size:.8125rem}
.shop-fulfillment .shop-shipment-steps .is-done{border-left-color:#346446;background:#f1f7f2}
.shop-fulfillment .shop-shipment-steps .is-done::marker{color:#346446}
.shop-fulfillment .shop-shipment-steps .is-current{border-color:#bfb2d7;border-left-color:#7161a8;background:var(--soft,#efebf7)}
.shop-fulfillment .shop-shipment-steps .is-current::marker{color:#584779}
.shop-fulfillment .shop-shipment-steps .is-current>span{color:#4f3e73;font-weight:650}
.shop-fulfillment .shop-shipment-events{margin:0;padding-left:1.65rem}
.shop-fulfillment .shop-shipment-events>li{margin-bottom:.85rem;padding-left:.2rem}
.shop-fulfillment .shop-shipment-events>li+li{padding-top:.75rem;border-top:1px solid var(--line,#e5e1dc)}
.shop-fulfillment .shop-shipment-events>li::marker{color:#625b6b;font-size:.875rem}
.shop-fulfillment .shop-event-time{display:block;color:#5b5664;font-size:.875rem;font-variant-numeric:tabular-nums}
.shop-fulfillment .shop-event-status{display:block;font-weight:600}
.shop-fulfillment .shop-shipment-events p{margin:.4rem 0 0}
.shop-fulfillment form{display:grid;gap:.85rem;max-width:44rem;margin:1rem 0 0;padding-top:1rem;border-top:1px solid var(--line,#e5e1dc)}
.shop-fulfillment>form{padding:1rem;border:1px solid var(--line,#e5e1dc);border-radius:12px;background:#fff}
.shop-fulfillment form>p{margin:0;font-size:.9rem}
.shop-fulfillment form label{display:block;margin-bottom:.35rem;font-size:.875rem;line-height:1.45}
.shop-fulfillment form input:not([type=hidden]):not([type=checkbox]):not([type=radio]),.shop-fulfillment form select,.shop-fulfillment form textarea{width:100%;max-width:100%;min-height:44px;color:var(--ink,#242332);font-size:1rem;line-height:1.5}
.shop-fulfillment form textarea{min-height:8rem;resize:vertical}
.shop-fulfillment form button{justify-self:start;max-width:100%;min-height:44px;white-space:normal;line-height:1.4}
.shop-fulfillment :is(input,select,textarea,button):focus-visible{outline:3px solid #7161a8;outline-offset:3px}
.shop-fulfillment .shop-error{padding:.75rem;border:1px solid #d79b9b;border-radius:9px;background:#fff2f2;color:#7b2424}
@media(max-width:480px){
.shop-fulfillment .shop-shipment-tracking dl,.shop-fulfillment .shop-delivery-contact{grid-template-columns:minmax(0,1fr);gap:.15rem}
.shop-fulfillment dd{margin-bottom:.6rem}
.shop-fulfillment dd:last-child{margin-bottom:0}
.shop-fulfillment form button{justify-self:stretch;width:100%}
}
