/* =====================================================================
   MR-MULTISERVICES — HEADER PUBLIC V9
   Objectif : logo gauche, menus centrés, date/heure + langue à droite,
   sous-menus au premier plan, barre animée droite -> gauche.
   À mettre dans /mms_header_public_v9.css ou à ajouter à la fin de /style.css.
   ===================================================================== */

html.translated-ltr body,
html.translated-rtl body {
    top: 0 !important;
}
.skiptranslate,
#google_translate_element,
.goog-te-banner-frame,
.goog-te-balloon-frame,
.goog-logo-link,
.goog-te-gadget {
    display: none !important;
}
iframe.skiptranslate {
    display: none !important;
}
body {
    position: static !important;
}

#mmsPublicNavbar.navbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 2147480000 !important;
    isolation: isolate;
    overflow: visible !important;
    background:
        linear-gradient(112deg,
            rgba(7,12,25,.98) 0%,
            rgba(30,64,175,.70) 16%,
            rgba(88,28,135,.68) 32%,
            rgba(127,29,29,.72) 49%,
            rgba(180,83,9,.68) 66%,
            rgba(6,78,59,.68) 82%,
            rgba(7,12,25,.98) 100%) !important;
    background-size: 360% 360% !important;
    animation: mmsHeaderGradientRTL 14s linear infinite !important;
    border-bottom: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: 0 18px 44px rgba(2,6,23,.32) !important;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}
#mmsPublicNavbar.navbar::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: .68;
    background:
        linear-gradient(270deg,
            transparent 0%,
            rgba(255,255,255,.13) 22%,
            rgba(250,204,21,.22) 37%,
            rgba(239,68,68,.16) 52%,
            rgba(56,189,248,.18) 68%,
            transparent 100%);
    background-size: 240% 100%;
    animation: mmsHeaderColorWaveRTL 7.5s linear infinite !important;
}
#mmsPublicNavbar.navbar::after {
    content: "";
    position: absolute;
    top: -72%;
    right: -18vw;
    width: 18vw;
    height: 240%;
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    background:
        linear-gradient(96deg,
            transparent 0%,
            rgba(255,255,255,.03) 24%,
            rgba(255,255,255,.88) 46%,
            rgba(250,204,21,.92) 52%,
            rgba(239,68,68,.40) 58%,
            transparent 78%);
    filter: drop-shadow(0 0 22px rgba(250,204,21,.62));
    transform: skewX(-23deg);
    animation: mmsHeaderLightningRTL 6.2s ease-in-out infinite !important;
}
#mmsPublicNavbar .nav-container,
#mmsPublicNavbar .nav-links,
#mmsPublicNavbar .nav-item {
    overflow: visible !important;
}
#mmsPublicNavbar > * {
    position: relative;
    z-index: 3;
}

@keyframes mmsHeaderGradientRTL {
    0% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
@keyframes mmsHeaderColorWaveRTL {
    0% { background-position: 140% 0; }
    100% { background-position: -90% 0; }
}
@keyframes mmsHeaderLightningRTL {
    0%, 56% { opacity: 0; transform: translateX(0) skewX(-23deg); }
    62% { opacity: 1; }
    76% { opacity: .68; }
    92%, 100% { opacity: 0; transform: translateX(-125vw) skewX(-23deg); }
}

#mmsPublicNavbar .nav-container {
    display: grid !important;
    grid-template-columns: clamp(104px, 10vw, 170px) minmax(0, 1fr) auto !important;
    grid-template-areas: "logo menu tools" !important;
    align-items: center !important;
    column-gap: clamp(.55rem, 1vw, 1.05rem) !important;
    row-gap: 0 !important;
    min-height: clamp(64px, 5.8vw, 78px) !important;
    padding: .46rem clamp(.7rem, 1.2vw, 1.35rem) !important;
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
}

