.shop-order-tabs,.shop-offer-tabs{display:grid;gap:8px;margin:12px 0 16px}
.shop-order-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
.shop-offer-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
.shop-order-tabs button,.shop-offer-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 12px;border:1px solid #dfe7e2;border-radius:10px;background:#fff;color:#34443b;font:inherit;font-weight:700;cursor:pointer}
.shop-order-tabs button.is-active,.shop-offer-tabs button.is-active{border-color:#f10b65;background:#f10b65;color:#fff}
.shop-order-card{display:block;margin:0 0 14px;padding:16px;border:1px solid #e3e9e5;border-radius:16px;background:#fff;box-shadow:0 6px 20px #13241a0a}
.shop-order-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:0;background:transparent}
.shop-order-header>div{display:grid;gap:5px;min-width:0}
.shop-order-header>div>strong{color:#17251d;font-size:15px;font-weight:800}
.shop-order-header small,.shop-order-muted{color:#68776e;font-size:12px}
.shop-order-status{flex:0 0 auto;padding:6px 10px;border-left:3px solid var(--shop-order-status);border-radius:999px;background:#f3f5f4;color:var(--shop-order-status);font-size:11px;font-weight:800}
.shop-order-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0;padding:12px 0;border-top:1px solid #edf1ee;border-bottom:1px solid #edf1ee}
.shop-order-summary>div{display:grid;gap:4px}
.shop-order-summary small,.shop-order-split-row small,.shop-order-line small{color:#68776e;font-size:11px}
.shop-order-summary strong{color:#17251d;font-size:13px}
.shop-order-split{display:grid;gap:9px;margin-top:16px}
.shop-order-split>strong{font-size:13px}
.shop-order-split-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border-radius:10px;background:#f7f9f8}
.shop-order-split-row>span{display:grid;gap:3px;min-width:0}
.shop-order-split-row b{overflow:hidden;color:#34443b;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.shop-order-split-row>strong{flex:0 0 auto;font-size:12px}
.shop-order-timeline{display:flex;gap:0;overflow-x:auto;margin:14px 0;padding:4px 0 10px;scrollbar-width:thin}
.shop-order-timeline-step{position:relative;display:grid;flex:0 0 82px;justify-items:center;gap:6px;color:#8a9890;text-align:center}
.shop-order-timeline-step:before{position:absolute;top:7px;right:50%;z-index:0;width:100%;height:2px;background:#e4e9e6;content:""}
.shop-order-timeline-step:first-child:before{display:none}
.shop-order-timeline-step i{z-index:1;width:14px;height:14px;border:2px solid #cbd4ce;border-radius:50%;background:#fff}
.shop-order-timeline-step.is-done i,.shop-order-timeline-step.is-current i{border-color:#f10b65;background:#f10b65}
.shop-order-timeline-step.is-done:before,.shop-order-timeline-step.is-current:before{background:#f10b65}
.shop-order-timeline-step.is-current{color:#c90852;font-weight:800}
.shop-order-timeline-step small{font-size:10px;line-height:1.3}
.shop-order-track{margin:8px 0 12px;border-top:1px solid #edf1ee}
.shop-order-track>summary{display:flex;align-items:center;justify-content:space-between;padding:11px 0;color:#c90852;font-size:13px;font-weight:800;cursor:pointer;list-style:none}
.shop-order-track>summary::-webkit-details-marker{display:none}
.shop-order-track-chevron{font-size:18px}
.shop-order-tracking-panel{display:grid;gap:10px;padding-bottom:10px}
.shop-order-rider-name{margin:0;color:#34443b;font-size:13px;font-weight:700}
.shop-order-tracking-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px;border-radius:10px;background:#f7f9f8}
.shop-order-tracking-metrics>div{display:grid;align-content:start;gap:4px;min-width:0}
.shop-order-tracking-metrics small{color:#68776e;font-size:11px}
.shop-order-tracking-metrics strong{color:#c90852;font-size:13px;overflow-wrap:anywhere}
.shop-order-tracking-note,.shop-order-tracking-error{margin:0;color:#68776e;font-size:12px;line-height:1.5}
.shop-order-tracking-error{color:#b42318}
.shop-order-map-empty{display:grid;min-height:180px;place-items:center;padding:20px;border:1px solid #d8e3dc;border-radius:12px;background:#f1f5f2;color:#68776e;text-align:center;font-size:13px}
.shop-order-banner{margin:12px 0;padding:10px 12px;border-radius:9px;font-size:13px;font-weight:700}
.shop-order-banner.is-cancelled{background:#fff0f0;color:#c62828}
.shop-order-banner.is-delivered{background:#eaf8ef;color:#168047}
.shop-order-details{display:grid;gap:8px;margin-top:10px}
.shop-order-detail{border-top:1px solid #edf1ee;padding-top:10px}
.shop-order-detail summary{color:#c90852;font-size:13px;font-weight:800;cursor:pointer}
.shop-order-line-items{display:grid;gap:0;margin-top:10px}
.shop-order-line-head,.shop-order-line{display:grid;grid-template-columns:minmax(0,1fr) 44px 72px 78px;align-items:center;gap:8px}
.shop-order-line-head{padding:0 0 7px;border-bottom:1px solid #edf1ee;color:#68776e;font-size:10px;font-weight:700;text-transform:uppercase}
.shop-order-line-head>span:not(:first-child),.shop-order-item-quantity,.shop-order-item-price,.shop-order-item-total{text-align:right}
.shop-order-line{padding:10px 0;border-bottom:1px solid #edf1ee;color:#34443b;font-size:12px}
.shop-order-item-info{display:flex;align-items:center;gap:8px;min-width:0}
.shop-order-item-image{flex:0 0 44px;width:44px;height:44px;border-radius:8px;object-fit:cover;background:#f3f5f4}
.shop-order-item-image-placeholder{display:block}
.shop-order-item-copy{display:grid;gap:3px;min-width:0}
.shop-order-item-copy strong{overflow-wrap:anywhere}
.shop-order-item-copy small{color:#68776e;font-size:10px;overflow-wrap:anywhere}
.shop-order-item-quantity,.shop-order-item-price{font-size:11px}
.shop-order-item-total{font-size:12px}
.shop-return-items{display:grid;gap:10px;margin:16px 0}
.shop-return-item{display:flex;align-items:center;gap:10px}
.shop-return-item>span{display:grid;flex:1;gap:3px;min-width:0}
.shop-return-item b{font-size:13px}
.shop-return-item small{color:#68776e;font-size:11px}
.shop-return-item>strong{flex:0 0 auto;color:#68776e;font-size:12px}
.shop-return-photo{width:44px;height:44px;border-radius:8px;object-fit:cover}
.shop-return-qr{display:grid;gap:5px;margin:12px 0;padding:10px;border:1px dashed #cbd4ce;border-radius:10px}
.shop-return-qr small{color:#68776e;font-size:11px}
.shop-return-qr code{overflow-wrap:anywhere;color:#17251d;font-size:12px}
.shop-offer-count{margin:0 0 10px;color:#68776e;font-size:13px}
.shop-offer-card{display:flex;width:100%;align-items:center;gap:12px;margin:0 0 10px;padding:12px;border:1px solid #e3e9e5;border-radius:14px;background:#fff;color:#17251d;text-align:left;cursor:pointer}
.shop-offer-card:hover{border-color:#f10b65;box-shadow:0 5px 16px #f10b6512}
.shop-offer-visual{position:relative;display:grid;flex:0 0 62px;width:62px;height:62px;place-items:center;overflow:hidden;border-radius:50%;background:#fff0f6;color:#f10b65;font-size:24px;font-weight:800}
.shop-offer-visual img{width:100%;height:100%;object-fit:cover}
.shop-offer-fallback[hidden]{display:none}
.shop-offer-body{display:grid;flex:1;gap:3px;min-width:0}
.shop-offer-body>small{overflow:hidden;color:#68776e;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.shop-offer-body>strong{overflow:hidden;font-size:16px;text-overflow:ellipsis;white-space:nowrap}
.shop-offer-body>b{color:#c90852;font-size:12px}
.shop-offer-countdown{margin-top:3px;color:#b87900;font-size:12px;font-weight:700}
.shop-offer-chevron{color:#99a59e;font-size:26px;line-height:1}
.shop-order-loading,.shop-view-error{padding:16px;color:#68776e}
.shop-view-error{color:#b42318}
@media(max-width:640px){.shop-order-card{padding:13px}.shop-order-summary{gap:5px}.shop-order-summary strong{font-size:12px}.shop-order-header{align-items:flex-start}.shop-order-status{max-width:45%;white-space:normal;text-align:center}.shop-offer-card{gap:9px;padding:10px}.shop-offer-visual{flex-basis:54px;width:54px;height:54px}.shop-offer-body>strong{font-size:15px}}
#shop-orders{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;width:100%;min-width:0}
#shop-orders .shop-order-card{display:block;width:100%;min-width:0;margin:0;padding:16px;border:1px solid #e3e9e5;border-radius:16px;background:#fff;box-shadow:0 6px 20px #13241a0a}
#shop-orders .shop-order-header,#shop-orders .shop-order-summary,#shop-orders .shop-order-timeline,#shop-orders .shop-order-track,#shop-orders .shop-order-details{width:100%;min-width:0}
#shop-orders .shop-order-timeline{box-sizing:border-box;max-width:100%}
#shop-orders .shop-order-tracking-panel,#shop-orders .parcel-live-map{width:100%;min-width:0}
.shop-order-map-frame{position:relative;height:clamp(220px,32vw,320px);overflow:hidden;border-radius:12px;background:#f1f5f2}
.shop-order-map-frame iframe{display:block;width:100%;height:100%;border:0}
.shop-order-rider-marker{position:absolute;z-index:2;display:grid;width:52px;height:52px;place-items:center;transform:translate(-50%,-50%);border-radius:50%;background:#ffffffd9;line-height:1;filter:drop-shadow(0 3px 4px #13241a66);pointer-events:none}
.shop-order-rider-marker img{display:block;width:48px;height:48px;object-fit:contain}
@media(min-width:761px){#shop-orders .shop-order-timeline-step{flex:1 1 0;min-width:0}#shop-orders .shop-order-timeline-step small{font-size:clamp(9px,.8vw,11px);overflow-wrap:anywhere}}
@media(max-width:760px){#shop-orders .shop-order-timeline-step{flex:0 0 82px}}
@media(max-width:640px){#shop-orders .shop-order-card{padding:13px}#shop-orders .shop-order-tracking-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}#shop-orders .shop-order-tracking-metrics>div:nth-child(3){grid-column:1/-1}}
@media(max-width:480px){.shop-order-line-head,.shop-order-line{grid-template-columns:minmax(0,1fr) 32px 54px 58px;gap:5px}.shop-order-item-image{flex-basis:36px;width:36px;height:36px}.shop-order-item-info{gap:6px}.shop-order-item-quantity,.shop-order-item-price{font-size:10px}}
.shop-order-action-row{display:flex;align-items:center;gap:12px;min-width:0;border-top:1px solid #edf1ee;padding-top:10px}
.shop-order-action-row .shop-order-detail{flex:1;min-width:0;border:0;padding:0}
.shop-order-action-row .shop-order-detail summary{display:flex;align-items:center;min-height:40px}
.shop-order-invoice{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-height:40px;padding:8px 14px;border:1px solid #f10b65;border-radius:10px;background:#fff0f6;color:#c90852;font-size:13px;font-weight:800;text-decoration:none}
.shop-order-invoice:hover{background:#f10b65;color:#fff}
.shop-order-detail-error{margin:8px 0 0;color:#b42318;font-size:12px;line-height:1.5}
@media(max-width:640px){.shop-order-action-row{align-items:stretch;flex-direction:column;gap:6px}.shop-order-invoice{width:100%}}