/* One shared city choice, above the shop header. The native purchase UI stays intact. */
.lux-city-bar { position: relative; z-index: 12; border-bottom: 1px solid var(--line, #dfe6ea); color: var(--ink, #0b1117); background: #fff; font: 400 14px/1.4 var(--font-body, system-ui, sans-serif); }
.lux-city-bar__row, .lux-city-bar [data-lux-global-suggestion] { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 16px; }
.lux-city-bar__row { min-height: 44px; padding-block: 4px; }
.lux-city-bar [data-lux-global-suggestion][hidden] { display: none; }
.lux-city-bar button { min-height: 36px; padding: 6px 0; border: 0; border-radius: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; }
.lux-city-bar [data-lux-global-city] { display: inline-flex; gap: 6px; align-items: center; text-align: left; }
.lux-city-bar [data-lux-global-city-name] { max-width: 250px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--brand-deep, #00719a); text-decoration: underline; text-underline-offset: 3px; font-weight: 600; }
.lux-city-bar [data-global-confirm-city] { padding-inline: 12px; border-radius: 8px; color: #fff; background: var(--ink, #0b1117); font-weight: 600; }
.lux-city-bar [data-global-change-city] { color: var(--brand-deep, #00719a); text-decoration: underline; text-underline-offset: 3px; }
.lux-city-bar button:focus-visible { outline: 3px solid var(--brand-deep, #00719a); outline-offset: 2px; }
.lux-delivery--global[data-product-id] { margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; }
.lux-delivery--global > :not(dialog) { display: none !important; }
@media (max-width: 639px) {
    .lux-city-bar__row { gap: 2px 12px; }
    .lux-city-bar [data-lux-global-city-name] { max-width: 220px; }
    .lux-city-bar [data-lux-global-suggestion] { flex-basis: 100%; gap: 4px 12px; padding-bottom: 4px; }
}