@charset "UTF-8";

/**/

.shop-intro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto;
  gap: 20px;
}

.intro-text {
  flex: 1 1 65%;
}

.intro-text h2 {
  font-size: 1.8rem;
}


.intro-image {
  flex: 1 1 30%;
  text-align: center;
}

.intro-image img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

#icon-s{
  flex-wrap: wrap;
  gap:10px;
}

#icon-s .icon-bg{
width:50px;
height:50px;
margin-bottom: 0;
}

#icon-s .icon-bg img{
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 768px) {

.shop-intro {
    flex-direction: column;
  }

  .intro-image {
    order: 2;
  }

  .intro-text {
    order: 1;
  }

}

@media screen and (max-width: 600px) {


  .intro-text p{
    margin:0;
  }

  .shop-intro{
    gap:10px;
  }

}