/** Shopify CDN: Minification failed

Line 137:1 Expected "}" to go with "{"

**/
.price {
  font-size: 1.6rem;
  letter-spacing: 0.1rem;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  color: rgb(var(--color-foreground));
}

.price > * {
  display: inline-block;
  vertical-align: top;
}

.price.price--unavailable {
  visibility: hidden;
}

.price--end {
  text-align: right;
}

.price .price-item {
  display: inline-block;
  margin: 0 1rem 0 0;
}

.price__regular .price-item--regular {
  margin-right: 0;
}

.price:not(.price--show-badge) .price-item--last:last-of-type {
  margin: 0;
}

@media screen and (min-width: 750px) {
  .price {
    margin-bottom: 0;
  }
}

.price--large {
  font-size: 1.6rem;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  letter-spacing: 0.13rem;
}

@media screen and (min-width: 750px) {
  .price--large {
    font-size: 1.8rem;
  }
}

.price--sold-out .price__availability,
.price__regular {
  display: block;
}

.price__sale,
.price__availability,
.price .price__badge-sale,
.price .price__badge-sold-out,
.price--on-sale .price__regular,
.price--on-sale .price__availability {
  display: none;
}

.price--sold-out .price__badge-sold-out,
.price--on-sale .price__badge-sale,
.volume-pricing--sale-badge .price__badge-sale {
  display: inline-block;
}

.volume-pricing--sale-badge .price__badge-sale {
  margin-left: 0.5rem;
}

.price--on-sale .price__sale {
  display: initial;
  flex-direction: row;
  flex-wrap: wrap;
}

.price--center {
  display: initial;
  justify-content: center;
}

.price--on-sale .price-item--regular {
  text-decoration: line-through;
  color: rgba(var(--color-foreground), 0.75);
  font-size: 1.3rem;
}

.unit-price {
  display: block;
  font-size: 1.1rem;
  letter-spacing: 0.04rem;
  line-height: calc(1 + 0.2 / var(--font-body-scale));
  margin-top: 0.2rem;
  text-transform: uppercase;
  color: rgba(var(--color-foreground), 0.7);
}
@media screen and (max-width: 768px) { /* 모바일 화면에서만 적용 */
  .price {
    font-size: 1.4rem !important; /* 모바일에서 글씨 크기 줄이기 */
    line-height: 1.2;
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* 왼쪽 정렬 */
    gap: 4px; /* 요소 간격 추가 */
  }

  .price .price-item {
    font-size: 1.1rem !important; /* 할인된 가격 크기 조정 */
  }

  .price .price-item--regular {
    text-decoration: line-through;
    color: rgba(var(--color-foreground), 0.6);
    font-size: 1.1rem !important; /* 원래 가격 크기 줄이기 */
  }

  .discount-percentage {
    background-color: yellow;
    color: red;
    font-weight: bold;
    padding: 2px 1px;
    border-radius: 1px;
    font-size: 1rem !important;
    display: inline-block;
    white-space: nowrap; /* 줄바꿈 방지 */
    margin-left: -6px; /* 할인율을 할인가 쪽으로 이동 */
}