/**
 * 카카오 애드핏 반응형 광고 스타일
 * 데스크톱: 728x90 광고 표시
 * 모바일: 320x100 광고 표시
 */

/* 광고 섹션 기본 스타일 */
.ad-section {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.ad-section .container {
    max-width: 100%;
    overflow: hidden;
}

/* 기본: 모든 광고 숨김 */
.kakao-ad-pc,
.kakao-ad-mobile {
    display: none !important;
    margin: 0 auto;
}

/* 데스크톱 (768px 이상): PC용 광고만 표시 */
@media (min-width: 768px) {
    .kakao-ad-pc {
        display: block !important;
        width: 728px;
        height: 90px;
        margin: 0 auto;
    }
    
    .kakao-ad-mobile {
        display: none !important;
    }
}

/* 모바일 (767px 이하): 모바일용 광고만 표시 */
@media (max-width: 767px) {
    .kakao-ad-pc {
        display: none !important;
    }
    
    .kakao-ad-mobile {
        display: block !important;
        width: 320px;
        height: 100px;
        margin: 0 auto;
        max-width: 100%;
    }
    
    /* 모바일에서 광고 섹션 패딩 조정 */
    .ad-section {
        padding: 20px 0 !important;
    }
    
    .ad-section .container {
        padding: 0 10px;
    }
}

/* 작은 모바일 화면 (320px 이하): 광고가 화면을 벗어나지 않도록 */
@media (max-width: 320px) {
    .kakao-ad-mobile {
        width: 100%;
        max-width: 320px;
    }
}