/* v3.11.25 — scroll capsule transition only. No theme layout is changed at page load. */
.public-site[data-premium-capsule-header="1"]:not([data-signature-reference="1"]) > header {
    transform-origin: top center;
    will-change: width, left, top, transform, border-radius, background-color, border-color, box-shadow;
    transition:
        width .44s cubic-bezier(.22,.72,.2,1),
        max-width .44s cubic-bezier(.22,.72,.2,1),
        left .44s cubic-bezier(.22,.72,.2,1),
        right .44s cubic-bezier(.22,.72,.2,1),
        top .44s cubic-bezier(.22,.72,.2,1),
        transform .44s cubic-bezier(.22,.72,.2,1),
        border-radius .44s cubic-bezier(.22,.72,.2,1),
        background-color .36s ease,
        border-color .36s ease,
        box-shadow .44s ease,
        backdrop-filter .36s ease,
        -webkit-backdrop-filter .36s ease !important;
}

/* Keep the capsule fluid on narrow phones without allowing horizontal overflow. */
@media (max-width: 639px) {
    .public-site[data-premium-capsule-header="1"]:not([data-signature-reference="1"]) > header.site-header-capsule {
        width: calc(100% - 12px) !important;
        border-radius: 22px !important;
        top: 6px !important;
    }
}

/* A configured header logo is allowed to grow, but its flex item may not push controls off-screen. */
.public-site header .site-logo-wrap,
.public-site header .safar-v3-header-brand,
.public-site header .rihla-v4-header-brand,
.public-site header .amin-site-brand {
    min-width: 0;
}

@media (max-width: 1023px) {
    .public-site header .site-logo-wrap,
    .public-site header .safar-v3-header-brand,
    .public-site header .rihla-v4-header-brand,
    .public-site header .amin-site-brand {
        max-width: calc(100vw - 108px);
    }

    .public-site img[data-logo-placement="header"] {
        max-width: 100% !important;
        object-fit: contain;
    }
}

@media (prefers-reduced-motion: reduce) {
    .public-site[data-premium-capsule-header="1"]:not([data-signature-reference="1"]) > header {
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
    }
}