#mmsPublicNavbar .nav-logo {
    grid-area: logo !important;
    justify-self: start !important;
    align-self: center !important;
    position: relative !important;
    isolation: isolate;
    z-index: 20 !important;
    min-width: 0 !important;
}
#mmsPublicNavbar .nav-logo img {
    display: block !important;
    width: auto !important;
    height: clamp(38px, 3.4vw, 54px) !important;
    max-width: clamp(94px, 9.4vw, 158px) !important;
    object-fit: contain !important;
    position: relative;
    z-index: 2;
    animation: mmsLogoSunImageV9 7s ease-in-out infinite !important;
}
#mmsPublicNavbar .nav-logo::before {
    content: "";
    position: absolute;
    inset: -20px -34px;
    border-radius: 999px;
    z-index: 0;
    pointer-events: none;
    opacity: 0;
    background: radial-gradient(circle at 50% 50%, rgba(255,255,255,.90) 0%, rgba(250,204,21,.55) 26%, rgba(249,115,22,.20) 55%, rgba(250,204,21,0) 73%);
    filter: blur(11px);
    transform: scale(.6);
    animation: mmsLogoSunHaloV9 7s ease-in-out infinite !important;
}
#mmsPublicNavbar .nav-logo::after {
    content: "";
    position: absolute;
    top: -26%;
    left: -42%;
    width: 42%;
    height: 152%;
    z-index: 3;
    pointer-events: none;
    opacity: 0;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.90), rgba(250,204,21,.55), transparent);
    transform: skewX(-22deg);
    animation: mmsLogoSunRayV9 7s ease-in-out infinite !important;
}
@keyframes mmsLogoSunHaloV9 {
    0%, 66%, 100% { opacity: 0; transform: scale(.62); }
    72% { opacity: 1; transform: scale(1.02); }
    84% { opacity: .72; transform: scale(1.28); }
    94% { opacity: 0; transform: scale(1.62); }
}
@keyframes mmsLogoSunRayV9 {
    0%, 67%, 100% { opacity: 0; transform: translateX(0) skewX(-22deg); }
    73% { opacity: .98; }
    86% { opacity: .58; }
    95% { opacity: 0; transform: translateX(430%) skewX(-22deg); }
}
@keyframes mmsLogoSunImageV9 {
    0%, 68%, 100% { filter: drop-shadow(0 0 0 rgba(250,204,21,0)); }
    77% { filter: drop-shadow(0 0 18px rgba(250,204,21,.95)) drop-shadow(0 0 42px rgba(255,255,255,.32)); }
    91% { filter: drop-shadow(0 0 10px rgba(250,204,21,.38)); }
}

#mmsPublicNavbar .nav-links {
    grid-area: menu !important;
    justify-self: center !important;
    align-self: center !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(.16rem, .28vw, .32rem) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    z-index: 30 !important;
}
#mmsPublicNavbar .nav-links > li {
    flex: 0 1 auto !important;
    min-width: 0 !important;
}
#mmsPublicNavbar .nav-links a,
#mmsPublicNavbar .flash-btn-nav {
    min-height: clamp(31px, 2.5vw, 38px) !important;
    max-height: 42px !important;
    padding: clamp(.34rem, .45vw, .50rem) clamp(.42rem, .62vw, .68rem) !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .32rem !important;
    white-space: nowrap !important;
    line-height: 1 !important;
    font-size: clamp(.56rem, .58vw, .76rem) !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    transform: translateZ(0);
}
#mmsPublicNavbar .nav-links a i,
#mmsPublicNavbar .flash-btn-nav i {
    font-size: .92em !important;
    flex: 0 0 auto !important;
}
#mmsPublicNavbar .nav-mini-pill {
    font-size: .50rem !important;
    padding: .12rem .30rem !important;
    min-height: 16px !important;
}
@media (max-width: 1780px) {
    #mmsPublicNavbar .nav-mini-pill { display: none !important; }
    #mmsPublicNavbar .nav-links a,
    #mmsPublicNavbar .flash-btn-nav { font-size: clamp(.52rem, .54vw, .70rem) !important; padding-inline: .48rem !important; }
}
@media (max-width: 1460px) {
    #mmsPublicNavbar .nav-links a,
    #mmsPublicNavbar .flash-btn-nav { font-size: .58rem !important; padding-inline: .38rem !important; gap: .22rem !important; }
}

