/* Find a Store — Storepoint visual overrides. Keep every rule scoped to this mount. */
#storepoint-widget {
  min-height: 780px;
  overflow: hidden;
  border-radius: 16px;
  background: #fff;
}

#storepoint-widget .storepoint-container {
  --pixboom-unit: 1px;
  --storepoint-accent-color: #ff4800;
  --storepoint-text-color: #1d1d1d;
  --storepoint-medium-text-color: #515151;
  --storepoint-light-text-color: #858585;
  --storepoint-background-color: #fff;
  --storepoint-border-color: #ededed;
  --storepoint-input-background-color: #f6f6f6;
  --storepoint-search-element-background-color: #f6f6f6;
  --storepoint-search-bar-background-color: transparent;
  --storepoint-dropdown-background-color: #f6f6f6;
  --storepoint-dropdown-option-hover-bg: #f6f6f6;
  --storepoint-location-hover-background-color: #fff;
  --storepoint-tag-background-color: #ededed;
  --storepoint-tag-text-color: #1d1d1d;
  --storepoint-widget-height: 780px;
  --storepoint-widget-border-radius: 16px;
  --storepoint-search-bar-border-radius: 8px;
  --storepoint-dropdown-border-radius: 8px;
  --storepoint-dropdown-options-border-radius: 16px;
  --storepoint-tag-border-radius: 4px;
  --storepoint-results-width: minmax(0, 1fr);
  --storepoint-location-info-gap: 8px;
  --storepoint-dropdown-box-shadow:
    0 1px 2px rgba(29, 29, 29, 0.12), 0 4px 16px rgba(29, 29, 29, 0.12);
  width: 100%;
  border: 0;
  box-shadow: none;
  font-family: inherit;
}

#storepoint-widget .storepoint-search {
  position: relative;
  z-index: 4;
  display: grid;
  grid-template-columns: minmax(0, calc((100% + 48px) / 3 - 32px)) minmax(0, 240px) minmax(0, 240px);
  align-items: center;
  justify-content: start;
  gap: 8px;
  min-height: 104px;
  padding: 24px;
  border-bottom: 1px solid #ededed;
}

#storepoint-widget .storepoint-search-bar {
  display: flex;
  flex-direction: row;
  min-width: 0;
  height: 56px;
  border-radius: 8px;
  background: #f6f6f6;
}

#storepoint-widget .storepoint-keyword-search-bar {
  grid-column: 2;
}

#storepoint-widget .storepoint-search > .storepoint-filter-dropdown {
  grid-column: 3;
  height: 56px;
}

#storepoint-widget .storepoint-container.storepoint-layout-default {
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  grid-template-rows: 105px minmax(0, 1fr);
}

#storepoint-widget .storepoint-search-bar .storepoint-search-bar-combobox {
  flex: 1 1 0;
  width: 0;
}

#storepoint-widget .storepoint-search-bar .storepoint-radius-dropdown {
  flex: none;
  width: auto;
  min-width: calc(107 * var(--pixboom-unit));
}

#storepoint-widget .storepoint-search-bar .storepoint-radius-dropdown .storepoint-dropdown-target {
  gap: calc(8 * var(--pixboom-unit));
  padding: calc(4 * var(--pixboom-unit)) calc(8 * var(--pixboom-unit)) calc(4 * var(--pixboom-unit))
    calc(16 * var(--pixboom-unit));
  font-size: calc(16 * var(--pixboom-unit));
  line-height: calc(24 * var(--pixboom-unit));
  color: #1d1d1d;
}

#storepoint-widget .storepoint-search-bar button.geolocation-btn {
  position: static;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  margin: 0 4px;
  padding: 8px;
  color: #858585;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
#storepoint-widget .storepoint-no-results .storepoint-no-results-content {
  font-size: 22px;
  color: #858585;
}
#storepoint-widget .storepoint-search-bar-combobox,
#storepoint-widget .storepoint-radius-dropdown .storepoint-dropdown-target,
#storepoint-widget .storepoint-filter-dropdown .storepoint-dropdown-target {
  height: 56px;
  border: 0;
  border-radius: 8px;
  background: #f6f6f6;
  transition:
    background-color 160ms ease,
    color 160ms ease,
    box-shadow 160ms ease;
}

@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  #storepoint-widget .storepoint-search-bar-combobox:hover,
  #storepoint-widget .storepoint-radius-dropdown .storepoint-dropdown-target:hover,
  #storepoint-widget .storepoint-filter-dropdown .storepoint-dropdown-target:hover {
    background: #ededed;
  }
}

#storepoint-widget .storepoint-radius-dropdown .storepoint-dropdown-target:focus-visible,
#storepoint-widget .storepoint-filter-dropdown .storepoint-dropdown-target:focus-visible {
  background: #f6f6f6;
}

#storepoint-widget .storepoint-search-bar-combobox,
#storepoint-widget .storepoint-radius-dropdown,
#storepoint-widget .storepoint-filter-dropdown {
  min-width: 0;
  width: 100%;
}

#storepoint-widget .storepoint-vertical-divider {
  display: block;
  flex: 0 0 1px;
  width: 1px;
  height: 24px;
  align-self: center;
  background: #dedede;
}

#storepoint-widget .storepoint-search-bar .storepoint-vertical-divider::before {
  display: none;
}

#storepoint-widget
  .storepoint-container
  .mapboxgl-ctrl-geocoder
  input.mapboxgl-ctrl-geocoder--input,
#storepoint-widget .storepoint-geocoder-input,
#storepoint-widget .google-geocoder-input,
#storepoint-widget .storepoint-keyword-search-input {
  height: 56px;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #1d1d1d;
}

#storepoint-widget .storepoint-keyword-search-input,
#storepoint-widget .google-geocoder-input,
#storepoint-widget
  .storepoint-container
  .mapboxgl-ctrl-geocoder
  input.mapboxgl-ctrl-geocoder--input {
  padding-left: 16px;
  padding-right: 8px;
}

#storepoint-widget .mapboxgl-ctrl-geocoder--icon-search {
  display: none;
}

#storepoint-widget input::placeholder {
  color: #858585;
  opacity: 1;
}

#storepoint-widget .storepoint-search-bar:focus-within,
#storepoint-widget .storepoint-search-bar-combobox:focus-within {
  outline: none;
}

/* Pointer interactions use field/card state colors; keyboard focus stays visible. */
#storepoint-widget .storepoint-container :is(:focus, :focus-within):not(:focus-visible) {
  outline: none !important;
}

