/* shopping page */

#feature-blocks {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 60px;
  padding: 10px 0;
}
	#feature-blocks > h2,
  #feature-blocks h3 {
    grid-column: 1 / -1;
    margin: 0;
	}
  #feature-blocks .highlight:nth-of-type(2) {
    margin: 40px 0 0;
	}
.shopping-option {
  display: flex;
  flex-direction: column;
  text-align: center;
}
	.main #feature-blocks .shopping-option .img-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 35px;
    width: 100%;
    height: 220px;
	}
		.shopping-option .img-wrap i {
      position: absolute;
      bottom: -30px;
      left: 50%;
      transform: translateX(-50%);
      display: block;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      font-size: 26px;
      color: var(--darkblue);
      line-height: 60px;
      background: var(--white);
		}
    .shopping-option .img-wrap img {
      display: block;
      width: 100%;
      height: 100%;
      margin: 0 auto;
      object-fit: cover;
      border-radius: 60px 0 60px 0;
		}
	#feature-blocks .shopping-option h3 {
	  font-size: 22px;
    margin: 0;
	}
  #feature-blocks .shopping-option .hours {
    font-family: var(--font);
    font-size: 18px;
    font-weight: 600;
    color: var(--darkblue);
    line-height: 1.2;
    margin: 0;
  }
	.shopping-option span {
    display: flex;
    grid-gap: 5px;
    align-items: center;
    font-size: 14px;
    color: var(--darkgrey);
	}
	.main #feature-blocks a:not(.button):not(.img-wrap) {
    display: block;
    text-decoration: none;
	}
	.main .shopping-option hr {
	  margin: 15px 0;
	}
	#feature-blocks .description {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px 0 15px;
    margin: 10px 0 0;
    border-top: 1px solid #cecece;
	}
		#feature-blocks .description p {
      font-size: 14px;
      padding: 10px 0;
      margin: 0;
		}
@media screen and (max-width:  1024px)  {
	#feature-blocks {
	  grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (max-width:  580px)  {
	#feature-blocks {
    grid-template-columns: 1fr;
    grid-gap: 40px;
	}
	.shopping-option {
    width: 60%;
    margin: 0 auto;
	}
}