#mmsPublicNavbar .mms-nav-right-tools {
    grid-area: tools !important;
    justify-self: end !important;
    align-self: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: .42rem !important;
    min-width: max-content !important;
    white-space: nowrap !important;
    direction: ltr !important;
    text-align: left !important;
    z-index: 2147480500 !important;
}
#mmsPublicNavbar .mms-public-clock {
    display: inline-flex !important;
    align-items: center !important;
    gap: .34rem !important;
    height: 34px !important;
    padding: 0 .70rem !important;
    border-radius: 999px !important;
    border: 1px solid rgba(250,204,21,.36) !important;
    background: rgba(2,6,23,.58) !important;
    color: #f8fafc !important;
    font-size: clamp(.58rem, .62vw, .76rem) !important;
    font-weight: 950 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 8px 18px rgba(0,0,0,.18) !important;
    backdrop-filter: blur(10px);
}
#mmsPublicNavbar .mms-public-clock i,
#mmsPublicNavbar .mms-public-clock-time {
    color: #facc15 !important;
}
#mmsPublicNavbar .mms-public-clock-time {
    font-variant-numeric: tabular-nums;
    letter-spacing: .03em;
}

#mmsPublicNavbar .mms-lang-mini {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    z-index: 2147480600 !important;
}
#mmsPublicNavbar .mms-lang-mini-btn {
    height: 34px !important;
    min-width: 76px !important;
    border: 1px solid rgba(250,204,21,.58) !important;
    border-radius: 999px !important;
    background: rgba(2,6,23,.78) !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .38rem !important;
    padding: 0 .66rem !important;
    cursor: pointer !important;
    font-size: .68rem !important;
    font-weight: 950 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 8px 18px rgba(0,0,0,.20) !important;
    backdrop-filter: blur(10px);
}
#mmsPublicNavbar .mms-lang-current-flag { font-size: 1rem !important; line-height: 1 !important; }
#mmsPublicNavbar .mms-lang-current-label { font-size: .66rem !important; line-height: 1 !important; }
#mmsPublicNavbar .mms-lang-mini-btn i { font-size: .55rem !important; opacity: .72; }
#mmsPublicNavbar .mms-lang-mini-menu {
    position: absolute !important;
    top: calc(100% + 10px) !important;
    right: 0 !important;
    width: 190px !important;
    padding: 7px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(226,232,240,.95) !important;
    background: rgba(255,255,255,.98) !important;
    box-shadow: 0 25px 60px rgba(2,6,23,.32) !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-6px) scale(.98);
    transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
    z-index: 2147480700 !important;
}
#mmsPublicNavbar .mms-lang-mini.open .mms-lang-mini-menu,
#mmsPublicNavbar .mms-lang-mini:hover .mms-lang-mini-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0) scale(1);
}
#mmsPublicNavbar .mms-lang-mini-menu button {
    width: 100% !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: transparent !important;
    color: #0f172a !important;
    display: grid !important;
    grid-template-columns: 26px 34px 1fr !important;
    align-items: center !important;
    gap: .35rem !important;
    padding: .48rem .55rem !important;
    cursor: pointer !important;
    text-align: left !important;
}
#mmsPublicNavbar .mms-lang-mini-menu button:hover,
#mmsPublicNavbar .mms-lang-mini-menu button.active {
    background: #0f172a !important;
    color: #fff !important;
}
#mmsPublicNavbar .mms-lang-mini-menu button span { font-size: 1rem; }
#mmsPublicNavbar .mms-lang-mini-menu button b { font-size: .68rem; font-weight: 950; }
#mmsPublicNavbar .mms-lang-mini-menu button small { font-size: .64rem; opacity: .72; font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

