/* Background takeover only in gutters: no modifications to central layout. */
.gxa-takeover {position:fixed;inset:0;z-index:5;pointer-events:none;isolation:isolate;}
.gxa-takeover__side {position:fixed;display:none;box-sizing:border-box;overflow:hidden;pointer-events:auto;z-index:1;isolation:isolate;background:transparent;cursor:pointer;text-decoration:none!important;}
.gxa-takeover__image {display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;object-position:center center;animation:none;opacity:1;transform:translateZ(0);}
/* Opt-in synchronized animation: a single shared ancestor keeps the left and right in phase. */
.gxa-takeover--fade-enabled .gxa-takeover__image {opacity:var(--gxa-takeover-fade-low, .1)}
.gxa-takeover--fade-enabled.gxa-takeover--animating .gxa-takeover__image {animation:gxa-takeover-softfade var(--gxa-takeover-period, 9s) ease-in-out 0s infinite both;will-change:opacity}
/* Static mode is truly stable, also when campaigns rotate. */
.gxa-takeover--static .gxa-takeover__image {animation:none!important;opacity:1!important;transition:none!important}
.gxa-takeover__side::after{content:"";position:absolute;inset:0;z-index:1;background:#000;opacity:var(--gxa-takeover-tint, 0);pointer-events:none}
.gxa-takeover__side--broken {display:none!important;}
.gxa-takeover__disclosure {position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:2;background:rgba(0,0,0,.78);color:#fff;border:1px solid rgba(255,255,255,.26);border-radius:5px;padding:5px 9px;white-space:nowrap;max-width:calc(100% - 16px);font:700 10px/1.3 system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:1px;text-align:center;pointer-events:none;}
/* Pause BOTH animations together whenever either banner is hovered or focused.
 * Do not override opacity: that would make a sudden, unsynchronized jump. */
.gxa-takeover:hover .gxa-takeover__image,.gxa-takeover:focus-within .gxa-takeover__image {animation-play-state:paused!important;}
.gxa-takeover__side:focus-visible {outline:3px solid #854ed7;outline-offset:-4px;}
@keyframes gxa-takeover-softfade {0%,100% {opacity:var(--gxa-takeover-fade-low, .1)} 50% {opacity:1}}
@media(max-width:1439px) {.gxa-takeover {display:none!important}}
@media(prefers-reduced-motion:reduce) {.gxa-takeover__image {animation:none!important;opacity:1!important;transition:none!important}}
@media print {.gxa-takeover {display:none!important}}