/* Responsive Styles */

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }

    .submit-btn {
        font-size: 2.3rem;
    }

    .section-news::before {
        background-size: 80%;
    }

    .section-review .review-item ul li span {
        font-size: 1.4rem;
    }

    .section-review .review-item ul li {
        padding: 2rem;
    }

    .modal-header h3 {
        font-size: 2rem;
    }

    .modal-content {
        padding: 3rem;
    }

    .terms-section h4 {
        font-size: 1.8rem;
    }

    .terms-section p,
    .terms-section li {
        font-size: 1.5rem;
    }

    .terms-note {
        font-size: 1.3rem;
    }

    /* Footer CTA 데스크탑 스타일 */
    .footer-cta-section {
        padding: 2rem;
        padding-bottom: calc(2rem + env(safe-area-inset-bottom));
    }

    .footer-cta-buttons .cta-btn {
        padding: 1.5rem 2.5rem;
        font-size: 1.8rem;
    }

    .footer-cta-buttons .phone-btn,
    .footer-cta-buttons .kakao-btn {
        flex: 0 0 49%;
    }

    .footer-cta-buttons .discount-btn {
        flex: 0 0 98%;
    }

    /* 데스크탑에서만 호버 효과 활성화 */
    .cta-btn:hover {
        transform: translateY(-0.3rem);
        box-shadow: 0 0.6rem 2rem rgba(0, 0, 0, 0.3);
    }

    /* 이탈 방지 모달 데스크탑 스타일 */
    .exit-modal-content {
        width: 63%; /* 90% * 0.7 = 63% (30% 감소) */
        max-width: 420px; /* 600px * 0.7 = 420px (30% 감소) */
    }

    .exit-modal-close:hover {
        background: #f5f5f5;
    }

    .exit-modal-close:hover span::before,
    .exit-modal-close:hover span::after {
        background-color: #333;
    }
}