#mmsPublicNavbar .hamburger {
    display: none;
    grid-area: burger;
    justify-self: end !important;
    z-index: 2147480550 !important;
}

#mmsPublicNavbar .has-tooltip {
    position: relative !important;
    z-index: 100 !important;
}
#mmsPublicNavbar .has-tooltip:hover,
#mmsPublicNavbar .has-tooltip:focus-within,
#mmsPublicNavbar .has-tooltip.tooltip-open {
    z-index: 2147480400 !important;
}
#mmsPublicNavbar .tooltip-suivi,
#mmsPublicNavbar .nav-web-menu,
#mmsPublicNavbar .nav-habitat-menu,
#mmsPublicNavbar .nav-maintenance-menu,
#mmsPublicNavbar .nav-hebergement-menu,
#mmsPublicNavbar .nav-avis-menu,
#mmsPublicNavbar .nav-security-menu {
    z-index: 2147480450 !important;
    top: calc(100% + .74rem) !important;
    overflow: visible !important;
}

@media (max-width: 1180px) {
    #mmsPublicNavbar .nav-container {
        grid-template-columns: auto minmax(0, 1fr) auto !important;
        grid-template-areas: "logo tools burger" "menu menu menu" !important;
        row-gap: .45rem !important;
    }
    #mmsPublicNavbar .hamburger { display: inline-flex !important; }
    #mmsPublicNavbar .nav-links {
        position: absolute !important;
        top: calc(100% + .58rem) !important;
        left: .75rem !important;
        right: .75rem !important;
        width: auto !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: .55rem !important;
        padding: .75rem !important;
        border-radius: 22px !important;
        background: rgba(15,23,42,.97) !important;
        border: 1px solid rgba(148,163,184,.24) !important;
        box-shadow: 0 28px 80px rgba(2,6,23,.45) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translateY(-8px) scale(.985) !important;
        max-height: min(76vh, 680px) !important;
        overflow-y: auto !important;
        z-index: 2147480300 !important;
    }
    #mmsPublicNavbar .nav-links.active {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translateY(0) scale(1) !important;
    }
    #mmsPublicNavbar .nav-links a,
    #mmsPublicNavbar .flash-btn-nav {
        width: 100% !important;
        justify-content: flex-start !important;
        min-height: 48px !important;
        font-size: .92rem !important;
        padding: .78rem .9rem !important;
    }
    #mmsPublicNavbar .mms-public-clock-date,
    #mmsPublicNavbar .mms-public-clock-sep { display: none !important; }
}
@media (max-width: 620px) {
    #mmsPublicNavbar .nav-container { padding-inline: .56rem !important; }
    #mmsPublicNavbar .nav-logo img { max-width: 96px !important; height: 38px !important; }
    #mmsPublicNavbar .mms-public-clock { height: 30px !important; padding-inline: .48rem !important; font-size: .58rem !important; }
    #mmsPublicNavbar .mms-lang-mini-btn { height: 30px !important; min-width: 60px !important; padding-inline: .45rem !important; }
    #mmsPublicNavbar .mms-lang-current-label { display: none !important; }
    #mmsPublicNavbar .mms-lang-mini-menu { right: -4px !important; width: min(190px, 82vw) !important; }
    #mmsPublicNavbar .nav-links { grid-template-columns: 1fr !important; left: .55rem !important; right: .55rem !important; }
}
@media (max-width: 400px) {
    #mmsPublicNavbar .mms-public-clock { display: none !important; }
}
@media (prefers-reduced-motion: reduce) {
    #mmsPublicNavbar.navbar,
    #mmsPublicNavbar.navbar::before,
    #mmsPublicNavbar.navbar::after,
    #mmsPublicNavbar .nav-logo,
    #mmsPublicNavbar .nav-logo::before,
    #mmsPublicNavbar .nav-logo::after,
    #mmsPublicNavbar .nav-logo img {
        animation: none !important;
        transition-duration: .01ms !important;
    }
}
@media print {
    #mmsPublicNavbar .mms-nav-right-tools,
    #google_translate_element { display: none !important; }
}

