/**
 * 최근 본 상품 (Recently Viewed Products) 스타일
 * 기존 deal-card 및 special-deals-container 스타일 사용
 * 이 파일은 추가적인 섹션 스타일만 포함
 *
 * @version 2.0.0
 */

/* ========================================
   홈페이지 섹션 마진 조정
   ======================================== */
.recently-viewed-home-section {
    margin-bottom: 24px;
}

/* 카드 내용 여백 균등 */
/* 특정성을 높여 toss-style.css의 .notion-section 규칙 오버라이드 */
.notion-section.recently-viewed-home-section .deal-card-info {
    padding: 2px !important;
}

@media (max-width: 767px) {
    .recently-viewed-home-section {
        margin-bottom: 16px;
    }
}

/* ========================================
   상품 상세 페이지 섹션 반응형
   ======================================== */
@media (max-width: 1024px) {
    #recently-viewed-section .section-inner {
        padding: 0 24px !important;
    }
}

@media (max-width: 767px) {
    #recently-viewed-section {
        padding: 12px 0 !important;
    }

    #recently-viewed-section .section-inner {
        padding: 0 16px !important;
    }

    #recently-viewed-section .notion-section-title {
        font-size: 16px;
    }

    /* 모바일 최근 본 상품 섹션 (상품 상세 페이지) */
    /* padding-top 제거 - 구분선의 margin-bottom이 간격 담당 */
    #recently-viewed-section-mobile {
        padding-top: 0 !important;
    }

    #recently-viewed-section-mobile .notion-section-title {
        font-size: 16px;
    }
}