.select {
  background-color: transparent;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.select .div {
  width: clamp(320px, 100vw, 393px); /* 393px → 화면 폭의 100% */
  height: calc(var(--vh, 1vh) * 100); /* 뷰포트 높이 동적 설정 */
  position: relative;
}

.select .select-product-name {
  position: absolute;
  width: 177px;
  height: 153px;
  top: 56px;
  left: 109px;
}

.select .overlap-group {
  position: relative;
  width: 173px;
  height: 153px;
  background-image: url(./img/select-product-name.png);
  background-size: 100% 100%;
}

.select .product-name {
  position: absolute;
  height: 38px;
  top: 64px;
  left: 28px;
  text-shadow: 1px 2px 4px #9a000040;
  font-family: "Gotham Medium-Regular", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 18px;
  text-align: center;
  letter-spacing: -0.90px;
  line-height: 19.5px;
}

.select .text-wrapper {
  position: absolute;
  height: 38px;
  top: 64px;
  left: 28px;
  text-shadow: 1px 2px 4px #9a000040;
  font-family: "Gotham Medium-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  letter-spacing: -0.90px;
  line-height: 19.5px;
}

.select .select-button {
  position: relative;
  width: clamp(120px, 30vw, 164px);
  height: clamp(118px, 29vw, 162px);
  object-fit: cover;
}