/* =====================================================================
   MR-MULTISERVICES — V10 : fond vivant ordinateur + éclair plus visible
   ===================================================================== */
@media (min-width: 981px) {
    html {
        background: #020617 !important;
    }
    body.site-body {
        background:
            radial-gradient(circle at 16% 12%, rgba(220,38,38,.18), transparent 28%),
            radial-gradient(circle at 86% 16%, rgba(250,204,21,.11), transparent 26%),
            radial-gradient(circle at 54% 68%, rgba(37,99,235,.12), transparent 34%),
            linear-gradient(135deg, #020617 0%, #050505 44%, #120208 100%) !important;
        background-size: 180% 180%, 160% 160%, 190% 190%, 100% 100% !important;
        animation: mmsPublicLivingBackgroundV10 22s ease-in-out infinite alternate !important;
        overflow-x: hidden;
    }
    body.site-body::before {
        content: "";
        position: fixed;
        inset: 0;
        z-index: 0;
        pointer-events: none;
        opacity: .42;
        background:
            linear-gradient(115deg, transparent 0%, rgba(255,255,255,.035) 12%, transparent 26%),
            radial-gradient(circle at 20% 70%, rgba(239,68,68,.22), transparent 26%),
            radial-gradient(circle at 76% 78%, rgba(250,204,21,.13), transparent 24%),
            radial-gradient(circle at 50% 18%, rgba(56,189,248,.11), transparent 28%);
        background-size: 260% 100%, 170% 170%, 160% 160%, 180% 180%;
        animation: mmsPublicLivingLightV10 16s linear infinite;
    }
    body.site-body::after {
        content: "";
        position: fixed;
        inset: 0;
        z-index: 0;
        pointer-events: none;
        opacity: .24;
        background-image:
            radial-gradient(circle, rgba(255,255,255,.24) 0 1px, transparent 1.7px),
            radial-gradient(circle, rgba(250,204,21,.22) 0 1px, transparent 1.9px);
        background-size: 92px 92px, 134px 134px;
        background-position: 0 0, 38px 58px;
        animation: mmsPublicParticlesV10 34s linear infinite;
        mask-image: linear-gradient(to bottom, rgba(0,0,0,.90), rgba(0,0,0,.34) 42%, rgba(0,0,0,.16));
        -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,.90), rgba(0,0,0,.34) 42%, rgba(0,0,0,.16));
    }
    body.site-body > * {
        position: relative;
        z-index: 1;
    }
}

@keyframes mmsPublicLivingBackgroundV10 {
    0%   { background-position: 0% 20%, 100% 0%, 55% 100%, 0 0; }
    50%  { background-position: 80% 42%, 45% 28%, 20% 60%, 0 0; }
    100% { background-position: 100% 85%, 0% 90%, 88% 12%, 0 0; }
}
@keyframes mmsPublicLivingLightV10 {
    0%   { background-position: 140% 0, 0% 70%, 100% 80%, 40% 0%; }
    100% { background-position: -140% 0, 75% 40%, 20% 10%, 80% 60%; }
}
@keyframes mmsPublicParticlesV10 {
    0% { background-position: 0 0, 38px 58px; }
    100% { background-position: -180px 120px, -96px 202px; }
}

