/* Mega menu panels and promo card. Source: .mega* and .promo in app/globals.css. */

.mega { position: absolute; left: 0; right: 0; top: 100%; background: var(--white); border-bottom: 1.5px solid var(--ink); box-shadow: 0 18px 40px rgba(26,24,20,0.14); z-index: 50; }
.mega-in { max-width: var(--cc-content-width, 1300px); margin: 0 auto; padding: 28px 16px 32px; display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 28px; }
.mega-col { display: flex; flex-direction: column; gap: 10px; }
.mega-col .eyebrow { padding-bottom: 6px; border-bottom: 1px solid var(--line); }
.mega-col a { font-size: 14px; color: var(--ink); display: flex; justify-content: space-between; gap: 12px; }
.mega-col a:hover { color: var(--orange2); }
.mega-col a .c { color: var(--line2); font-size: 12.5px; }
.promo { background: var(--paper); border: 1.5px solid var(--ink); border-radius: 10px; padding: 18px; display: flex; flex-direction: column; gap: 8px; }

/* Former inline styles in MegaMenu. */
.promo-title { font-size: 30px; line-height: 1.05; }
.promo-meta { font-size: 13.5px; color: var(--ink2); }
.promo-link { margin-top: 6px; font-size: 13px; font-weight: 700; }