/* ... (Previous CSS) ... */

/* Detail Section */
.so-detail-sec { padding: 80px 0; background: #fff; }
.detail-wrapper { display: flex; align-items: center; justify-content: space-between; gap: 60px; margin-bottom: 100px; }
.detail-wrapper:last-child { margin-bottom: 0; }
.detail-wrapper.reverse { flex-direction: row-reverse; }

.detail-txt { flex: 1; }
.detail-txt h3 { font-size: 32px; margin-bottom: 20px; color: #333; font-weight: 600; }
.detail-txt p { font-size: 16px; color: #666; line-height: 1.8; margin-bottom: 30px; }

.detail-img {
    flex: 1;
    height: 400px;
    background: #f9f9f9;
    border-radius: 20px;
    display: flex; align-items: center; justify-content: center;
    font-size: 100px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
    transition: transform 0.3s;
}
.detail-wrapper:hover .detail-img { transform: scale(1.02); }

.detail-tag {
    color: var(--so-orange);
    font-weight: bold;
    margin-bottom: 15px;
    display: block;
    letter-spacing: 1px;
    font-size: 14px;
    text-transform: uppercase;
}