.all-locations-page {

  padding: 0 0 1.5rem;

  background: #fff;

}



@media (min-width: 640px) {

  .all-locations-page {

    padding-bottom: 2.5rem;

  }

}



.all-locations__toolbar {

  display: flex;

  flex-direction: column;

  gap: 0.625rem;

  margin-bottom: 1rem;

}



@media (min-width: 640px) {

  .all-locations__toolbar {

    flex-direction: row;

    align-items: flex-end;

    justify-content: space-between;

    gap: 1rem;

    margin-bottom: 1.25rem;

  }

}



.all-locations__search-wrap {

  flex: 1 1 auto;

  width: 100%;

  min-width: 0;

}



.all-locations__search {

  position: relative;

  display: flex;

  align-items: center;

}



.all-locations__search-icon {

  position: absolute;

  left: 1rem;

  width: 1.125rem;

  height: 1.125rem;

  color: var(--bharat-primary);

  pointer-events: none;

}



.all-locations__search-input {

  box-sizing: border-box;

  display: block;

  width: 100%;

  padding: 0.75rem 1rem 0.75rem 2.625rem;

  font-size: 0.9375rem;

  line-height: 1.5;

  color: #111827;

  background: #fff;

  border: 2px solid rgb(var(--bharat-primary-rgb, 255 104 33) / 0.28);

  border-radius: 0.75rem;

  box-shadow: 0 4px 16px rgb(var(--bharat-primary-rgb, 255 104 33) / 0.08);

  transition: border-color 0.2s ease, box-shadow 0.2s ease;

}



.all-locations__search-input::placeholder {

  color: #9ca3af;

}



.all-locations__search-input:focus {

  outline: none;

  border-color: var(--bharat-primary);

  box-shadow: 0 0 0 3px rgb(var(--bharat-primary-rgb, 255 104 33) / 0.16), 0 4px 16px rgb(var(--bharat-primary-rgb, 255 104 33) / 0.08);

}



.all-locations__count {

  flex-shrink: 0;

  margin: 0;

  font-size: 0.875rem;

  font-weight: 500;

  color: #6b7280;

}



.all-locations-page .all-locations__states-grid {

  display: grid;

  grid-template-columns: 1fr;

  gap: 0.875rem;

  align-items: stretch;

}



@media (min-width: 480px) {

  .all-locations-page .all-locations__states-grid {

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 1rem;

  }

}



@media (min-width: 1024px) {

  .all-locations-page .all-locations__states-grid {

    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 1.125rem;

  }

}



.all-locations-page .home-locations__card {

  min-width: 0;

  border: 1px solid #e8eaed;

  box-shadow: 0 2px 10px rgb(15 23 42 / 0.06);

}



.all-locations-page .home-locations__card:hover {

  border-color: #fdba74;

  box-shadow: 0 10px 28px rgb(15 23 42 / 0.08);

}



.all-locations-page .home-locations__card.is-hidden {

  display: none !important;

}



.all-locations__empty {

  margin: 0;

  padding: 2.5rem 0;

  font-size: 0.9375rem;

  text-align: center;

  color: #6b7280;

}



.all-locations__empty.hidden,

.all-locations__list.hidden {

  display: none !important;

}