.dt-mega-header { position: relative; z-index: 20; background: #fff; color: #111; border-bottom: 1px solid #ddd; font: 15px/1.5 "Trebuchet MS", sans-serif; }
.dt-mega-header * { box-sizing: border-box; }
.dt-mega-inner { width: min(1200px, 90%); margin: auto; min-height: 94px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.dt-mega-logo { flex-shrink: 0; max-width: 100%; }
.dt-mega-logo img { display: block; width: min(310px, 100%); height: auto; }
.dt-mega-nav { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.dt-mega-group summary { cursor: pointer; list-style: none; padding: 12px; font-weight: 700; white-space: nowrap; }
.dt-mega-group summary::-webkit-details-marker { display: none; }
.dt-mega-group summary::after { content: "▾"; margin-left: 7px; }
.dt-mega-group[open] summary { background: #f1f1f1; }
.dt-mega-group[open] summary::after { content: "▴"; }
.dt-mega-panel { position: absolute; top: calc(100% + 6px); right: 0; width: min(560px, 90vw); padding: 24px; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; background: #fff; border: 1px solid #ddd; box-shadow: 0 12px 30px #0002; }
.dt-mega-panel ul { list-style: none; margin: 0; padding: 0; }
.dt-mega-panel li { margin: 0; }
.dt-mega-panel .dt-mega-label { margin: 0 0 8px; color: #555; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.dt-mega-header a { text-decoration: none; color: #111; }
.dt-mega-panel a { display: block; padding: 7px 0; }
.dt-mega-panel a:hover, .dt-mega-panel a[aria-current="page"] { text-decoration: underline; text-underline-offset: .2em; }
.dt-mega-header .dt-mega-contact { display: inline-block; padding: 12px 16px; background: #111; color: #fff; font-weight: 700; white-space: nowrap; }
.dt-mega-header :focus-visible { outline: 2px solid #333; outline-offset: 3px; }
@media (max-width: 900px) {
    .dt-mega-inner { align-items: flex-start; flex-direction: column; padding: 16px 0; gap: 10px; }
    .dt-mega-nav { width: 100%; }
    .dt-mega-panel { left: 0; right: auto; width: min(560px, 100%); }
}
@media (max-width: 480px) {
    .dt-mega-group summary, .dt-mega-header .dt-mega-contact { padding: 9px; font-size: 13px; }
    .dt-mega-panel { padding: 16px; gap: 12px; }
}