/* #storepoint-widget .storepoint-container :focus-visible {
  outline: 2px solid #c63800 !important;
  outline-offset: 2px;
} */

/* Store name: filled field states, with the native text caret as the focus cue. */
#storepoint-widget .storepoint-keyword-search-bar {
  border-radius: calc(8 * var(--pixboom-unit));
  background: #f6f6f6;
  transition: background-color 160ms ease;
}

@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  #storepoint-widget .storepoint-keyword-search-bar:hover {
    background: #ededed;
  }
}

#storepoint-widget .storepoint-keyword-search-bar:focus-within {
  background: #f6f6f6;
}

#storepoint-widget .storepoint-container .storepoint-keyword-search-input {
  min-width: 0;
  height: calc(56 * var(--pixboom-unit));
  padding: calc(16 * var(--pixboom-unit)) calc(8 * var(--pixboom-unit))
    calc(16 * var(--pixboom-unit)) calc(16 * var(--pixboom-unit));
  border: 0;
  border-radius: inherit;
  background: transparent;
  color: #1d1d1d;
  font-size: calc(16 * var(--pixboom-unit));
  line-height: calc(24 * var(--pixboom-unit));
  font-weight: 400;
  caret-color: #ff4800;
}

#storepoint-widget .storepoint-container .storepoint-keyword-search-input:focus {
  outline: none;
  box-shadow: none;
}

#storepoint-widget .storepoint-dropdown-target {
  padding: 16px;
  gap: 12px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

#storepoint-widget .storepoint-dropdown ul.storepoint-dropdown-options {
  width: 100%;
  min-width: 180px;
  margin-top: 8px !important;
  padding: 8px !important;
}

#storepoint-widget .storepoint-dropdown-option,
#storepoint-widget .storepoint-dropdown-option-label {
  border-radius: 8px;
}

#storepoint-widget .storepoint-dropdown-option-label,
#storepoint-widget .storepoint-radius-dropdown .storepoint-dropdown-option {
  min-height: 40px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 20px;
}

#storepoint-widget .storepoint-dropdown-checkbox {
  width: 20px;
  height: 20px;
  margin: 0;
  accent-color: #1d1d1d;
}

#storepoint-widget .storepoint-dropdown-option-icon {
  width: 20px;
  height: 20px;
  margin-right: 4px;
  border-radius: 50%;
  object-fit: cover;
}

/* Address / ZIP: shared field background, independent icon states, and radius menu. */
#storepoint-widget .storepoint-search-bar:has(.storepoint-radius-dropdown) {
  border-radius: calc(8 * var(--pixboom-unit));
  transition: background-color 160ms ease;
}

@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  #storepoint-widget .storepoint-search-bar:has(.storepoint-radius-dropdown):hover {
    background: #ededed;
  }

  #storepoint-widget .storepoint-search-bar:has(.geolocation-btn:hover, .dropdown-arrow:hover) {
    background: #f6f6f6;
  }
}

#storepoint-widget .storepoint-search-bar:has(.storepoint-radius-dropdown):focus-within,
#storepoint-widget .storepoint-search-bar:has([aria-expanded='true']) {
  background: #f6f6f6;
}

#storepoint-widget .storepoint-search-bar .storepoint-search-bar-combobox,
#storepoint-widget .storepoint-search-bar .storepoint-radius-dropdown .storepoint-dropdown-target,
#storepoint-widget .storepoint-search-bar .mapboxgl-ctrl-geocoder,
#storepoint-widget .storepoint-search-bar .google-geocoder-input {
  background: transparent;
  box-shadow: none;
}

#storepoint-widget
  .storepoint-container
  .storepoint-search-bar:not(.storepoint-keyword-search-bar)
  input {
  height: calc(56 * var(--pixboom-unit));
  padding: calc(16 * var(--pixboom-unit)) calc(8 * var(--pixboom-unit))
    calc(16 * var(--pixboom-unit)) calc(16 * var(--pixboom-unit));
  background: transparent;
  color: #1d1d1d;
  font-size: calc(16 * var(--pixboom-unit));
  line-height: calc(24 * var(--pixboom-unit));
  caret-color: #ff4800;
}

#storepoint-widget
  .storepoint-container
  .storepoint-search-bar:not(.storepoint-keyword-search-bar)
  input:focus {
  outline: none;
  box-shadow: none;
}

#storepoint-widget .storepoint-search-bar button.geolocation-btn {
  flex-basis: calc(40 * var(--pixboom-unit));
  width: calc(40 * var(--pixboom-unit));
  height: calc(40 * var(--pixboom-unit));
  margin: 0 calc(8 * var(--pixboom-unit));
  padding: calc(8 * var(--pixboom-unit));
  border-radius: calc(8 * var(--pixboom-unit));
  background: transparent;
}

#storepoint-widget
  .storepoint-search-bar
  button.geolocation-btn:not([aria-busy='true'])
  .geolocation-btn-icon {
  width: calc(24 * var(--pixboom-unit));
  height: calc(24 * var(--pixboom-unit));
  background: url('../icons/find-a-store/geolocation.svg') center / contain no-repeat;
}

#storepoint-widget
  .storepoint-search-bar
  button.geolocation-btn:not([aria-busy='true'])
  .geolocation-btn-icon
  i,
#storepoint-widget .storepoint-radius-dropdown .dropdown-arrow i {
  display: none;
}

#storepoint-widget .storepoint-search-bar .storepoint-vertical-divider {
  height: calc(24 * var(--pixboom-unit));
  background: #dadada;
}

#storepoint-widget .storepoint-radius-dropdown .dropdown-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 calc(40 * var(--pixboom-unit));
  width: calc(40 * var(--pixboom-unit));
  height: calc(40 * var(--pixboom-unit));
  margin-left: 0;
  border-radius: calc(8 * var(--pixboom-unit));
  background: transparent;
  animation: none;
  transform: none;
}

#storepoint-widget .storepoint-radius-dropdown .dropdown-arrow.open {
  transform: none;
}

/* Rotate only the glyph; keep the 40-unit hit area and its background stationary. */
#storepoint-widget .storepoint-radius-dropdown .dropdown-arrow::before {
  content: '';
  width: calc(24 * var(--pixboom-unit));
  height: calc(24 * var(--pixboom-unit));
  background: url('../icons/find-a-store/category-chevron.svg') center / contain no-repeat;
  transform: rotate(0deg);
  transition: transform 160ms ease;
}

#storepoint-widget .storepoint-radius-dropdown .dropdown-arrow.open::before {
  transform: rotate(180deg);
}

