/* Standard English mega-menu panel styles: featured panel + action cards. Loaded by every English header page. */
.xg-mega-solutions .xg-mega-group,
.xg-mega-solutions .xg-mega-group + .xg-mega-group { margin: 0; }
.xg-mega-solutions .xg-mega-group h2 { color: #1772f6; font-size: 13px; font-weight: 500; letter-spacing: .6px; line-height: 1.5; margin: 0 0 16px; padding-bottom: 14px; }
.xg-solution-actions { display: grid; gap: 14px; align-content: start; }
.xg-solution-action { display: grid; grid-template-columns: 88px minmax(0,1fr); border: 1px solid #e0e7ef; border-radius: 5px; background: #f7f9fc; overflow: hidden; color: #142949; text-transform: none; }
.xg-solution-action img { width: 100%; height: 100%; min-height: 126px; object-fit: cover; }
.xg-solution-action > span { padding: 15px 14px; }
.xg-solution-action strong { display: block; font-size: 12px; line-height: 1.5; font-weight: 500; text-transform: uppercase; margin-bottom: 7px; }
.xg-solution-action strong b { color: #1772f6; font-weight: 400; }
.xg-solution-action span span { display: block; color: #52677f; font-size: 13px; line-height: 1.55; }
.xg-solution-action { transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease; }
/* Global a:hover/focus resets border:none; retain its geometry in every state. */
.xg-solution-action:hover,.xg-solution-action:focus,.xg-solution-action:active { border: 1px solid #98bde9; color: #1772f6; background: #f0f6fc; }
.xg-mega-products .xg-mega-group h2 { color: #1772f6; font-size: 13px; font-weight: 500; letter-spacing: .6px; }
.xg-product-actions { margin-top: 24px; padding: 18px 0 0; border: 0; border-top: 1px solid #e2eaf1; }
.xg-product-actions .xg-solution-action { grid-template-columns: 120px minmax(0,1fr); }
.xg-product-actions .xg-solution-action img { min-height: 94px; }
.xg-product-actions .xg-solution-action > span { padding: 11px 12px; }
.xg-product-actions .xg-solution-action strong { margin-bottom: 4px; }
@media (prefers-reduced-motion: reduce) {
 .xg-solution-action { transition: none; }
}
@media (min-width: 992px) {
 .xg-solution-action { grid-template-columns: 120px minmax(0,1fr); }
 .xg-mega-products .xg-products-columns,
 .xg-mega-solutions .xg-solutions-columns { height: 350px; align-content: start; }
 .xg-mega-products { padding: 12px 0 0; border: 0; background: transparent; box-shadow: none; overflow: visible; max-height: none; }
 .xg-mega-products .xg-products-columns { align-items: start; gap: 30px; padding: 28px 30px; background: #fff; border: 1px solid #dce4ed; border-radius: 12px; box-shadow: 0 10px 26px rgba(15,36,62,.12); max-height: calc(100dvh - 280px); overflow-y: auto; }
 .xg-mega-products .xg-mega-link { font-size: 15px; }
 .xg-mega-products .xg-products-columns { grid-template-columns: 1.15fr 1fr 1fr 1fr; column-gap: 26px; row-gap: 22px; }
 .xg-mega-products .xg-mega-group { margin: 0; }
 .xg-mega-products .xg-mega-group:nth-child(-n+2) { grid-row: span 2; }
 .xg-mega-products .xg-product-actions { grid-column: 3 / 5; margin-top: 0; border-left: 0; padding-left: 0; grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (min-width: 992px) {
 /* Transparent padding bridges the visual gap without changing JS triggers. */
 .xg-mega-solutions { padding: 12px 0 0; border: 0; background: transparent; box-shadow: none; overflow: visible; max-height: none; }
 .xg-mega-solutions .xg-solutions-columns { grid-template-columns: 1fr 1fr .95fr; align-items: start; gap: 30px; padding: 28px 30px; background: #fff; border: 1px solid #dce4ed; border-radius: 12px; box-shadow: 0 10px 26px rgba(15,36,62,.12); max-height: calc(100dvh - 280px); overflow-y: auto; }
 .xg-mega-solutions .xg-mega-link { padding-top: 11px; padding-bottom: 11px; font-size: 15px; }
 .xg-solution-actions { border-left: 1px solid #e2eaf1; padding-left: 24px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
 .xg-mega-products .xg-products-columns,
 .xg-mega-solutions .xg-solutions-columns { height: 520px; }
 .xg-mega-products .xg-products-columns { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .xg-mega-products .xg-mega-group:nth-child(-n+2) { grid-row: auto; }
 .xg-mega-products .xg-product-actions { grid-column: 1 / -1; }
 .xg-mega-solutions .xg-solutions-columns { grid-template-columns: 1fr 1fr; gap: 24px 32px; padding: 24px; }
 .xg-solution-actions { grid-column: 1 / -1; grid-template-columns: 1fr 1fr; border-left: 0; border-top: 1px solid #e2eaf1; padding: 20px 0 0; }
 .xg-solution-action img { min-height: 106px; }
}
@media (max-width: 991px) {
 .xg-product-actions .xg-solution-action { grid-template-columns: 96px minmax(0,1fr); }
 .xg-mega-products .xg-mega-group { margin-bottom: 24px; }
 .xg-mega-products .xg-mega-group h2 { color: #6fb8ff; font-size: 12px; }
 .xg-product-actions { border-top-color: #283b4c; }
 .xg-mega-solutions .xg-mega-group { margin-bottom: 24px; }
 .xg-mega-solutions .xg-mega-group h2 { color: #6fb8ff; font-size: 12px; }
 .xg-solution-action { grid-template-columns: 96px minmax(0,1fr); background: #101f2c; border-color: #283b4c; color: #e1e8ee; }
 .xg-solution-action > span { padding: 12px; }
 .xg-solution-action span span { color: #b7c7d5; }
 .xg-solution-action:hover { background: #152b3e; color: #8ac4ff; }
}
