/* Mega Menu Styles */
#gnb_1dul { display: flex; align-items: center; }
.gnb_1dli { position: static; } /* GNB wraps whole width */
.gnb_mega {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%; /* Full width */
    background: var(--bg-content, #ffffff);
    border-top: 1px solid var(--border-color, #ece7e2);
    box-shadow: 0 10px 20px rgba(0,0,0,0.05);
    z-index: 1000;
    padding: 40px 0;
    text-align: left;
}
/* .gnb_1dli:hover .gnb_mega { display: flex; } */

.mega_inner { display: flex; max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.mega_left { width: 300px; border-right: 1px solid var(--border-color, #ece7e2); padding-right: 40px; }
.mega_right { flex: 1; padding-left: 40px; display: flex; flex-wrap: wrap; }

.mega_left h3 { font-size: 28px; font-weight: 700; margin-bottom: 20px; color: var(--text-primary, #222222); }
.mega_left p { font-size: 15px; color: var(--text-secondary, #4b5563); line-height: 1.6; margin-bottom: 30px; }
.btn_mega_cta { display: inline-block; padding: 12px 30px; background: var(--primary-color, #ff7f60); color: #fff; text-decoration: none; border-radius: 4px; font-weight: 600; transition: background 0.2s; }
.btn_mega_cta:hover { background: var(--primary-hover, #ff6a4a); }

.mega_col { width: 33.33%; margin-bottom: 30px; padding-right: 20px; }
.mega_col a { text-decoration: none; display: block; }
.mega_col h4 { font-size: 17px; font-weight: 600; margin-bottom: 8px; color: var(--text-secondary, #4b5563); transition: color 0.2s; }
.mega_col a:hover h4 { color: var(--primary-color, #ff7f60); }
.mega_col p { font-size: 14px; color: var(--text-tertiary, #8a8a8a); line-height: 1.4; }

/* Dark mode fallback/override (global) */
[data-theme='dark'] .gnb_mega {
    background: var(--bg-content, #1f2126) !important;
    border-top-color: var(--border-color, #343a46);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.55);
}

[data-theme='dark'] .mega_left {
    border-right-color: var(--border-color, #343a46);
}

[data-theme='dark'] .mega_left h3 {
    color: var(--text-primary, #f2f4f8);
}

[data-theme='dark'] .mega_left p {
    color: var(--text-secondary, #b8bec9);
}

[data-theme='dark'] .mega_col h4 {
    color: var(--text-secondary, #b8bec9) !important;
}

[data-theme='dark'] .mega_col p {
    color: var(--text-tertiary, #8f97a5);
}

[data-theme='dark'] .mega_3d a {
    color: var(--text-secondary, #b8bec9);
}

[data-theme='dark'] .mega_col a:hover h4,
[data-theme='dark'] .mega_3d a:hover {
    color: var(--primary-color, #ff7f60) !important;
}