@media (prefers-reduced-motion: reduce) {
  #storepoint-widget .storepoint-radius-dropdown .dropdown-arrow::before {
    transition: none;
  }
}

@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  #storepoint-widget .storepoint-search-bar button.geolocation-btn:hover,
  #storepoint-widget .storepoint-radius-dropdown .dropdown-arrow:hover {
    background-color: #ededed;
  }
}

#storepoint-widget .storepoint-radius-dropdown ul.storepoint-dropdown-options {
  display: flex;
  flex-direction: column;
  gap: calc(2 * var(--pixboom-unit));
  left: auto;
  right: 0;
  width: 100%;
  min-width: calc(107 * var(--pixboom-unit));
  margin-top: calc(4 * var(--pixboom-unit)) !important;
  padding: calc(8 * var(--pixboom-unit)) !important;
  border: 1px solid #ededed;
  border-radius: calc(16 * var(--pixboom-unit));
  background: #fff;
  box-shadow:
    0 2px 4px rgba(29, 29, 29, 0.16),
    0 0 1px rgba(29, 29, 29, 0.24);
}

#storepoint-widget .storepoint-radius-dropdown .storepoint-dropdown-option {
  display: flex;
  align-items: center;
  flex: none;
  min-height: calc(40 * var(--pixboom-unit));
  padding: calc(8 * var(--pixboom-unit)) calc(12 * var(--pixboom-unit));
  border-radius: calc(8 * var(--pixboom-unit));
  color: #858585;
  font-size: calc(14 * var(--pixboom-unit));
  line-height: calc(16 * var(--pixboom-unit));
  font-weight: 400;
}

/* Category filter: default, selected, and selected-hover states from Figma. */
#storepoint-widget .storepoint-filter-dropdown .storepoint-dropdown-target {
  gap: calc(8 * var(--pixboom-unit));
  padding: calc(4 * var(--pixboom-unit)) calc(8 * var(--pixboom-unit)) calc(4 * var(--pixboom-unit))
    calc(16 * var(--pixboom-unit));
  background: #f6f6f6;
  color: #858585;
  font-size: calc(16 * var(--pixboom-unit));
  line-height: calc(24 * var(--pixboom-unit));
  font-weight: 400;
}

@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  #storepoint-widget .storepoint-filter-dropdown .storepoint-dropdown-target:hover {
    background: #ededed;
  }
}

#storepoint-widget .storepoint-filter-dropdown .storepoint-dropdown-target > span:not([class]) {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

#storepoint-widget .storepoint-filter-dropdown .storepoint-dropdown-selected-count {
  flex: none;
  min-width: calc(20 * var(--pixboom-unit));
  width: auto;
  height: calc(20 * var(--pixboom-unit));
  margin-left: calc(2 * var(--pixboom-unit));
  margin-right: calc(6 * var(--pixboom-unit));
  padding: 0 calc(4 * var(--pixboom-unit));
  border-radius: calc(20 * var(--pixboom-unit));
  background: #b9b9b9;
  color: #fff;
  font-size: calc(12 * var(--pixboom-unit));
  line-height: calc(16 * var(--pixboom-unit));
  font-weight: 500;
}

#storepoint-widget .storepoint-filter-dropdown .dropdown-arrow {
  flex: 0 0 calc(40 * var(--pixboom-unit));
  width: calc(40 * var(--pixboom-unit));
  height: calc(40 * var(--pixboom-unit));
  margin-left: 0;
  background: url('../icons/find-a-store/category-chevron.svg') center /
    calc(24 * var(--pixboom-unit)) no-repeat;
  animation: none;
  transform: none;
}

#storepoint-widget .storepoint-filter-dropdown .dropdown-arrow.open {
  transform: rotate(180deg);
}

#storepoint-widget .storepoint-filter-dropdown .dropdown-arrow i {
  display: none;
}

#storepoint-widget .storepoint-filter-dropdown ul.storepoint-dropdown-options {
  display: flex;
  flex-direction: column;
  gap: calc(2 * var(--pixboom-unit));
  min-width: 0;
  margin-top: calc(4 * var(--pixboom-unit)) !important;
  padding: calc(8 * var(--pixboom-unit)) !important;
  border: 1px solid #ededed;
  border-radius: calc(16 * var(--pixboom-unit));
  background: #fff;
  box-shadow:
    0 2px 4px rgba(29, 29, 29, 0.16),
    0 0 1px rgba(29, 29, 29, 0.24);
}

#storepoint-widget .storepoint-filter-dropdown .storepoint-dropdown-option {
  flex: none;
  border-radius: calc(8 * var(--pixboom-unit));
  background: transparent;
  color: #858585;
  font-weight: 400;
}

#storepoint-widget .storepoint-filter-dropdown .storepoint-dropdown-option-label {
  gap: calc(8 * var(--pixboom-unit));
  min-height: calc(40 * var(--pixboom-unit));
  padding: calc(8 * var(--pixboom-unit)) calc(12 * var(--pixboom-unit));
  border-radius: inherit;
  color: inherit;
  font-size: calc(14 * var(--pixboom-unit));
  line-height: calc(16 * var(--pixboom-unit));
  font-weight: inherit;
}

#storepoint-widget .storepoint-filter-dropdown .storepoint-dropdown-checkbox {
  appearance: none;
  flex: 0 0 calc(20 * var(--pixboom-unit));
  width: calc(20 * var(--pixboom-unit));
  height: calc(20 * var(--pixboom-unit));
  margin: calc(2 * var(--pixboom-unit));
  border: 1px solid #b9b9b9;
  border-radius: calc(4 * var(--pixboom-unit));
  background: #fff center / calc(24 * var(--pixboom-unit)) no-repeat;
  box-shadow: none;
  cursor: pointer;
}

#storepoint-widget .storepoint-filter-dropdown .storepoint-dropdown-option[aria-selected='true'] {
  color: #1d1d1d;
  font-weight: 500;
}

#storepoint-widget .storepoint-filter-dropdown .storepoint-dropdown-checkbox:checked {
  border-color: #1d1d1d;
  background-color: #1d1d1d;
  background-image: url('../icons/find-a-store/category-check.svg');
}

#storepoint-widget
  .storepoint-filter-dropdown
  .storepoint-dropdown-option.storepoint-dropdown-option-focused {
  background: #f6f6f6;
}

#storepoint-widget
  .storepoint-filter-dropdown
  .storepoint-dropdown-option.storepoint-dropdown-option-focused
  .storepoint-dropdown-checkbox:checked {
  border-color: #515151;
  background-color: #515151;
}

