/* WEB 183: compact ordering provider selector. No changes to routes or floating controls. */
.web176Order:has(.web176OrderPanel:not([hidden])){width:min(344px,calc(100vw - 20px));max-width:calc(100vw - 20px)!important}
.web176OrderPanel{box-sizing:border-box!important;max-height:min(56vh,420px);overflow-y:auto;overscroll-behavior:contain}
.web176OrderPanel > div{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:8px!important;row-gap:8px!important;margin-top:10px!important;min-width:0!important}
.web176OrderPanel a[data-order-platform]{box-sizing:border-box!important;display:flex!important;width:100%!important;min-width:0!important;min-height:44px!important;margin:0!important;padding:8px 7px!important;gap:6px!important;align-items:center!important;justify-content:center!important;border-radius:10px!important;font-size:clamp(11px,2.8vw,13px)!important;line-height:1.2!important;font-weight:750!important;letter-spacing:0!important;white-space:normal!important;overflow-wrap:anywhere!important;border:1px solid rgba(255,255,255,.19)!important;text-align:center!important;box-shadow:0 3px 12px rgba(0,0,0,.25)!important}
/* Avoid any invented logo-shaped symbol. Provider name is the accessible label. */
.web176OrderPanel a[data-order-platform]::before{display:none!important;content:none!important}
.web176OrderPanel a[data-order-platform="pickup"]{background:#161b22!important;color:#fff!important}
.web176OrderPanel a[data-order-platform="doordash"]{background:#e93220!important;color:#fff!important}
.web176OrderPanel a[data-order-platform="ubereats"]{background:#080b0a!important;color:#53d997!important}
.web176OrderPanel a[data-order-platform="grubhub"]{background:#e66a18!important;color:#fff!important}
.web176OrderPanel a[data-order-platform]:hover{filter:brightness(1.08)}
.web176OrderPanel a[data-order-platform]:focus-visible{outline:3px solid #ffd05a!important;outline-offset:2px}
@media(max-width:360px){.web176Order:has(.web176OrderPanel:not([hidden])){width:min(290px,calc(100vw - 16px))}.web176OrderPanel{padding:10px!important}.web176OrderPanel > div{gap:6px!important}.web176OrderPanel a[data-order-platform]{font-size:11px!important;padding:8px 5px!important}}
@media(prefers-reduced-motion:reduce){.web176OrderPanel a[data-order-platform]{transition:none!important;transform:none!important}}