/* 패러다임 상세 섹션 수정 - 박스와 모든 헤더 텍스트 완전 제거 */

/* Paradigm Detail Section - 박스 완전 제거 */
.paradigm-detail-section {
    margin-top: 60px;
    display: none;
    animation: fadeInUp 0.5s ease;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

/* 선택된 카드가 있을 때 표시 */
.paradigm-grid.has-active ~ .paradigm-detail-section {
    display: block;
}

/* 모든 가능한 헤더와 제목 요소 숨기기 */
.paradigm-detail-section > h2,
.paradigm-detail-section > h3,
.paradigm-detail-section > h4,
.paradigm-detail-section > .section-title,
.paradigm-detail-section > .detail-title,
.paradigm-detail-section > .detail-heading,
.paradigm-detail-section > .header-text,
.paradigm-detail-section > .section-header,
.paradigm-detail-section > [class*="title"],
.paradigm-detail-section > [class*="header"],
.paradigm-detail-section > [class*="heading"],
.paradigm-detail-section > p:first-child,
.paradigm-detail-section > div:first-child:not(.feature-cards-grid) {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
}

/* detail-content가 있다면 완전 제거 */
.detail-content {
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    border: none !important;
}

/* detail-content 내부의 제목 요소도 숨기기 */
.detail-content > h2,
.detail-content > h3,
.detail-content > h4,
.detail-content > .section-title,
.detail-content > .detail-title,
.detail-content > .detail-heading,
.detail-content > .header-text,
.detail-content > .section-header,
.detail-content > [class*="title"]:not(.detail-title),
.detail-content > [class*="header"],
.detail-content > [class*="heading"],
.detail-content > p:first-child,
.detail-content > div:first-child:not(.feature-cards-grid) {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
}

/* 제목 박스가 있다면 숨기기 */
.detail-header,
.detail-title-box,
.detail-section-title,
.paradigm-detail-header,
.paradigm-detail-title {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
}

/* ::before와 ::after 의사 요소로 추가된 텍스트 제거 */
.paradigm-detail-section::before,
.paradigm-detail-section::after,
.detail-content::before,
.detail-content::after,
.feature-cards-grid::before,
.feature-cards-grid::after {
    content: none !important;
    display: none !important;
}

/* 카드 그리드 레이아웃 - 카드만 표시 (크기 축소) */
.feature-cards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;  /* 간격 축소 40px -> 20px */
    max-width: 1200px;  /* 최대 너비 축소 1400px -> 1200px */
    margin: 0 auto;
    padding: 0;
    background: transparent !important;
}

/* feature-cards-grid 내부의 첫 번째 요소가 텍스트라면 숨기기 */
.feature-cards-grid > h2,
.feature-cards-grid > h3,
.feature-cards-grid > h4,
.feature-cards-grid > p,
.feature-cards-grid > .section-title,
.feature-cards-grid > .detail-header,
.feature-cards-grid > [class*="title"]:not(.detail-title),
.feature-cards-grid > [class*="header"]:not(.feature-detail-card) {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 개별 카드 스타일 유지 (크기 축소) */
.feature-detail-card {
    padding: 25px !important;  /* 패딩 대폭 축소 45px -> 25px, important로 우선순위 강제 */
    position: relative;
    transition: all 0.3s;
    background: white;
    border-radius: 15px;  /* 둥글기 축소 */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.feature-detail-card:hover {
    transform: translateY(-3px);  /* 호버 효과 축소 */
    box-shadow: 0 10px 25px rgba(0, 86, 179, 0.12);
}

/* 카드 내부의 detail-title은 유지 (카드 제목) - 크기 축소 */
.feature-detail-card .detail-title {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    opacity: 1 !important;
    font-size: 1.1rem !important;  /* 크기 축소 */
    margin-bottom: 10px !important;
}

/* 카드 내부 아이콘 크기 축소 */
.feature-detail-card .detail-icon {
    width: 50px !important;
    height: 50px !important;
    font-size: 1.25rem !important;
    margin-bottom: 15px !important;
    border-radius: 12px !important;
    box-shadow: 0 5px 15px rgba(0, 86, 179, 0.2) !important;
}

/* PNG 아이콘용 스타일 */
.feature-detail-card .detail-icon.detail-icon-svg {
    background: white !important;
    border: 2px solid #3b82f6 !important;
    padding: 5px !important;
}

.feature-detail-card .detail-icon-svg img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    filter: none !important;
}

.feature-detail-card .detail-icon-svg svg {
    width: 100% !important;
    height: 100% !important;
    color: #3b82f6 !important;
    fill: #3b82f6 !important;
}

/* 카드 내부 설명 텍스트 크기 축소 */
.feature-detail-card .detail-desc {
    font-size: 0.9rem !important;
    line-height: 1.5 !important;
    margin-bottom: 15px !important;
}

/* 카드 내부 리스트 크기 축소 */
.feature-detail-card .detail-features li {
    padding: 8px 0 !important;
    font-size: 0.85rem !important;
    gap: 10px !important;
}

.feature-detail-card .detail-features li i {
    font-size: 0.9rem !important;
    width: 18px !important;
}

/* 반응형 디자인 */
@media (max-width: 1200px) {
    .feature-cards-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .paradigm-detail-section {
        padding: 0 !important;
    }
}

@media (max-width: 768px) {
    .paradigm-detail-section {
        margin-top: 40px;
        padding: 0 !important;
    }
    
    .feature-detail-card {
        padding: 20px !important;  /* 모바일에서도 축소 35px -> 20px */
    }
}