@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  #storepoint-widget .storepoint-filter-dropdown .storepoint-dropdown-option:hover {
    background: #f6f6f6;
  }

  #storepoint-widget .storepoint-filter-dropdown .storepoint-dropdown-option:hover .storepoint-dropdown-checkbox:checked {
    border-color: #515151;
    background-color: #515151;
  }
}

#storepoint-widget .storepoint-results {
  position: relative;
  min-width: 0;
  min-height: 0;
  border-right: 1px solid #ededed;
}

/* The native custom-filter host stays in the search tree; it overlays the list header. */
#storepoint-widget #storepoint-filter-custom-pixboom-demo {
  position: absolute;
  top: 100%;
  left: 0;
  width: 33.333333%;
  height: calc(72 * var(--pixboom-unit));
  padding: calc(24 * var(--pixboom-unit));
  background: linear-gradient(#fff 66.67%, rgba(255, 255, 255, 0));
}

#storepoint-widget .pixboom-demo-filter {
  display: flex;
  align-items: center;
  gap: calc(8 * var(--pixboom-unit));
  min-height: calc(24 * var(--pixboom-unit));
  margin: 0;
  color: #1d1d1d;
  font-size: calc(14 * var(--pixboom-unit));
  font-weight: 400;
  line-height: calc(16 * var(--pixboom-unit));
  cursor: pointer;
}

#storepoint-widget .pixboom-demo-filter input {
  appearance: none;
  flex: 0 0 calc(20 * var(--pixboom-unit));
  width: calc(20 * var(--pixboom-unit));
  height: calc(20 * var(--pixboom-unit));
  margin: calc(2 * var(--pixboom-unit));
  padding: 0;
  border: 1px solid #b9b9b9;
  border-radius: calc(4 * var(--pixboom-unit));
  background: #fff center / calc(24 * var(--pixboom-unit)) no-repeat;
  box-shadow: none;
  cursor: pointer;
}

@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  #storepoint-widget .pixboom-demo-filter:hover input:not(:checked) {
    border-color: #515151;
  }
}

#storepoint-widget .pixboom-demo-filter input:checked {
  border-color: #1d1d1d;
  background-color: #1d1d1d;
  background-image: url('../icons/find-a-store/category-check.svg');
}

@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  #storepoint-widget .pixboom-demo-filter:hover input:checked {
    border-color: #515151;
    background-color: #515151;
  }
}

#storepoint-widget .storepoint-results-container {
  padding: 0 calc(24 * var(--pixboom-unit));
  scrollbar-width: thin;
  scrollbar-color: rgba(29, 29, 29, 0.16) #fff;
}

#storepoint-widget #panel-locations {
  padding-top: calc(72 * var(--pixboom-unit));
}

#storepoint-widget .storepoint-no-results,
#storepoint-widget .storepoint-initial-empty-state {
  padding-top: calc(88 * var(--pixboom-unit));
}

#storepoint-widget #panel-locations > [role='list'] {
  border-top: 1px solid #dedede;
}

#storepoint-widget
  .storepoint-container:has(.storepoint-location-detail-panel-visible)
  #storepoint-filter-custom-pixboom-demo {
  visibility: hidden;
}

#storepoint-widget .storepoint-results::after {
  content: '';
  position: absolute;
  z-index: 3;
  right: 0;
  bottom: 0;
  left: 0;
  height: 48px;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
  opacity: 1;
  transition: opacity 160ms ease;
}

#storepoint-widget .storepoint-results.pixboom-results-at-end::after,
#storepoint-widget .storepoint-results.storepoint-location-detail-panel-visible::after {
  opacity: 0;
}

#storepoint-widget .storepoint-location {
  padding: calc(24 * var(--pixboom-unit)) 0;
  border-bottom: 1px solid #dedede;
  box-shadow: none;
}

#storepoint-widget .storepoint-location .storepoint-location-card {
  display: block;
}

#storepoint-widget .storepoint-location .storepoint-location-info {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: calc(8 * var(--pixboom-unit));
  width: 100%;
}

#storepoint-widget .storepoint-location .storepoint-location-info > * {
  grid-column: 1 / -1;
  margin: 0;
}

#storepoint-widget .storepoint-location .storepoint-location-info > .storepoint-name {
  grid-column: 1;
  grid-row: 1;
}

#storepoint-widget .storepoint-location .storepoint-location-info > .storepoint-distance {
  grid-column: 2;
  grid-row: 1;
  align-self: center;
  white-space: nowrap;
  color: #515151;
}

/* Full contact information and images remain available in the native detail panel. */
#storepoint-widget .storepoint-location .storepoint-location-image,
#storepoint-widget .storepoint-location .storepoint-tag-group-name,
#storepoint-widget .storepoint-location .storepoint-contact-details,
#storepoint-widget .storepoint-location .storepoint-buttons,
#storepoint-widget .storepoint-location .storepoint-description,
#storepoint-widget .storepoint-location .storepoint-text-fields,
#storepoint-widget .storepoint-location .storepoint-icon-links {
  display: none;
}

#storepoint-widget .storepoint-location .storepoint-tags-container,
#storepoint-widget .storepoint-location .storepoint-tag-group,
#storepoint-widget .storepoint-location .storepoint-tag-items {
  display: flex;
  flex-flow: row wrap;
  gap: calc(4 * var(--pixboom-unit));
}

#storepoint-widget .storepoint-location .storepoint-tags-container:empty {
  display: none;
}

#storepoint-widget .storepoint-location.storepoint-location-selected {
  background: #f6f6f6;
  box-shadow: none;
}

#storepoint-widget .storepoint-location .storepoint-name {
  color: #1d1d1d;
  transition: color 160ms ease;
}

#storepoint-widget .storepoint-location:hover .storepoint-name,
#storepoint-widget .storepoint-location:focus-within .storepoint-name {
  color: #858585;
}

#storepoint-widget .storepoint-name {
  font-size: calc(18 * var(--pixboom-unit));
  line-height: calc(24 * var(--pixboom-unit));
  font-weight: 500;
  letter-spacing: 0.01em;
}

#storepoint-widget .storepoint-distance,
#storepoint-widget .storepoint-address,
#storepoint-widget .storepoint-description {
  font-size: calc(14 * var(--pixboom-unit));
  line-height: calc(16 * var(--pixboom-unit));
  font-weight: 400;
}
#storepoint-widget .storepoint-location-info .storepoint-address {
  white-space: normal;
}
#storepoint-widget .storepoint-location .storepoint-address {
  color: #858585;
  white-space: normal;
}

