:root {
  --store-background: var(--color-white);
  --store-coworker-gap: 1.5rem;
  --store-coworker-width: 8.5rem;
  --store-gap: 2rem;
  --store-map-minheight: 30rem;
  --store-padding: 1rem;
  --store-radius: var(--radius-medium);
  --store-table-padding: 1rem;
}

  @media (min-width: 640px) {:root {
    --store-padding: 2rem;
    --store-radius: var(--radius-large);
    --store-coworker-width: 10rem
}
  }

  @media (min-width: 768px) {:root {
    --store-coworker-gap: 2rem;
    --store-gap: 4rem;
    --store-padding: 4rem;
    --store-radius: var(--radius-xlarge)
}
  }

/**
 * Tease
 */

.store {
  background: var(--color-white);
  background: var(--store-background);
  padding: 1rem;
  padding: var(--store-padding);
  border-radius: var(--radius-medium);
  border-radius: var(--store-radius);
}

.store-wrapper {
  display: flex;
  flex-direction: column;
  grid-gap: 2rem;
  gap: 2rem;
  grid-gap: var(--store-gap);
  gap: var(--store-gap);
  margin-bottom: 2rem;
}

@media (min-width: 768px) {

.store-wrapper {
    flex-direction: row;
    align-items: flex-start
}
  }

.store-content {
  flex: 1 1 45%;
}

.store-description {
  margin-top: 4rem;
  margin-bottom: 2rem;
}

.store-map {
  flex: 1 1 55%;
  overflow: hidden;
  border-radius: calc(var(--radius-medium)/2);
  border-radius: calc(var(--store-radius)/2);
}

.store-map[data-map] {
    min-height: 30rem;
    min-height: var(--store-map-minheight);
  }

.store-coworkers-wrapper {
  margin-top: 4rem;
}

.store-coworkers {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(8.5rem, 1fr));
  grid-template-columns: repeat(auto-fill, minmax(var(--store-coworker-width), 1fr));
  grid-gap: 3rem 1.5rem;
  gap: 3rem 1.5rem;
  grid-gap: calc(var(--store-coworker-gap)*2) calc(var(--store-coworker-gap));
  gap: calc(var(--store-coworker-gap)*2) calc(var(--store-coworker-gap));
}

.store-hours {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.store-hours-expander {
  justify-content: flex-start;
  margin-bottom: 2rem;
}

.store-hours-content {
  display: block;
}

.store-hours-table td {
    padding: 0.25rem 1rem;
    padding: calc(var(--store-table-padding)/4) var(--store-table-padding);
  }

.store-hours-table td:first-child {
      padding-left: 0;
    }

/**
 * Block
 */

.stores-wrapper {
  display: flex;
  flex-direction: column;
  grid-gap: 2rem;
  gap: 2rem;
  grid-gap: var(--store-gap);
  gap: var(--store-gap);
}