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

.check-info .div-4 {
  width: 100vw;
  /* 동적 뷰포트 높이 사용 */
  height: calc(var(--vh, 1vh) * 100);
  min-height: calc(var(--vh, 1vh) * 100);
  position: relative;
}

.check-info .product-name-3 {
  position: absolute;
  height: 32px;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
  font-family: "Gotham Medium-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 33px;
  text-align: center;
  letter-spacing: -0.66px;
  line-height: normal;
  white-space: nowrap;
}

.check-info .check-info-buttons {
  position: absolute;
  width: 44vw; /* 174px → 화면 폭의 44% */
  max-width: 174px; /* 최대 크기 제한 */
  min-width: 120px; /* 최소 크기 보장 */
  height: 48vw; /* 190px → 화면 대비 비례 */
  max-height: 190px; /* 최대 높이 제한 */
  min-height: 150px; /* 최소 높이 보장 */
  bottom: 5%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.check-info .shop-button {
  width: 44vw; /* 174px → 화면 폭의 44% */
  max-width: 174px; /* 최대 크기 제한 */
  min-width: 120px; /* 최소 크기 보장 */
  height: 20vw; /* 80px → 화면 대비 비례 */
  max-height: 80px; /* 최대 높이 제한 */
  min-height: 60px; /* 최소 높이 보장 */
  background-color: #ffffff;
  border: none;
  border-radius: 12px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  cursor: pointer;
  transition: transform 0.2s ease-in-out;
}

/* .check-info .shop-button:hover {
  transform: scale(1.05);
} */

/* .check-info .shop-button:active {
  transform: scale(0.95);
} */

.check-info .shop-button img {
  width: 50px;
  height: 50px;
  object-fit: cover;
}

.check-info .shop-button span {
  font-family: "Gotham Bold-Regular", Helvetica;
  font-weight: 400;
  color: var(--bk);
  font-size: 25px;
  text-shadow: 0px 4px 10px rgba(154, 0, 0, 0.25);
}

.check-info .filter-button {
  width: 44vw; /* 174px → 화면 폭의 44% */
  max-width: 174px; /* 최대 크기 제한 */
  min-width: 120px; /* 최소 크기 보장 */
  height: 20vw; /* 80px → 화면 대비 비례 */
  max-height: 80px; /* 최대 높이 제한 */
  min-height: 60px; /* 최소 높이 보장 */
  border: none;
  border-radius: 12px;
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.77), inset 0px 0px 12.1px #ffffff;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.18) 0%,
    rgba(255, 255, 255, 0.06) 54%,
    rgba(255, 255, 255, 0.36) 100%
  );
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.2s ease-in-out;
}

/* .check-info .filter-button:hover {
  transform: scale(1.05);
} */

/* .check-info .filter-button:active {
  transform: scale(0.95);
} */

.check-info .filter-button span {
  font-family: "Gotham Bold-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 25px;
  text-shadow: 0px 4px 10px rgba(154, 0, 0, 0.25);
}