#storepoint-widget .storepoint-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: calc(24 * var(--pixboom-unit));
  padding: calc(4 * var(--pixboom-unit)) calc(8 * var(--pixboom-unit));
  gap: calc(4 * var(--pixboom-unit));
  font-size: calc(14 * var(--pixboom-unit));
  line-height: calc(16 * var(--pixboom-unit));
  font-weight: 400;
  color: #3a3a3a;
  background: #ededed;
  border-radius: calc(4 * var(--pixboom-unit));
}

#storepoint-widget .storepoint-tag.pixboom-demo-tag {
  color: #1b6c64;
  background: #e7f7f5;
}

#storepoint-widget .storepoint-tag-image {
  flex: none;
  width: calc(16 * var(--pixboom-unit));
  height: calc(16 * var(--pixboom-unit));
  border-radius: 50%;
  background-size: cover;
}

/* Keep Storepoint's native detail/return interactions; only rearrange its visual layout. */
#storepoint-widget .storepoint-location-detail-panel {
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #c7c7c7 #fff;
}

#storepoint-widget
  .storepoint-location-detail-panel:not(.storepoint-same-address-list)
  .storepoint-location-detail-panel-header {
  position: absolute;
  top: calc(24 * var(--pixboom-unit));
  right: calc(24 * var(--pixboom-unit));
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

#storepoint-widget
  .storepoint-location-detail-panel:not(.storepoint-same-address-list)
  .storepoint-location-detail-panel-back-button {
  width: calc(40 * var(--pixboom-unit));
  height: calc(40 * var(--pixboom-unit));
  padding: 0;
  border-radius: calc(8 * var(--pixboom-unit));
  font-size: 0;
  background: url('../icons/find-a-store/close.svg') center / calc(24 * var(--pixboom-unit))
    no-repeat;
}

#storepoint-widget
  .storepoint-location-detail-panel:not(.storepoint-same-address-list)
  .storepoint-location-detail-panel-back-button:hover {
  background-color: #f6f6f6;
}

#storepoint-widget
  .storepoint-location-detail-panel:not(.storepoint-same-address-list)
  .storepoint-location-detail-panel-back-button
  i,
#storepoint-widget .storepoint-location-detail-panel .storepoint-tag-group-name,
#storepoint-widget .storepoint-location-detail-panel .storepoint-text-fields:empty,
#storepoint-widget .storepoint-location-detail-panel .storepoint-icon-links:empty {
  display: none;
}

#storepoint-widget .storepoint-location-detail-panel-content {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: calc(24 * var(--pixboom-unit));
}

#storepoint-widget .storepoint-location-detail-panel-content > div:has(> .storepoint-location-card),
#storepoint-widget .storepoint-location-detail-panel .storepoint-location-card {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0;
  min-width: 0;
}

#storepoint-widget .storepoint-location-detail-panel .storepoint-location-info {
  display: contents;
}

#storepoint-widget .storepoint-location-detail-panel .storepoint-name {
  order: 0;
  padding-right: calc(48 * var(--pixboom-unit));
  margin: 0 0 calc(8 * var(--pixboom-unit));
  font-size: calc(32 * var(--pixboom-unit));
  line-height: calc(40 * var(--pixboom-unit));
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #1d1d1d;
  overflow-wrap: anywhere;
}

#storepoint-widget .storepoint-location-detail-panel .storepoint-tags-container {
  order: 1;
  display: flex;
  flex-flow: row wrap;
  gap: calc(4 * var(--pixboom-unit));
  margin-bottom: calc(24 * var(--pixboom-unit));
}

#storepoint-widget .storepoint-location-detail-panel .storepoint-tag-items {
  gap: calc(4 * var(--pixboom-unit));
}

#storepoint-widget .storepoint-location-detail-panel .storepoint-tag {
  min-height: calc(24 * var(--pixboom-unit));
  height: auto;
  padding: calc(4 * var(--pixboom-unit)) calc(8 * var(--pixboom-unit));
  border: 0;
  border-radius: calc(4 * var(--pixboom-unit));
  background: #ededed;
  color: #3a3a3a;
  font-size: calc(14 * var(--pixboom-unit));
  line-height: calc(16 * var(--pixboom-unit));
  font-weight: 400;
}

#storepoint-widget .storepoint-location-detail-panel .storepoint-tag-label {
  line-height: inherit;
}

/* Storepoint's Country group ID: reorder badges without changing backend filters. */
#storepoint-widget .storepoint-tag-group-82fzme63e9 {
  order: -1;
}

#storepoint-widget .storepoint-tag-group-82fzme63e9 .storepoint-tag {
  padding-left: calc(4 * var(--pixboom-unit));
  border-radius: calc(99 * var(--pixboom-unit));
  background: #ededed !important;
  color: #3a3a3a;
}

#storepoint-widget .storepoint-tag-group-82fzme63e9 .storepoint-tag-label {
  color: inherit !important;
  text-transform: uppercase;
}

#storepoint-widget .storepoint-location-detail-panel .storepoint-tag.pixboom-demo-tag {
  color: #1b6c64;
  background: #e7f7f5;
}

#storepoint-widget
  .storepoint-location-detail-panel
  .storepoint-location-card
  .storepoint-location-image {
  order: 2;
  display: block;
  flex: none;
  width: 100%;
  aspect-ratio: 16 / 9;
  margin-bottom: calc(24 * var(--pixboom-unit));
  border-radius: calc(8 * var(--pixboom-unit));
  background: #ededed;
  overflow: hidden;
}

#storepoint-widget
  .storepoint-location-detail-panel
  .storepoint-location-card
  .storepoint-location-image
  img.storepoint-image {
  display: block;
  width: 100%;
  height: 100%;
  max-height: none;
  object-fit: cover;
  border-radius: inherit;
}

#storepoint-widget .storepoint-location-detail-panel .storepoint-address {
  order: 3;
  margin-bottom: calc(8 * var(--pixboom-unit));
}

#storepoint-widget .storepoint-location-detail-panel .storepoint-contact-details {
  order: 4;
  gap: calc(8 * var(--pixboom-unit));
  margin-bottom: calc(24 * var(--pixboom-unit));
}

#storepoint-widget .storepoint-location-detail-panel .storepoint-address,
#storepoint-widget .storepoint-location-detail-panel .storepoint-contact-details > div {
  position: relative;
  min-height: calc(20 * var(--pixboom-unit));
  padding-left: calc(28 * var(--pixboom-unit));
  color: #515151;
  font-size: calc(14 * var(--pixboom-unit));
  line-height: calc(20 * var(--pixboom-unit));
  overflow-wrap: anywhere;
}

