/* One panel outside the rotating slides; it stays still as the hero changes. */
.cgu-hero--facebook .cgu-hero__inner { padding-right: 420px; }
.cgu-facebook {
    position: absolute;
    top: 50%;
    right: max(1.5rem, calc((100% - 1152px) / 2));
    transform: translateY(-50%);
    z-index: 4;
    width: 360px;
    max-width: calc(100% - 3rem);
    background: #fff;
    border: 1px solid #e6e9ef;
    border-radius: 16px;
    box-shadow: 0 18px 50px rgba(6, 20, 39, .24);
    overflow: hidden;
}
.cgu-facebook__head { display: flex; align-items: center; justify-content: space-between; gap: .5rem; padding: .9rem .85rem; }
.cgu-facebook__eyebrow { display: inline-flex; align-items: center; gap: .35rem; font-size: .65rem; font-weight: 700; color: #176b3b; text-transform: uppercase; letter-spacing: .06em; }
.cgu-home .cgu-facebook__title { font-size: .95rem; font-weight: 700; color: #0b2545; margin: .2rem 0 0; line-height: 1.3; }
.cgu-facebook__close { display: grid; place-items: center; flex: none; width: 34px; height: 34px; border: 0; border-radius: 50%; background: #f3f5f9; color: #0b2545; cursor: pointer; }
.cgu-facebook__close:hover { background: #e7f5ec; color: #176b3b; }
.cgu-facebook__embed { margin: 0 9px; background: #f3f5f9; }
.cgu-facebook__embed iframe { display: block; width: 100%; height: clamp(240px, 48vh, 440px); border: 0; }
.cgu-facebook__link { display: flex; align-items: center; justify-content: center; gap: .45rem; padding: .85rem .5rem; font-size: .75rem; font-weight: 600; color: #176b3b; text-decoration: none; }
.cgu-facebook__link:hover { color: #0b2545; text-decoration: underline; }
.cgu-facebook__open { position: absolute; z-index: 4; top: 1rem; right: 1.5rem; display: inline-flex; align-items: center; gap: .4rem; border: 1px solid #e6e9ef; border-radius: 999px; padding: .6rem .85rem; background: #fff; color: #0b2545; font-size: .8rem; font-weight: 600; cursor: pointer; }
.cgu-facebook[hidden], .cgu-facebook__open[hidden], .cgu-facebook__close[hidden] { display: none; }
@media (max-width: 991px) {
    .cgu-hero--facebook { padding-bottom: 1.5rem; }
    .cgu-hero--facebook .cgu-hero__inner { padding-right: 1.5rem; }
    .cgu-facebook { position: relative; top: auto; right: auto; transform: none; margin: 0 auto; }
}