/* Compact, persistent shipping progress for the builder and bag. */
body[data-page=create] main,body:has(.hm-cart) main{overflow:clip}
.hm-shipping-progress{position:sticky;top:0;z-index:35;isolation:isolate;box-sizing:border-box;width:100%;margin:20px 0 24px;padding:8px 20px 12px;background:#f8f4eb;color:#172d37;border:1px solid #d9ccb5;border-radius:8px;box-shadow:0 4px 14px #10253212}
.hm-shipping-topline,.hm-shipping-status{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.hm-shipping-title{font-size:12px;line-height:1.4;font-weight:600;letter-spacing:.015em}
.hm-shipping-details{position:relative;flex:none}
.hm-shipping-details summary{display:grid;place-items:center;width:44px;height:32px;cursor:pointer;list-style:none;font-size:14px}
.hm-shipping-details summary::-webkit-details-marker{display:none}
.hm-shipping-help{position:absolute;right:0;top:100%;width:min(320px,calc(100vw - 64px));padding:16px;background:#fffdf8;color:#172d37;border:1px solid #d9ccb5;border-radius:6px;box-shadow:0 8px 24px #10253225;z-index:2}
.hm-shipping-help p{margin:0;font-size:13px;line-height:1.6}
.hm-shipping-help p+p{margin-top:8px}
.hm-shipping-message{margin:0;font-size:15px;line-height:1.4;font-weight:600;min-width:0;overflow-wrap:break-word}
.hm-shipping-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none;min-height:44px;padding:6px 0 6px 12px;font-size:12px;line-height:1.3;color:#70532e;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.hm-shipping-progress progress{display:block;appearance:none;width:100%;height:5px;margin:2px 0 0;border:0;border-radius:8px;overflow:hidden;background:#e2d9c9;color:#a57b3f}
.hm-shipping-progress progress::-webkit-progress-bar{background:#e2d9c9}
.hm-shipping-progress progress::-webkit-progress-value{background:#a57b3f;transition:width .25s ease}
.hm-shipping-progress progress::-moz-progress-bar{background:#a57b3f}
.hm-shipping-progress.is-unlocked progress{color:#52745c}
.hm-shipping-progress.is-unlocked progress::-webkit-progress-value{background:#52745c}
.hm-shipping-progress.is-unlocked progress::-moz-progress-bar{background:#52745c}
.hm-shipping-action:focus-visible,.hm-shipping-details summary:focus-visible{outline:2px solid #70532e;outline-offset:2px}
body[data-page=create] .builder-controls,body[data-page=create] #builderPanel,body[data-page=create] .field-group{scroll-margin-top:140px}
@media(max-width:600px){.hm-shipping-progress{padding:6px 12px 10px;margin:16px 0 20px;border-radius:5px}.hm-shipping-title{font-size:11px}.hm-shipping-message{font-size:13px}.hm-shipping-status{gap:8px}.hm-shipping-action{font-size:11px;max-width:96px;padding-left:4px}.hm-shipping-details summary{height:36px}}
@media(prefers-reduced-motion:reduce){.hm-shipping-progress progress::-webkit-progress-value{transition:none}}

.hm-shipping-details[data-trick=true] summary{display:flex;width:auto;min-height:44px;padding:6px 0 6px 12px;font-size:12px;font-weight:600;color:#70532e;text-decoration:underline;text-underline-offset:3px;text-align:right}
.hm-shipping-help h4{font:600 16px/1.4 var(--sans);margin:0 0 8px}
.hm-shipping-help .hm-shipping-action{padding:12px 0;max-width:none;text-align:left;font-size:13px;white-space:normal}
.hm-shipping-help .hm-shipping-fineprint{font-size:11px;color:#596169}
.hm-shipping-help{max-height:min(440px,65vh);overflow-y:auto;overscroll-behavior:contain}
@media(max-width:600px){.hm-shipping-details[data-trick=true] summary{max-width:140px;font-size:11px}.hm-shipping-topline{gap:8px;align-items:center}}