#storepoint-widget .storepoint-location-detail-panel .storepoint-address::before,
#storepoint-widget .storepoint-location-detail-panel .storepoint-contact-details > div::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: calc(20 * var(--pixboom-unit));
  height: calc(20 * var(--pixboom-unit));
  background: center / contain no-repeat;
}

#storepoint-widget .storepoint-location-detail-panel .storepoint-address::before {
  background-image: url('../icons/find-a-store/location.svg');
}

#storepoint-widget
  .storepoint-location-detail-panel
  .storepoint-contact-details
  .storepoint-phone::before {
  background-image: url('../icons/find-a-store/phone.svg');
}

#storepoint-widget
  .storepoint-location-detail-panel
  .storepoint-contact-details
  .storepoint-email::before {
  background-image: url('../icons/find-a-store/mail.svg');
}

#storepoint-widget
  .storepoint-location-detail-panel
  .storepoint-contact-details
  .storepoint-website::before {
  background-image: url('../icons/find-a-store/web.svg');
}

#storepoint-widget .storepoint-location-detail-panel .storepoint-website {
  order: 1;
}

#storepoint-widget .storepoint-location-detail-panel .storepoint-contact-details .storepoint-link {
  display: inline;
  min-height: 0;
  color: inherit;
  font: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}

#storepoint-widget
  .storepoint-location-detail-panel
  .storepoint-contact-details
  .storepoint-phone-link {
  text-decoration: none;
}

#storepoint-widget .storepoint-location-detail-panel .storepoint-description,
#storepoint-widget .storepoint-location-detail-panel .storepoint-text-fields:not(:empty),
#storepoint-widget .storepoint-location-detail-panel .storepoint-icon-links:not(:empty) {
  order: 5;
  margin-bottom: calc(24 * var(--pixboom-unit));
}

#storepoint-widget
  .storepoint-location-detail-panel
  .storepoint-location-card:not(:has(.storepoint-tags-container))
  .storepoint-name,
#storepoint-widget
  .storepoint-location-detail-panel
  .storepoint-location-card:not(:has(.storepoint-contact-details > div))
  .storepoint-address {
  margin-bottom: calc(24 * var(--pixboom-unit));
}

#storepoint-widget .storepoint-location-detail-panel .storepoint-buttons {
  order: 6;
  margin-top: auto;
  padding: 0;
}

#storepoint-widget .storepoint-location-detail-panel .storepoint-directions-button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(8 * var(--pixboom-unit));
  width: 100%;
  min-height: calc(40 * var(--pixboom-unit));
  padding: calc(10 * var(--pixboom-unit)) calc(16 * var(--pixboom-unit));
  border: 0;
  border-radius: calc(8 * var(--pixboom-unit));
  background: #1d1d1d;
  color: #ededed;
  font-size: calc(14 * var(--pixboom-unit));
  line-height: calc(20 * var(--pixboom-unit));
  font-weight: 500;
  text-decoration: none;
}

#storepoint-widget .storepoint-location-detail-panel .storepoint-directions-button::before {
  content: '';
  width: calc(20 * var(--pixboom-unit));
  height: calc(20 * var(--pixboom-unit));
  background: url('../icons/find-a-store/direction.svg') center / contain no-repeat;
}

#storepoint-widget .storepoint-location-detail-panel .storepoint-directions-button:hover,
#storepoint-widget .storepoint-location-detail-panel .storepoint-directions-button:focus-visible {
  background: #3a3a3a;
}

#storepoint-widget .storepoint-location-detail-panel .storepoint-link:focus-visible {
  color: #858585;
}

/* Figma ButtonFilledBlack: sidebar actions only; keep map and tag accents intact. */
#storepoint-widget
  :is(.storepoint-results-container, .storepoint-location-detail-panel)
  :is(.storepoint-widget-button, .storepoint-button) {
  box-sizing: border-box;
  min-height: calc(40 * var(--pixboom-unit));
  padding: calc(10 * var(--pixboom-unit)) calc(16 * var(--pixboom-unit));
  border: 0;
  border-radius: calc(8 * var(--pixboom-unit));
  background: #1d1d1d;
  color: #ededed;
  font-family: inherit;
  font-size: calc(14 * var(--pixboom-unit));
  font-weight: 500;
  line-height: calc(16 * var(--pixboom-unit));
  text-align: center;
  text-decoration: none;
  box-shadow: none;
  transition: background-color 160ms ease;
}

#storepoint-widget
  :is(.storepoint-results-container, .storepoint-location-detail-panel)
  :is(.storepoint-widget-button, .storepoint-button):hover {
  background: #3a3a3a;
  color: #ededed;
  box-shadow: none;
}

#storepoint-widget
  :is(.storepoint-results-container, .storepoint-location-detail-panel)
  :is(.storepoint-widget-button, .storepoint-button):active {
  background: #515151;
  color: #ededed;
  box-shadow: none;
}

#storepoint-widget
  :is(.storepoint-results-container, .storepoint-location-detail-panel)
  :is(.storepoint-widget-button, .storepoint-button):is(:disabled, [aria-disabled='true']) {
  background: #ededed;
  color: #858585;
  cursor: not-allowed;
}

#storepoint-widget .storepoint-map {
  min-width: 0;
  background: #d9d9d9;
}

#storepoint-widget .storepoint-map .mapboxgl-ctrl-top-right {
  top: 16px;
  right: 16px;
}

#storepoint-widget .storepoint-map .mapboxgl-ctrl-top-right .mapboxgl-ctrl {
  margin: 0;
}

#storepoint-widget .storepoint-map .mapboxgl-ctrl-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: transparent;
  box-shadow: none;
}

#storepoint-widget .storepoint-map .mapboxgl-ctrl-group > button {
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(29, 29, 29, 0.16);
}

/* Hide only Google's camera menu on both breakpoints; retain zoom and map gestures. */
#storepoint-widget .storepoint-map gmp-internal-camera-control {
  display: none !important;
}

/* Native Google zoom pair: keep its buttons/events, excluding camera and tilt controls. */
#storepoint-widget
  .storepoint-map
  .gm-bundled-control:has(> .gmnoprint > div > button:first-child + div + button:last-child) {
  width: 40px;
  height: 88px;
  margin: 16px !important;
  right: 0 !important;
}

