.store-locator-frame {
  padding: var(--s5) 55px;
  background-color: rgba(31, 57, 95, 0.03);
  backdrop-filter: blur(4px) saturate(1.1);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    inset 1px 0 0 rgba(255, 255, 255, 0.7),
    inset 0 20px 22px -20px rgba(31, 57, 95, 0.07),
    inset 20px 0 22px -20px rgba(31, 57, 95, 0.07),
    inset -18px 0 22px -22px rgba(255, 255, 255, 0.4),
    0 14px 34px -30px rgba(31, 57, 95, 0.16);
}

@media (max-width: 1023px), (pointer: coarse) {
  .store-locator-frame {
    padding: 0;
    border-radius: 0;
    overflow: visible;
    background-color: transparent;
    backdrop-filter: none;
    box-shadow: none;
  }

  .store-locator-widget {
    padding: 15px;
    border-radius: 10px;
    background-color: rgba(31, 57, 95, 0.03);
    backdrop-filter: blur(4px) saturate(1.1);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.7),
      inset 1px 0 0 rgba(255, 255, 255, 0.7),
      inset 0 13px 15px -13px rgba(31, 57, 95, 0.07),
      inset 13px 0 15px -13px rgba(31, 57, 95, 0.07),
      inset -12px 0 15px -15px rgba(255, 255, 255, 0.4),
      0 10px 22px -22px rgba(31, 57, 95, 0.16);
  }
}

.store-locator-frame--columns:has(.cerros-filter.state--open),
.store-locator-frame--columns:has(.cerros-filter.state--open) .store-locator-widget {
  backdrop-filter: none;
}

.store-locator-heading {
  color: var(--color-1);
}

@media (max-width: 1023px), (pointer: coarse) {
  .store-locator-heading {
    max-width: 260px;
  }
}

@media (min-width: 1024px) and (pointer: fine) {
  .store-locator-frame--overlay {
    padding: 0;
    border-radius: 10px;
    background-color: transparent;
    backdrop-filter: none;
    box-shadow: none;
  }

}