.hub-on-demand{color:var(--label,var(--text,#211f1c));background:var(--surface2,#f7f4ef);border:1px solid var(--sep,rgba(90,70,50,.2));border-radius:24px;padding:0;width:min(820px,calc(100vw - 24px));max-height:calc(100dvh - 24px);box-shadow:0 24px 80px rgba(0,0,0,.3)}
.hub-on-demand[open]{display:flex;flex-direction:column}.hub-on-demand::backdrop{background:rgba(15,10,5,.45);backdrop-filter:blur(6px)}
.hub-on-demand header,.hub-on-demand footer{flex:none;padding:18px 22px;background:var(--surface,#fff);border-bottom:1px solid var(--sep,rgba(90,70,50,.15))}.hub-on-demand header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.hub-on-demand header h2{font-size:26px;margin:4px 0 0;font-weight:750}.hub-on-demand header p{margin:6px 0 0}.hub-on-demand .od-eyebrow{font-size:13px;color:var(--sub,#64594e)}
.hub-on-demand .od-body{overflow:auto;overscroll-behavior:contain;padding:18px 22px;min-height:0}.hub-on-demand footer{border-top:1px solid var(--sep,rgba(90,70,50,.15));border-bottom:0}.hub-on-demand footer>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.hub-on-demand footer p:empty{display:none}.hub-on-demand section{margin:16px 0;padding-top:12px;border-top:1px solid var(--sep,rgba(90,70,50,.15))}.hub-on-demand h3{font-size:18px;margin:0 0 10px}
.hub-on-demand label{display:flex;flex-direction:column;gap:6px;font-size:14px;min-width:0}.hub-on-demand input,.hub-on-demand select{font:inherit;color:inherit;background:var(--surface,#fff);border:1px solid var(--sep,#b7afa6);border-radius:12px;min-height:44px;padding:10px;box-sizing:border-box;width:100%;min-width:0}.hub-on-demand .od-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hub-on-demand .od-item{display:grid;grid-template-columns:2fr .8fr 1fr 1fr;gap:10px;margin:12px 0}.hub-on-demand .od-hint{font-size:14px;color:var(--sub,#64594e);line-height:1.45}.hub-on-demand .od-warning{font-size:15px;background:rgba(230,166,35,.15);padding:12px;border-radius:12px;line-height:1.4}.hub-on-demand .od-price strong{display:block;font-size:38px;margin:10px 0}.hub-on-demand .od-price{border:0;background:var(--surface,#fff);border-radius:18px;padding:18px}.hub-on-demand .od-delivery{border:1px solid var(--sep,#b7afa6);border-radius:16px;padding:14px;margin:10px 0}.hub-on-demand .od-delivery>div:first-child{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.hub-on-demand .od-delivery small{display:block;margin-bottom:10px}.hub-on-demand .od-delivery .btn{margin:6px 8px 0 0}.hub-on-demand .od-cancel-form{display:grid;gap:10px;margin-top:14px}.hub-on-demand .btn{min-height:44px;white-space:normal}.hub-on-demand button:focus-visible,.hub-on-demand input:focus-visible,.hub-on-demand select:focus-visible,.hub-on-demand a:focus-visible{outline:3px solid var(--blue,#007aff);outline-offset:2px}
@media(max-width:600px){.hub-on-demand header,.hub-on-demand footer,.hub-on-demand .od-body{padding:14px}.hub-on-demand header h2{font-size:23px}.hub-on-demand .od-item{grid-template-columns:1fr 1fr}.hub-on-demand .od-item label:first-child{grid-column:1/-1}.hub-on-demand .od-fields{grid-template-columns:1fr}.hub-on-demand footer>div{display:grid;grid-template-columns:1fr 1fr}.hub-on-demand footer .primary{grid-column:1/-1}}

.hub-on-demand header .icon{color:var(--label,var(--text));background:var(--fill,rgba(90,70,50,.08));width:44px;height:44px;flex:none;border-radius:50%;border:0;font-size:25px}.hub-on-demand .od-item>[data-od-remove-item]{grid-column:1/-1;justify-self:start}

.hub-on-demand .od-origin{display:grid;gap:6px;background:var(--surface,#fff);padding:14px 16px;border-radius:16px}.hub-on-demand .od-origin b{font-size:18px}.hub-on-demand .od-origin span{font-size:14px;color:var(--sub,#64594e)}