#storepoint-widget
  .storepoint-map
  .gm-bundled-control
  > .gmnoprint
  > div:has(> button:first-child + div + button:last-child) {
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 88px !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: drop-shadow(0 2px 2px rgba(29, 29, 29, 0.16))
    drop-shadow(0 0 0.5px rgba(29, 29, 29, 0.24));
}

#storepoint-widget
  .storepoint-map
  .gm-bundled-control
  > .gmnoprint
  > div:has(> button:first-child + div + button:last-child)
  > div {
  display: none !important;
}

#storepoint-widget
  .storepoint-map
  .gm-bundled-control
  > .gmnoprint
  > div:has(> button:first-child + div + button:last-child)
  > button {
  flex: 0 0 40px;
  width: 40px !important;
  height: 40px !important;
  border-radius: 8px !important;
  background: #fff !important;
}

#storepoint-widget
  .storepoint-map
  .gm-bundled-control
  > .gmnoprint
  > div:has(> button:first-child + div + button:last-child)
  > button
  > img {
  display: none !important;
}

#storepoint-widget
  .storepoint-map
  .gm-bundled-control
  > .gmnoprint
  > div:has(> button:first-child + div + button:last-child)
  > button::before {
  content: '';
  position: absolute;
  inset: 8px;
  pointer-events: none;
  background: url('../icons/find-a-store/map-zoom-in.svg') center / 24px 24px no-repeat;
}

#storepoint-widget
  .storepoint-map
  .gm-bundled-control
  > .gmnoprint
  > div:has(> button:first-child + div + button:last-child)
  > button:last-child::before {
  background-image: url('../icons/find-a-store/map-zoom-out.svg');
}

#storepoint-widget
  .storepoint-map
  .gm-bundled-control
  > .gmnoprint
  > div:has(> button:first-child + div + button:last-child)
  > button:is(:disabled, [aria-disabled='true'])::before {
  opacity: 0.3;
}

#storepoint-widget .map-error {
  height: 100%;
  min-height: 300px;
  border: 0;
  border-radius: 0;
  background: #d9d9d9;
}

#storepoint-widget .pixboom-map-cluster {
  --pixboom-cluster-lift: 0px;
  overflow: visible !important;
}

#storepoint-widget .pixboom-map-cluster-visual,
#storepoint-widget .pixboom-map-cluster-label-hidden {
  opacity: 0;
}

#storepoint-widget .pixboom-map-cluster::before,
#storepoint-widget .pixboom-map-cluster::after {
  position: absolute;
  left: 50%;
  top: 50%;
  pointer-events: none;
  transition:
    transform 160ms ease,
    filter 160ms ease;
}

#storepoint-widget .pixboom-map-cluster::before {
  content: '';
  width: 42px;
  height: 54px;
  background: url('../icons/find-a-store/map-pin.svg') center 0.2px / 42px 52.394px no-repeat;
  transform: translate(-50%, calc(-50% + var(--pixboom-cluster-lift)));
  filter: drop-shadow(0 2px 2px rgba(29, 29, 29, 0.16))
    drop-shadow(0 0 0.5px rgba(29, 29, 29, 0.24));
}

#storepoint-widget .pixboom-map-cluster::after {
  content: attr(data-pixboom-cluster-count);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: #c63800;
  font-family: 'Boom-Sans', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.18px;
  transform: translate(-50%, calc(-26px + var(--pixboom-cluster-lift)));
}

#storepoint-widget .pixboom-map-cluster:hover,
#storepoint-widget .pixboom-map-cluster:focus-visible {
  --pixboom-cluster-lift: -4px;
}

#storepoint-widget .pixboom-map-cluster:hover::before,
#storepoint-widget .pixboom-map-cluster:focus-visible::before {
  filter: drop-shadow(0 4px 4px rgba(29, 29, 29, 0.16))
    drop-shadow(0 1px 1px rgba(29, 29, 29, 0.24));
}

@media (prefers-reduced-motion: reduce) {
  #storepoint-widget .pixboom-map-cluster::before,
  #storepoint-widget .pixboom-map-cluster::after {
    transition: none;
  }
}

#storepoint-widget .pixboom-map-marker {
  /* Google owns position and hit-target size. The native Symbol anchor is at the tip. */
  overflow: visible !important;
  --pixboom-marker-lift: 0px;
}

#storepoint-widget .pixboom-map-marker::before,
#storepoint-widget .pixboom-map-marker::after {
  content: '';
  pointer-events: none;
  position: absolute;
  left: 50%;
  top: 100%;
  transition:
    transform 160ms ease,
    filter 160ms ease;
}

#storepoint-widget .pixboom-map-marker-visual {
  opacity: 0;
}

#storepoint-widget .pixboom-map-marker[data-pixboom-touch-target='true']::before,
#storepoint-widget .pixboom-map-marker[data-pixboom-touch-target='true']::after {
  top: calc(100% - 8px);
}

#storepoint-widget .pixboom-map-marker::before {
  width: 42px;
  height: 54px;
  background: url('../icons/find-a-store/map-pin.svg') center 0.2px / 42px 52.394px no-repeat;
  transform: translate(-50%, calc(-100% + var(--pixboom-marker-lift)));
  filter: drop-shadow(0 2px 2px rgba(29, 29, 29, 0.16))
    drop-shadow(0 0 0.5px rgba(29, 29, 29, 0.24));
}

#storepoint-widget .pixboom-map-marker::after {
  width: 24px;
  height: 24px;
  margin-top: -44.8px;
  background-color: #c63800;
  -webkit-mask: url('../icons/find-a-store/map-store.svg') center / contain no-repeat;
  mask: url('../icons/find-a-store/map-store.svg') center / contain no-repeat;
  transform: translate(-50%, var(--pixboom-marker-lift));
}

#storepoint-widget .pixboom-map-marker[data-pixboom-demo='true']::after {
  -webkit-mask-image: url('../icons/find-a-store/map-demo.svg');
  mask-image: url('../icons/find-a-store/map-demo.svg');
}

#storepoint-widget .pixboom-map-marker[data-pixboom-selected='true']::before {
  background-image: url('../icons/find-a-store/map-pin-selected.svg');
}

#storepoint-widget .pixboom-map-marker[data-pixboom-selected='true']::after {
  background-color: #1d1d1d;
}

#storepoint-widget .pixboom-map-marker:hover,
#storepoint-widget .pixboom-map-marker:focus-visible {
  --pixboom-marker-lift: -4px;
}

