/* CASESTUDIO V362 — make the point-of-sale select visually match the city custom-select trigger.
   Keep native select semantics and all existing change/data logic intact. */
html body .purchase-location-container-v355 #buyer-point-of-sale {
  appearance: none !important;
  -webkit-appearance: none !important;
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 32px !important;
  height: 32px !important;
  max-height: 32px !important;
  padding: 4px 10px 4px 30px !important;
  border: 1px solid rgba(142, 174, 230, .35) !important;
  border-radius: 9px !important;
  background-color: rgba(37, 54, 88, .72) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%23dceaff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: left 10px center !important;
  color: #f4f7ff !important;
  font: inherit !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-align: right !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
  cursor: pointer !important;
}
html body .purchase-location-container-v355 #buyer-point-of-sale:hover:not(:disabled),
html body .purchase-location-container-v355 #buyer-point-of-sale:focus-visible {
  border-color: rgba(116, 180, 255, .7) !important;
  background-color: rgba(37, 65, 110, .82) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(60, 140, 255, .10), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
html body .purchase-location-container-v355 #buyer-point-of-sale:disabled {
  opacity: .78 !important;
  cursor: default !important;
}
html body .purchase-location-container-v355 #buyer-point-of-sale option {
  background: #101a2e !important;
  color: #eaf1ff !important;
}
html[data-theme="light"] body .purchase-location-container-v355 #buyer-point-of-sale,
body[data-theme="light"] .purchase-location-container-v355 #buyer-point-of-sale {
  background-color: #f4f7ff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%234f46e5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  border-color: #ccd8ea !important;
  color: #25334a !important;
  box-shadow: 0 2px 6px rgba(31,48,82,.04), inset 0 1px #fff !important;
}
html[data-theme="light"] body .purchase-location-container-v355 #buyer-point-of-sale:hover:not(:disabled),
html[data-theme="light"] body .purchase-location-container-v355 #buyer-point-of-sale:focus-visible,
body[data-theme="light"] .purchase-location-container-v355 #buyer-point-of-sale:hover:not(:disabled),
body[data-theme="light"] .purchase-location-container-v355 #buyer-point-of-sale:focus-visible {
  background-color: #eef3ff !important;
  border-color: #8d9ce8 !important;
  box-shadow: 0 0 0 3px rgba(79,70,229,.08) !important;
}
html[data-theme="light"] body .purchase-location-container-v355 #buyer-point-of-sale:disabled,
body[data-theme="light"] .purchase-location-container-v355 #buyer-point-of-sale:disabled {
  background-color: #f8fafc !important;
  color: #64748b !important;
  opacity: 1 !important;
}
html[data-theme="light"] body .purchase-location-container-v355 #buyer-point-of-sale option,
body[data-theme="light"] .purchase-location-container-v355 #buyer-point-of-sale option {
  background: #ffffff !important;
  color: #25334a !important;
}
@media (max-width: 640px) {
  html body .purchase-location-container-v355 #buyer-point-of-sale {
    min-height: 31px !important;
    height: 31px !important;
    max-height: 31px !important;
    padding: 3px 7px 3px 25px !important;
    font-size: 11px !important;
    background-position: left 7px center !important;
  }
}