/* Shared desktop and mobile master layout. */
body.aerosol-site {
    --footer-height: 56px;
    margin: 0;
    padding: 0;
    background: #f5f5fa;
    color: #28283c;
    font-family: Arial, Helvetica, sans-serif;
}
.aerosol-shell { box-sizing: border-box; min-height: 100vh; min-height: 100dvh; padding-bottom: var(--footer-height); display: flex; flex-direction: column; }
.aerosol-site .navbar {
    position: relative;
    inset: auto;
    flex: none;
    min-height: 80px;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: #292462;
}
.aerosol-site .navbar > .container { width: 100%; max-width: 1274px; padding: 0 18px; }
@media (min-width:768px) {
    .aerosol-site .desktop-navbar > .container { display:flex; align-items:center; }
    .aerosol-site .desktop-navbar .navbar-header { flex:none; }
    .aerosol-site .desktop-navbar .navbar-collapse { display:flex !important; align-items:center; justify-content:flex-end; flex:1; padding-right:0; }
    .aerosol-site .desktop-navbar .navbar-collapse::before,
    .aerosol-site .desktop-navbar .navbar-collapse::after { display:none; }
    .aerosol-site .desktop-navbar .portal-menu,
    .aerosol-site .desktop-navbar .navbar-right { float:none !important; flex:none; margin:0; }
}
.aerosol-site .navbar-brand {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 244px;
    height: 62px;
    margin: 9px 24px 9px 0;
    padding: 8px 20px;
    border-radius: 40px;
    background: white;
}
.aerosol-site .navbar-brand::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    left: calc(-1 * max(0px, (100vw - 1274px) / 2));
    right: 0;
    height: 100%;
    background: white;
    border-radius: 40px;
    pointer-events: none;
}
.aerosol-site .navbar > .container .navbar-brand { margin-left: 0; }
.aerosol-site .navbar-inverse .navbar-brand:hover,
.aerosol-site .navbar-inverse .navbar-brand:focus { background-color: white; }
.aerosol-site .navbar-brand img { position: relative; z-index: 1; width: 134px; height: 46px; object-fit: contain; }
.aerosol-site .navbar-nav > li > a { color: white; padding-top: 30px; padding-bottom: 30px; }
.aerosol-site .navbar-nav > li > a:hover,
.aerosol-site .navbar-nav > li.current-nav > a { color: #a0cf52; }
.aerosol-site .navbar-toggle { margin-top: 22px; border-color: #fff; }
.aerosol-site .portal-menu > li > button { display:block; padding:28px 16px; border:0; background:transparent; color:#fff; font:700 20px/24px Arial,Helvetica,sans-serif; cursor:default; }
.aerosol-site .portal-menu > li > a.portal-contact-link { padding:28px 16px; font:700 20px/24px Arial,Helvetica,sans-serif; }
@media(max-width:1199px) { .aerosol-site .portal-menu > li > a.portal-contact-link { font-size:17px; padding-left:10px; padding-right:10px; } }
@media(max-width:767px) {
    .aerosol-site .navbar-collapse .portal-menu { width:100%; text-align:left; }
    .aerosol-site .navbar-collapse .portal-menu > li { display:block; float:none; width:100%; text-align:left; }
    .aerosol-site .navbar-collapse .portal-menu > li > a.portal-contact-link,
    .aerosol-site .navbar-collapse .portal-menu > li > button { display:block; box-sizing:border-box; width:100%; text-align:left !important; padding:14px 16px; }
}
.aerosol-site .portal-menu > li > a.portal-menu-link { display:block; padding:28px 16px; font:700 20px/24px Arial,Helvetica,sans-serif; }
@media(max-width:1199px) { .aerosol-site .portal-menu > li > a.portal-menu-link { font-size:17px; padding-left:10px; padding-right:10px; } }
@media(max-width:767px) { .aerosol-site .portal-menu > li > a.portal-menu-link { width:100%; text-align:left; padding:14px 16px; } }
@media(max-width:1199px) { .aerosol-site .portal-menu > li > button { font-size:17px; padding-left:10px; padding-right:10px; } }
@media(max-width:767px) { .aerosol-site .portal-menu > li > button { width:100%; text-align:left; padding:14px 16px; } }
.aerosol-site .gold-ribbon { display: none; }
.aerosol-site #reactDropdown:empty,
.aerosol-site .react-dropdown-container:empty { margin-top: 0; padding: 0; height: 0; }
.aerosol-site .aerosol-content { width: 100%; max-width: 1274px; margin: 0 auto; padding: 0; flex: 1; }
.aerosol-site #loginPage { min-height: calc(100vh - 136px); padding: 18px clamp(16px, 8.5vw, 109px) 44px; }
.aerosol-site #loginPage .form-field { max-width: 100%; }
.aerosol-site #loginPage .checkbox-container { max-width: none; }
.aerosol-footer { position: fixed; bottom: 0; left: 0; right: 0; z-index: 100; height: var(--footer-height); background: #a0cf52; color: #28283c; font-size: 16px; }
.aerosol-footer-inner { box-sizing: border-box; max-width: 1274px; height: 100%; margin: 0 auto; padding: 12px 18px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.aerosol-footer p { margin: 0; }
.aerosol-footer a { color: inherit; flex: none; }
.aerosol-footer img { display: block; width: 28px; height: 28px; }
.aerosol-footer .privacy-label { text-decoration: underline; }
.aerosol-site a:focus-visible, .aerosol-site button:focus-visible { outline: 2px solid #a0cf52; outline-offset: 4px; }
.language-flag { display: inline-block; position: relative; width: 28px; height: 21px; vertical-align: middle; }
.aerosol-site .navbar-messages { display:none !important; }
.language-picker { position:relative; margin:24px 16px 0 8px; }
.language-picker summary { display:flex; align-items:center; gap:16px; cursor:pointer; list-style:none; min-height:32px; }
.language-picker summary::-webkit-details-marker { display:none; }
.language-chevron { width:13px; height:13px; border-right:3px solid #eee; border-bottom:3px solid #eee; transform:rotate(45deg); margin-top:-6px; }
.language-options { position:absolute; top:calc(100% + 12px); right:0; min-width:150px; padding:8px; background:white; border-radius:8px; box-shadow:0 4px 16px #0003; z-index:1100; }
.language-options a { display:flex; align-items:center; gap:12px; color:#292462; padding:10px; text-decoration:none; }
.language-options a:hover { background:#f3f6ed; }
.aerosol-site .navbar-nav > li > a.account-circle { display:flex; align-items:center; justify-content:center; width:42px; height:42px; padding:3px; margin:19px 6px; border-radius:50%; background:#a0cf52; }
.aerosol-site .account-circle svg { width:36px; height:36px; }
.aerosol-site .navbar-nav > li > a.account-circle:hover { background:#8cbb3e; }
@media(max-width:767px) { .language-picker { margin:0 10px 0 0; } .aerosol-site .navbar-nav > li > a.account-circle { width:36px; height:36px; margin:8px 4px; } }
.flag-cs { background: linear-gradient(#fff 50%, #d7141a 50%); }
.flag-cs::before { content: ""; position: absolute; inset: 0; background: #11457e; clip-path: polygon(0 0, 55% 50%, 0 100%); }
.flag-en { background: linear-gradient(90deg, transparent 40%, #c8102e 40%, #c8102e 60%, transparent 60%), linear-gradient(transparent 36%, #c8102e 36%, #c8102e 64%, transparent 64%), linear-gradient(90deg, transparent 32%, white 32%, white 68%, transparent 68%), linear-gradient(transparent 26%, white 26%, white 74%, transparent 74%), linear-gradient(35deg, transparent 44%, white 44%, white 56%, transparent 56%), linear-gradient(-35deg, #012169 44%, white 44%, white 56%, #012169 56%); }
@media (max-width: 1199px) {
    .aerosol-site .navbar-brand { width: 180px; margin-right: 12px; }
    .aerosol-site .navbar-nav > li > a { padding-left: 10px; padding-right: 10px; }
}
@media (max-width: 767px) {
    body.aerosol-site { --footer-height: 88px; }
    .aerosol-site .navbar > .container { padding: 0 16px; }
    .aerosol-site .navbar-brand { width: 160px; height: 54px; margin: 10px 0; padding: 6px 16px; }
    .aerosol-site .navbar-brand::before { display: none; }
    .aerosol-site .navbar-brand img { width: 128px; height: 42px; }
    .aerosol-site .navbar-mobile-header { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
    .aerosol-site .navbar-mobile-header .navbar-nav { display: flex; align-items: center; margin: 0; }
    .aerosol-site .navbar-mobile-header .navbar-nav > li.navbar-mobile-item { padding-top: 0; }
    .aerosol-site .navbar-mobile-header .navbar-toggle { margin: 0 0 0 8px; }
    .aerosol-site .navbar-nav > li > a { padding-top: 16px; padding-bottom: 16px; }
    .aerosol-site #loginPage { min-height: calc(100dvh - 80px - var(--footer-height)); padding: 16px; }
    .aerosol-footer-inner { font-size: 14px; gap: 12px; padding: 14px 16px; }
}
.aerosol-site #mobileUserSwitcher { display:none !important; }