/* CASESTUDIO V352 — Keep purchase city and point-of-sale controls visible.
   This stylesheet is intentionally loaded after the existing project styles.
   It does not change packaging selection or order behavior. */
html body main.main-layout > section.preview-section > .main-city-picker.city-brand-bar,
html body main.main-layout .main-city-picker.city-brand-bar,
html body .main-city-picker.city-brand-bar {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  pointer-events: auto !important;
  transform: none !important;
  translate: none !important;
  z-index: 100 !important;
}
html body .main-city-picker.city-brand-bar > .city-picker-field,
html body .main-city-picker.city-brand-bar .city-picker-field {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  flex-direction: column !important;
  min-width: 0 !important;
  height: auto !important;
  max-height: none !important;
}
html body .main-city-picker.city-brand-bar .city-picker-field label {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
html body .main-city-picker.city-brand-bar .city-picker-field select:not(.case-native-select-accessible),
html body .main-city-picker.city-brand-bar .city-picker-field .case-city-select-trigger {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}


/* CASESTUDIO V353 — Persistent city and point-of-sale visibility.
   Keep the existing card styling and normal document flow; only neutralize
   visibility/clipping states that could hide the card when packaging changes. */
html body main.main-layout > section.preview-section > .main-city-picker.city-brand-bar,
html body main.main-layout > section.preview-section > .main-city-picker.city-brand-bar[hidden],
html body .main-city-picker.city-brand-bar,
html body .main-city-picker.city-brand-bar[hidden] {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  content-visibility: visible !important;
  clip: auto !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  translate: none !important;
  pointer-events: auto !important;
  z-index: 10000 !important;
}
html body main.main-layout > section.preview-section > .main-city-picker.city-brand-bar > .city-picker-field,
html body main.main-layout > section.preview-section > .main-city-picker.city-brand-bar > .city-picker-field[hidden],
html body .main-city-picker.city-brand-bar > .city-picker-field {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  content-visibility: visible !important;
  clip: auto !important;
  clip-path: none !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}
html body main.main-layout > section.preview-section > .main-city-picker.city-brand-bar label,
html body main.main-layout > section.preview-section > .main-city-picker.city-brand-bar select:not(.case-native-select-accessible),
html body main.main-layout > section.preview-section > .main-city-picker.city-brand-bar .case-city-select-trigger {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}