#storepoint-widget .pixboom-map-marker:hover::before,
#storepoint-widget .pixboom-map-marker:focus-visible::before {
  filter: drop-shadow(0 4px 4px rgba(29, 29, 29, 0.16))
    drop-shadow(0 1px 1px rgba(29, 29, 29, 0.24));
}

@media (prefers-reduced-motion: reduce) {
  #storepoint-widget .pixboom-map-marker::before,
  #storepoint-widget .pixboom-map-marker::after {
    transition: none;
  }
}

@media (max-width: 767px) {
  #storepoint-widget {
    /* Keep the taller two-row search field reserved before the Storepoint embed mounts. */
    min-height: calc(1195rem + 1px);
    border-radius: 16rem;
  }

  #storepoint-widget .storepoint-container,
  #storepoint-widget .storepoint-container.storepoint-layout-default,
  #storepoint-widget .storepoint-container.storepoint-layout-sidebyside {
    --pixboom-unit: 1rem;
    --storepoint-widget-height: auto;
    --storepoint-mobile-map-height: 327rem;
    height: auto;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto 327rem 505rem;
    border-radius: 16rem;
  }

  #storepoint-widget .storepoint-search {
    grid-column: 1;
    grid-row: 1;
    grid-template-columns: minmax(0, 1fr);
    gap: 8rem;
    min-height: 0;
    padding: 16rem;
  }

  #storepoint-widget .storepoint-search-bar {
    height: 56rem;
    border-radius: 8rem;
  }

  #storepoint-widget .storepoint-search-bar:has(.storepoint-radius-dropdown) {
    flex-direction: column;
    gap: 4rem;
    height: 113rem;
    padding: 4rem 8rem 4rem 16rem;
    border-radius: 8rem;
  }

  #storepoint-widget .storepoint-search-bar:has(.storepoint-radius-dropdown) .storepoint-search-bar-combobox,
  #storepoint-widget .storepoint-search-bar .storepoint-radius-dropdown {
    flex: 0 0 48rem;
    width: 100%;
    height: 48rem;
  }

  #storepoint-widget .storepoint-search-bar .storepoint-radius-dropdown {
    min-width: 0;
  }

  #storepoint-widget .storepoint-radius-dropdown ul.storepoint-dropdown-options {
    /* Include the shared address field's 16rem / 8rem horizontal padding. */
    left: -16rem;
    right: -8rem;
    width: auto;
    min-width: 0;
  }

  #storepoint-widget .storepoint-search-bar .storepoint-vertical-divider {
    flex: 0 0 1rem;
    width: 100%;
    height: 1rem;
    margin: 0;
  }

  #storepoint-widget .storepoint-search-bar .storepoint-radius-dropdown .storepoint-dropdown-target {
    justify-content: space-between;
    height: 48rem;
    padding: 4rem 0;
  }

  #storepoint-widget
    .storepoint-container
    .storepoint-search-bar:has(.storepoint-radius-dropdown)
    input {
    height: 48rem;
    padding: 12rem 0;
  }

  #storepoint-widget .storepoint-search-bar:has(.storepoint-radius-dropdown) button.geolocation-btn {
    margin: 0;
  }

  #storepoint-widget .storepoint-keyword-search-bar,
  #storepoint-widget .storepoint-search > .storepoint-filter-dropdown {
    grid-column: 1;
    height: 56rem;
  }

  #storepoint-widget #storepoint-filter-custom-pixboom-demo {
    top: calc(100% + 327rem);
    width: 100%;
  }

  #storepoint-widget .storepoint-search-bar-combobox,
  #storepoint-widget .storepoint-radius-dropdown .storepoint-dropdown-target,
  #storepoint-widget .storepoint-filter-dropdown .storepoint-dropdown-target {
    height: 56rem;
    border-radius: 8rem;
  }

  #storepoint-widget .storepoint-radius-dropdown,
  #storepoint-widget .storepoint-filter-dropdown {
    position: relative;
  }

  #storepoint-widget .storepoint-filter-dropdown {
    margin-top: 0;
  }

  #storepoint-widget
    .storepoint-container
    .mapboxgl-ctrl-geocoder
    input.mapboxgl-ctrl-geocoder--input,
  #storepoint-widget .storepoint-geocoder-input,
  #storepoint-widget .storepoint-keyword-search-input {
    height: 56rem;
    padding-top: 16rem;
    padding-bottom: 16rem;
    font-size: 16rem;
    line-height: 24rem;
  }

  #storepoint-widget .storepoint-dropdown-target {
    padding: 16rem;
    font-size: 16rem;
    line-height: 24rem;
  }

  #storepoint-widget .storepoint-map,
  #storepoint-widget .storepoint-container.storepoint-layout-default .storepoint-map,
  #storepoint-widget .storepoint-container.storepoint-layout-sidebyside .storepoint-map {
    grid-column: 1;
    grid-row: 2;
    height: 327rem;
  }

  #storepoint-widget .storepoint-results,
  #storepoint-widget .storepoint-container.storepoint-layout-default .storepoint-results,
  #storepoint-widget .storepoint-container.storepoint-layout-sidebyside .storepoint-results {
    grid-column: 1;
    grid-row: 3;
    height: 588rem;
    min-height: 588rem;
    overflow: hidden;
    border-right: 0;
    border-top: 1px solid #ededed;
  }

  #storepoint-widget .storepoint-results-container {
    height: 100%;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-color: #c7c7c7 #fff;
    scrollbar-gutter: auto;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
  }

  #storepoint-widget .storepoint-container .storepoint-results .storepoint-location-detail-panel {
    position: absolute;
    inset: 0;
    height: 100%;
    overflow-y: auto;
  }

  #storepoint-widget .storepoint-location-detail-panel .storepoint-name {
    font-size: 24rem;
    line-height: 32rem;
  }

  #storepoint-widget .storepoint-location-detail-panel .storepoint-buttons {
    margin-top: 0;
  }

  #storepoint-widget .storepoint-container.storepoint-mobile-incremental .storepoint-map {
    position: relative;
    top: auto;
  }

  #storepoint-widget .storepoint-results-container::-webkit-scrollbar {
    width: 4rem;
  }

  #storepoint-widget .storepoint-results-container::-webkit-scrollbar-track {
    background: #fff;
  }

  #storepoint-widget .storepoint-results-container::-webkit-scrollbar-thumb {
    border-radius: 999rem;
    background: #c7c7c7;
  }

  #storepoint-widget .storepoint-show-more-button-container {
    display: none;
  }

  #storepoint-widget .storepoint-results::after {
    height: 48rem;
  }
}