/**
 * Price Styles
 * 가격 표시 공통 스타일
 */

/* ===========================================
   가격 표시 기본 스타일
   =========================================== */

.price-amount {
    font-size: var(--theme-font-size-price);
    font-weight: bold;
    color: var(--theme-main-color);
    font-family: var(--theme-font-bold);
}

.price-unit {
    font-size: var(--theme-font-size-body);
    color: var(--theme-text-color);
    margin-left: 2px;
}

.price-period {
    font-size: var(--theme-font-size-small);
    color: var(--theme-info-text);
    margin-left: 4px;
}

/* ===========================================
   반응형 디자인
   =========================================== */

@media (max-width: 768px) {
    .price-amount {
        font-size: var(--theme-font-size-title);
    }
}

@media (max-width: 480px) {
    .price-amount {
        font-size: var(--theme-font-size-subtitle);
    }
}