/* Barre : dégradé vivant + éclair de droite vers gauche plus visible */
#mmsPublicNavbar.navbar {
    overflow: visible !important;
    background:
        linear-gradient(270deg,
            rgba(7,12,25,.98),
            rgba(127,29,29,.88),
            rgba(194,65,12,.82),
            rgba(250,204,21,.46),
            rgba(29,78,216,.80),
            rgba(88,28,135,.82),
            rgba(7,12,25,.98)) !important;
    background-size: 420% 420% !important;
    animation: mmsHeaderDeepGradientV10 10s linear infinite !important;
}
#mmsPublicNavbar.navbar::before {
    opacity: .88 !important;
    background:
        linear-gradient(270deg,
            transparent 0%,
            rgba(255,255,255,.08) 15%,
            rgba(56,189,248,.22) 30%,
            rgba(250,204,21,.28) 46%,
            rgba(239,68,68,.22) 62%,
            transparent 82%) !important;
    background-size: 300% 100% !important;
    animation: mmsHeaderSoftWaveV10 5.8s linear infinite !important;
}
#mmsPublicNavbar.navbar::after {
    top: -90% !important;
    right: -22vw !important;
    width: 24vw !important;
    height: 290% !important;
    z-index: 2 !important;
    opacity: 0;
    background:
        linear-gradient(96deg,
            transparent 0%,
            rgba(255,255,255,.02) 18%,
            rgba(255,255,255,.96) 42%,
            rgba(255,245,157,.98) 49%,
            rgba(250,204,21,.90) 54%,
            rgba(59,130,246,.46) 63%,
            transparent 78%) !important;
    filter:
        drop-shadow(0 0 18px rgba(255,255,255,.78))
        drop-shadow(0 0 36px rgba(250,204,21,.86))
        drop-shadow(0 0 50px rgba(59,130,246,.34)) !important;
    mix-blend-mode: screen;
    transform: translateX(0) skewX(-24deg) !important;
    animation: mmsHeaderBrightLightningV10 4.9s cubic-bezier(.25,.8,.2,1) infinite !important;
}
#mmsPublicNavbar .nav-container { z-index: 5 !important; }

@keyframes mmsHeaderDeepGradientV10 {
    0% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
@keyframes mmsHeaderSoftWaveV10 {
    0% { background-position: 160% 0; }
    100% { background-position: -130% 0; }
}
@keyframes mmsHeaderBrightLightningV10 {
    0%, 48% { opacity: 0; transform: translateX(0) skewX(-24deg) !important; }
    53% { opacity: .95; }
    59% { opacity: .38; }
    63% { opacity: 1; }
    79% { opacity: .22; }
    92%, 100% { opacity: 0; transform: translateX(-132vw) skewX(-24deg) !important; }
}

/* Les sous-menus passent au-dessus de toute la page */
#mmsPublicNavbar,
#mmsPublicNavbar .nav-container,
#mmsPublicNavbar .nav-links,
#mmsPublicNavbar .nav-item,
#mmsPublicNavbar .has-tooltip {
    overflow: visible !important;
}
#mmsPublicNavbar .has-tooltip:hover,
#mmsPublicNavbar .has-tooltip:focus-within,
#mmsPublicNavbar .has-tooltip.tooltip-open {
    z-index: 2147483000 !important;
}
#mmsPublicNavbar .tooltip-suivi {
    z-index: 2147483200 !important;
    position: absolute !important;
}

/* Mobile : garder propre, centré, sans fond lourd */
@media (max-width: 980px) {
    body.site-body {
        background: #050505 !important;
        overflow-x: hidden;
    }
    #mmsPublicNavbar .nav-container {
        row-gap: .38rem !important;
    }
    #mmsPublicNavbar .nav-links a,
    #mmsPublicNavbar .flash-btn-nav {
        justify-content: center !important;
        text-align: center !important;
    }
    .live-info-bar,
    .promo-scroll-container,
    .hero-mini,
    .hero-content,
    .info-highlight-section,
    .performance-showcase,
    .depannage-section,
    .hosting-showcase,
    .final-cta-section {
        text-align: center !important;
    }
    .live-info-bar {
        justify-content: center !important;
        gap: .45rem !important;
        flex-wrap: wrap !important;
    }
    .hero-mini .cta-main-wrapper,
    .performance-actions,
    .hosting-actions,
    .final-contact-actions {
        justify-content: center !important;
        align-items: center !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.site-body,
    body.site-body::before,
    body.site-body::after,
    #mmsPublicNavbar.navbar,
    #mmsPublicNavbar.navbar::before,
    #mmsPublicNavbar.navbar::after {
        animation: none !important;
    }
}