.discover-store {
  background-color: rgb(var(--color-background));
}

.discover-store .page-width {
  max-width: unset;
  padding-inline: 0;
}

.discover-store .discover-store-title {
  margin-bottom: 1.04vw;
}

.discover-store .discover-store-content {
  margin-bottom: 2.71vw;
}

.discover-store .discover-store-map-box {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 0.78vw;
}

.discover-store .discover-store-map-info {
  width: 30%;
}

.discover-store .filter {
  display: flex;
  flex-direction: column;
  background-color: #F5F5F5;
  padding: 2.6vw;
  margin-bottom: 2.6vw;
}

.discover-store .filter .filter_title {
  margin-bottom: 2.67vw;
}

.discover-store .filter .country-select-label {
  margin-bottom: 1.04vw;
}

.discover-store .filter .field {
  background-color: transparent;
}

.discover-store .filter .field::after {
  border: none;
}

.discover-store .filter .country-select {
  border: none;
  background-color: #fff;
  padding: 13px 40px;
  border-radius: 50px;
  color: #333;
}

.discover-store .filter .field__input:focus {
  border: none; 
  outline: none;
  background-color: #fff;  
}

.discover-store .store-list {
  width: 100%; 
  display: flex;
  flex-direction: column;
  gap: 10px;
  /* overflow-y: auto; 
  height: 350px; */
}


.discover-store .store-card {
  padding-left: 2.6vw;
  padding-right: 2.6vw;
  padding-top: 1.51vw;
  padding-bottom: 1.51vw;
  background-color: #F5F5F5;
  transition: background-color 0.3s;
  cursor: pointer;
}

.discover-store .store-card:hover {
  background-color: #e0e0e0;
}

.discover-store .store-name {
  color: #333;
  margin-bottom: 5px;
}

.discover-store .store-address {
  color: #333;
  opacity: 0.6;
  margin-bottom: 15px;
}

.discover-store .store-phone-link {
  display: flex;
  justify-content: space-between;
}


.discover-store .store-phone {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #333;
}

.discover-store .store-phone-icon {
  color: #333;
  width: 24px;
  height: 24px;
  border: 0.4px solid rgba(0, 0, 0, 0.50);
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}



.discover-store .store-link {
  text-decoration: underline;
  color: #333;
}

.discover-store .discover-store-map {
  width: 70%; 
  height: 45vw;
}

@media (max-width: 1024px) {
  .discover-store .discover-store-title {
    margin-bottom: 1.95vw;
  }
  
  .discover-store .discover-store-content {
    margin-bottom: 5.08vw;
  }

  .discover-store .discover-store-map-box {
    flex-direction: column-reverse;
    gap: 4.88vw;
  }

  .discover-store .discover-store-map {
    width: 100%; 
    height: 68.65vw;
  }

  .discover-store .discover-store-map-info {
    width: 100%;
    padding-left: 4.88vw;
    padding-right: 4.88vw;
  }

  .discover-store .filter {
    padding-left: 4.88vw;
    padding-right: 4.88vw;
    padding-top: 3.91vw;
    padding-bottom: 3.91vw;
    margin-bottom: 3.91vw;
  }

  .discover-store .store-card {
    padding-left: 4.88vw;
    padding-right: 4.88vw;
    padding-top: 2.83vw;
    padding-bottom: 2.83vw;
    background-color: #F5F5F5;
    transition: background-color 0.3s;
    cursor: pointer;
  }
}

@media (max-width: 768px) {
  .discover-store .discover-store-title {
    margin-bottom: 2.67vw;
  }
  
  .discover-store .discover-store-content {
    margin-bottom: 6.67vw;
    max-width: 70vw;
  }

  .discover-store .discover-store-map {
    width: 100%; 
    height: 500px;
  }

  .discover-store .discover-store-map-info {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .discover-store .discover-store-map-box {
    flex-direction: column-reverse;
    gap: 3.2vw;
  }

  .discover-store .filter {
    padding-left: 6.67vw;
    padding-right: 6.67vw;
    padding-top: 6.67vw;
    padding-bottom: 6.67vw;
    margin-bottom: 5.33vw;
  }

  .discover-store .store-card {
    padding-left: 6.67vw;
    padding-right: 6.67vw;
    padding-top: 4.53vw;
    padding-bottom: 4.53vw;
    background-color: #F5F5F5;
    transition: background-color 0.3s;
    cursor: pointer;
  }

  .discover-store .field select ~ .icon-arrow {
    width: 16px;
    height: 16px;
  }
  
  .discover-store .store-address {
    margin-bottom: 25px;
  }
}