/* Desktop header type: Industry navigation. Colors intentionally come from the site's runtime CSS variables. */
@media (min-width: 1200px) {
    .industry-header {
        --industry-height: 68px;
        position: sticky;
        top: 0;
        z-index: 1040;
        padding: 0 !important;
        direction: inherit;
        transition: box-shadow .22s ease, transform .22s ease;
    }
    .industry-header__topline { height: 7px; background: var(--color-secondary); }
    .industry-header__bar { min-height: var(--industry-height); background: var(--color-primary); }
    .industry-header__layout { min-height: var(--industry-height); position: relative; display: grid; grid-template-columns: minmax(190px, 240px) auto 1fr auto; align-items: stretch; padding: 0; }
    /* The logo block is a reserved white band that reaches the viewport edge.
       This mirrors the reference layout instead of leaving the container gutter red. */
    .industry-header__layout::before { content: ""; position: absolute; z-index: 0; inset-block: 0; left: 100%; width: 100vw; background: #fff; pointer-events: none; }
    .industry-header__layout > * { position: relative; z-index: 1; }
    .industry-header__brand { display: flex; align-items: center; justify-content: center; min-width: 190px; padding: 10px 32px; background: #fff; clip-path: polygon(34px 0, 100% 0, 100% 100%, 0 100%); }
    .industry-header__brand img { max-height: 48px; max-width: 156px; object-fit: contain; }
    .industry-header__navigation { min-width: 0; }
    .industry-header__menu { height: 100%; display: flex; align-items: stretch; justify-content: flex-start; margin: 0; padding: 0; list-style: none; }
    .industry-header__menu-item { position: relative; display: flex; align-items: stretch; }
    .industry-header__menu-link { display: inline-flex; align-items: center; gap: .38rem; padding: 0 13px; color: #fff; font-weight: 700; font-size: .92rem; white-space: nowrap; transition: background-color .18s ease, color .18s ease; }
    .industry-header__menu-link:hover, .industry-header__menu-item:focus-within > .industry-header__menu-link { color: var(--color-primary); background: #fff; }
    .industry-header__menu-angle { font-size: .64rem; }
    .industry-header__utilities { display: flex; align-items: center; justify-content: flex-end; min-width: max-content; color: #fff; }
    .industry-header__right-actions { display: flex; align-items: center; color: #fff; }
    .industry-header__action, .industry-header__search { min-height: var(--industry-height); display: inline-flex; align-items: center; justify-content: center; gap: .42rem; padding: 0 13px; color: #fff; font-weight: 700; border-inline-start: 1px solid color-mix(in srgb, #fff 22%, transparent); transition: background-color .18s ease, color .18s ease; }
    .industry-header__action:hover, .industry-header__search:hover { color: var(--color-primary); background: #fff; }
    .industry-header__action--solid { background: var(--color-secondary); }
    .industry-header__action--outline { box-shadow: inset 0 0 0 1px #fff; min-height: 38px; margin: 0 8px; }
    .industry-header__action--pill { min-height: 38px; border: 1px solid #fff; border-radius: 999px; margin: 0 8px; }
    .industry-header__action--icon { width: 52px; padding: 0; }
    .industry-header .header-language-switcher { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; border: 0; background: transparent; cursor: pointer; }
    .industry-header .header-language-switcher img { width: 30px; height: 20px; border-radius: 3px; object-fit: cover; }
    .industry-header__utilities .header-language-switcher { min-width: 52px; min-height: var(--industry-height); padding: 0 11px; border-inline-start: 1px solid color-mix(in srgb, #fff 22%, transparent); }
    .industry-header__utilities .header-language-switcher:hover { background: #fff; }
    .industry-header .header-user-access { position: relative; order: initial; margin: 0 !important; }
    .industry-header .header-user-access > a, .industry-header .header-user-access__toggle { display: inline-flex; align-items: center; justify-content: center; min-width: 52px; min-height: var(--industry-height); border: 0; border-radius: 0; padding: 0 13px; color: #fff; background: transparent; font-size: 1.05rem; font-weight: 700; }
    .industry-header .header-user-access > a:hover, .industry-header .header-user-access__toggle:hover { color: var(--color-primary); background: #fff; }
    .industry-header .header-user-access__menu { display: block; visibility: hidden; pointer-events: none; min-width: 172px; margin-top: 0; border: 0; border-radius: 0; left: 0 !important; right: auto !important; transform: translateY(-10px) scale(.98); transform-origin: top left; opacity: 0; box-shadow: 0 10px 24px rgba(0,0,0,.2); font-size: .84rem; transition: opacity .28s ease-out, transform .28s cubic-bezier(.22,.61,.36,1), visibility 0s linear .28s; }
    .industry-header .header-user-access__menu.show { visibility: visible; pointer-events: auto; transform: translateY(0) scale(1); opacity: 1; transition-delay: 0s; }
    .industry-header .header-user-access__menu .dropdown-item { display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; padding: .6rem .85rem; text-align: right; }
    .industry-header .header-user-access__menu .dropdown-item i { margin: 0 !important; }
    .industry-header .header-user-access__menu form { margin: 0; }
    .industry-header .header-user-access__menu button { width: 100%; border: 0; background: transparent; text-align: inherit; }
    .industry-dropdown { position: absolute; top: 100%; inset-inline-start: 0; z-index: 1050; display: none; min-width: 225px; margin: 0; padding: 10px 0; list-style: none; background: #fff; border-top: 3px solid var(--color-primary); box-shadow: 0 14px 32px rgba(0,0,0,.17); }
    .industry-header__menu-item:hover > .industry-dropdown, .industry-header__menu-item:focus-within > .industry-dropdown, .industry-dropdown li:hover > .industry-dropdown, .industry-dropdown li:focus-within > .industry-dropdown { display: block; }
    .industry-header.industry-header--closing-dropdowns .industry-dropdown { display: none !important; pointer-events: none; }
    .industry-dropdown li { position: relative; }
    .industry-dropdown__link { display: flex; align-items: center; gap: .6rem; min-height: 39px; padding: 8px 18px; color: var(--text-primary); font-size: .88rem; font-weight: 600; transition: background-color .15s ease, color .15s ease; }
    .industry-dropdown__link:hover { color: #fff; background: var(--color-primary); }
    .industry-dropdown__angle { margin-inline-start: auto; font-size: .7rem; }
    .industry-dropdown .industry-dropdown { top: -13px; inset-inline-start: 100%; }
    /* Type 1: a richer cascading menu inspired by the Rayon reference.  The
       submenu relationship remains the same; only the item surface is richer. */
    .industry-dropdown--cascade {
        width: min(360px, 88vw);
        padding: 7px 6px;
        overflow: visible;
        border: 1px solid color-mix(in srgb, var(--text-primary) 12%, transparent);
        border-top: 3px solid var(--color-primary);
        border-radius: 0 0 12px 12px;
        box-shadow: 0 15px 35px rgba(0,0,0,.16);
    }
    .industry-dropdown--cascade > li + li { border-top: 1px dashed color-mix(in srgb, var(--text-primary) 13%, transparent); }
    .industry-dropdown--cascade .industry-cascade-link {
        display: grid;
        grid-template-columns: 38px minmax(0, 1fr) 38px;
        align-items: center;
        gap: 11px;
        min-height: 68px;
        padding: 9px 9px;
        color: var(--text-primary);
        background: #fff;
        border-radius: 8px;
        transition: color .18s ease, background-color .18s ease, box-shadow .18s ease;
    }
    .industry-dropdown--cascade .industry-cascade-link:hover,
    .industry-dropdown--cascade li:focus-within > .industry-cascade-link {
        color: var(--text-primary);
        background: color-mix(in srgb, var(--color-primary) 7%, #fff);
        box-shadow: inset 3px 0 0 var(--color-primary);
    }
    .industry-cascade-link__icon,
    .industry-cascade-link__arrow {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        color: color-mix(in srgb, var(--text-primary) 82%, #fff);
        background: color-mix(in srgb, var(--text-primary) 4%, #fff);
        border: 1px solid color-mix(in srgb, var(--text-primary) 13%, transparent);
        border-radius: 8px;
        font-size: 1rem;
        transition: color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease;
    }
    .industry-cascade-link__content { display: grid; min-width: 0; gap: 2px; text-align: start; }
    .industry-cascade-link__content strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .9rem; font-weight: 800; }
    .industry-cascade-link__content small { overflow: hidden; color: color-mix(in srgb, var(--text-primary) 57%, #fff); text-overflow: ellipsis; white-space: nowrap; font-size: .73rem; line-height: 1.35; }
    .industry-cascade-link__arrow { margin-inline-start: auto; color: var(--text-primary); background: #fff; font-size: .95rem; }
    .industry-dropdown--cascade .industry-cascade-link:hover .industry-cascade-link__arrow,
    .industry-dropdown--cascade li:focus-within > .industry-cascade-link .industry-cascade-link__arrow { color: #fff; background: var(--color-primary); border-color: var(--color-primary); transform: translateX(-2px); }
    .industry-dropdown--cascade > li > .industry-dropdown--cascade {
        top: -7px;
        padding: 7px 6px;
        border-radius: 12px;
    }
    /* Long cascading levels wrap after the seventh item instead of growing
       below the viewport. Short menus keep their original appearance. */
    .industry-dropdown--cascade:has(> li:nth-child(6)) {
        grid-auto-flow: column;
        grid-template-rows: repeat(7, minmax(0, auto));
        grid-auto-columns: minmax(190px, 220px);
        width: min(460px, calc(100vw - 30px));
        max-width: calc(100vw - 30px);
        max-height: calc(100vh - 145px);
        max-height: calc(100dvh - 145px);
        overflow-y: auto;
        overflow-x: hidden;
        overscroll-behavior: contain;
        scrollbar-gutter: stable;
        padding: 6px;
    }
    .industry-dropdown--cascade:has(> li:nth-child(6)) > li { min-width: 0; }
    .industry-dropdown--cascade:has(> li:nth-child(6)) .industry-cascade-link {
        grid-template-columns: 32px minmax(0, 1fr) 32px;
        min-height: 51px;
        gap: 8px;
        padding: 6px 8px;
        border-radius: 6px;
    }
    .industry-dropdown--cascade:has(> li:nth-child(6)) .industry-cascade-link__icon,
    .industry-dropdown--cascade:has(> li:nth-child(6)) .industry-cascade-link__arrow {
        width: 32px;
        height: 32px;
        font-size: .86rem;
    }
    .industry-dropdown--cascade:has(> li:nth-child(6)) .industry-cascade-link__content strong { font-size: .82rem; }
    .industry-dropdown--cascade:has(> li:nth-child(6)) .industry-cascade-link__content small { font-size: .68rem; }
    .industry-header__menu-item:hover > .industry-dropdown--cascade:has(> li:nth-child(6)),
    .industry-header__menu-item:focus-within > .industry-dropdown--cascade:has(> li:nth-child(6)),
    .industry-header__action-dropdown:hover > .industry-dropdown--cascade:has(> li:nth-child(6)),
    .industry-header__action-dropdown:focus-within > .industry-dropdown--cascade:has(> li:nth-child(6)),
    .industry-dropdown--cascade li:hover > .industry-dropdown--cascade:has(> li:nth-child(6)),
    .industry-dropdown--cascade li:focus-within > .industry-dropdown--cascade:has(> li:nth-child(6)) { display: grid; }
    .industry-dropdown--columns { width: min(760px, 74vw); display: none; grid-template-columns: repeat(var(--industry-dropdown-columns), minmax(150px, 1fr)); padding: 14px; gap: 4px; }
    .industry-header__menu-item:hover > .industry-dropdown--columns, .industry-header__menu-item:focus-within > .industry-dropdown--columns { display: grid; }
    /* Mega menu: full header-width panel with clear column titles, like the Industry reference. */
    .industry-header__menu-item:has(> .industry-dropdown--mega) { position: static; }
    .industry-dropdown--mega {
        position: absolute;
        inset-inline: 0;
        top: 100%;
        z-index: 1060;
        width: auto;
        display: grid;
        grid-template-columns: repeat(var(--industry-dropdown-columns), minmax(0, 1fr));
        align-items: stretch;
        gap: 0;
        margin: 0;
        padding: 0;
        overflow: hidden;
        visibility: hidden;
        pointer-events: none;
        opacity: 0;
        color: var(--text-primary);
        background: #fff;
        border: 0;
        border-top: 3px solid var(--color-primary);
        box-shadow: 0 16px 34px rgba(0, 0, 0, .18);
        transform: translateY(10px);
        transition: opacity .2s ease, transform .2s ease, visibility 0s linear .2s;
    }
    .industry-header__menu-item:hover > .industry-dropdown--mega,
    .industry-header__menu-item:focus-within > .industry-dropdown--mega {
        display: grid;
        visibility: visible;
        pointer-events: auto;
        opacity: 1;
        transform: translateY(0);
        transition-delay: 0s;
    }
    .industry-dropdown--mega > li {
        min-width: 0;
        padding: 0 0 14px;
        border-inline-start: 1px solid rgba(26, 34, 46, .12);
    }
    .industry-dropdown--mega > li:first-child { border-inline-start: 0; }
    .industry-dropdown--mega > li > .industry-dropdown__link {
        min-height: 55px;
        padding: 15px 18px 12px;
        color: var(--text-primary);
        background: #fff;
        border-bottom: 1px solid rgba(26, 34, 46, .12);
        font-size: .91rem;
        font-weight: 800;
    }
    .industry-dropdown--mega > li > .industry-dropdown__link:hover {
        color: var(--color-primary);
        background: color-mix(in srgb, var(--color-primary) 5%, #fff);
    }
    .industry-dropdown--mega > li > .industry-dropdown {
        position: static;
        display: block;
        min-width: 0;
        margin: 0;
        padding: 9px 0 0;
        visibility: visible;
        pointer-events: auto;
        opacity: 1;
        background: transparent;
        border: 0;
        box-shadow: none;
        transform: none;
    }
    .industry-dropdown--mega > li > .industry-dropdown > li > .industry-dropdown__link {
        min-height: 33px;
        padding: 6px 18px;
        color: color-mix(in srgb, var(--text-primary) 88%, #fff);
        background: transparent;
        font-size: .84rem;
        font-weight: 600;
    }
    .industry-dropdown--mega > li > .industry-dropdown > li > .industry-dropdown__link:hover {
        color: var(--color-primary);
        background: color-mix(in srgb, var(--color-primary) 7%, #fff);
    }
    .industry-dropdown--cards { width: min(880px, 80vw); display: none; grid-template-columns: repeat(var(--industry-dropdown-columns), minmax(145px, 1fr)); padding: 16px; gap: 12px; }
    .industry-header__menu-item:hover > .industry-dropdown--cards, .industry-header__menu-item:focus-within > .industry-dropdown--cards { display: grid; }
    .industry-dropdown--cards > li > .industry-dropdown__link { min-height: 96px; flex-direction: column; justify-content: center; text-align: center; border: 1px solid var(--bs-border-color, rgba(0,0,0,.12)); background: color-mix(in srgb, var(--color-primary) 5%, #fff); }
    .industry-dropdown--cards > li > .industry-dropdown__link i { font-size: 1.35rem; color: var(--color-primary); }
    .industry-dropdown--cards > li > .industry-dropdown__link:hover i { color: #fff; }
    /* Type 5 is intended for header action buttons with child links.  It keeps
       the visual hierarchy of the legacy cat-t2 menu without depending on the
       retired category-header markup. */
    .industry-header__action-dropdown { position: relative; display: flex; align-items: stretch; }
    .industry-header__action-dropdown > .industry-header__action,
    .industry-header__action-dropdown > .industry-header-two__header-button,
    .industry-header__action-dropdown > .industry-header-three__cta { position: relative; z-index: 1; }
    .industry-header__action-dropdown > .industry-dropdown { inset-inline-end: 0; inset-inline-start: auto; }
    .industry-header__action-dropdown:hover > .industry-dropdown,
    .industry-header__action-dropdown:focus-within > .industry-dropdown { display: block; }
    .industry-button-cat-t2 {
        position: absolute;
        inset-inline-start: 0;
        inset-inline-end: auto;
        top: 100%;
        z-index: 1060;
        display: none;
        width: 100%;
        min-width: 0;
        padding: .7rem 2rem;
        overflow: visible;
        background: #fff;
        border: 0;
        border-radius: 0;
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.175);
    }
    /* The cat-t2 panel belongs to the header surface, not to the width of
       the trigger link.  This prevents it from drifting out of the viewport. */
    .industry-header__menu-item:has(> .industry-button-cat-t2) { position: static; }
    .industry-header__menu-item > .industry-button-cat-t2 {
        inset-inline: 0;
        width: 100%;
        min-width: 0;
    }
    .industry-header__action-dropdown > .industry-button-cat-t2 { inset-inline-start: auto; inset-inline-end: 0; }
    .industry-header__action-dropdown:hover > .industry-button-cat-t2,
    .industry-header__action-dropdown:focus-within > .industry-button-cat-t2 { display: block; }
    .industry-header__menu-item:hover > .industry-button-cat-t2,
    .industry-header__menu-item:focus-within > .industry-button-cat-t2 { display: block; }
    .industry-dropdown li:hover > .industry-button-cat-t2,
    .industry-dropdown li:focus-within > .industry-button-cat-t2 { display: block; }
    .industry-button-cat-t2 .dropdown-grid {
        display: grid;
        grid-template-columns: repeat(var(--industry-dropdown-columns), minmax(180px, 1fr));
        grid-auto-flow: row;
        width: 100%;
    }
    .industry-button-cat-t2 .dropdown-grid > .col { min-width: 0; padding-inline: 4px; }
    .industry-button-cat-t2 .dropdown-grid-item { min-width: 0; height: 100%; padding: 1rem 10px; text-align: right; white-space: nowrap; border-inline-start: 2px solid #999; }
    .industry-button-cat-t2 .dropdown-grid > .col:not(:has(.cat-list)) { justify-self: start; }
    .industry-button-cat-t2 .dropdown-grid > .col:not(:has(.cat-list)) .dropdown-grid-item { min-width: 160px; }
    .industry-button-cat-t2 .dropdown-grid:has(> .col:nth-child(2):last-child) {
        grid-template-columns: repeat(2, minmax(180px, 350px));
        justify-content: center;
    }
    .industry-button-cat-t2 .dropdown-grid:has(> .col:nth-child(2):last-child) > .col > .dropdown-grid-item {
        width: 100%;
    }
    .industry-button-cat-t2 .cat-t2-col > .row { height: 100%; flex-wrap: nowrap; }
    .industry-button-cat-t2 .img-section { width: fit-content; min-width: 112px; height: 100%; padding-block: 1.5rem; overflow: hidden; background: #f2f2f2; border-radius: 5px; text-align: center; }
    .industry-button-cat-t2 .drop-heading { margin-bottom: .75rem; color: #292929; font-family: IRANSansWebFaNum, sans-serif; font-size: 1rem; font-weight: 700; }
    .industry-button-cat-t2 .img-section .drop-heading {
        max-width: 100%;
        overflow-wrap: anywhere;
        white-space: normal;
        line-height: 1.55;
    }
    .industry-button-cat-t2__image { display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; margin: 0 auto 1rem; padding: 2px; color: var(--color-primary); background: #fff; border: 4px solid #aaa; border-radius: 7px; font-size: 2.3rem; }
    .industry-button-cat-t2 .action-btns { margin: 0 !important; }
    .industry-button-cat-t2 .action-btns .btn { padding: .45rem .7rem; color: #fff; background: var(--color-primary); border-color: var(--color-primary); font-size: 12px; }
    .industry-button-cat-t2 .cat-list { max-height: 250px; padding-inline: .8rem 0; overflow: auto; flex: 0 0 55%; }
    .industry-button-cat-t2 .dropdown-link { display: block; margin-bottom: 1.1rem; color: #292929; }
    .industry-button-cat-t2 .drop-title { font-family: IRANSansWebFaNum, sans-serif; color: #292929; }
    .industry-button-cat-t2 .dropdown-link:hover { color: #fff; background: var(--color-primary); }
    .industry-button-cat-t2 .dropdown-link:hover .drop-title { color: #fff; }
    /* Professional mega menus (types 6 and 7): cards + grouped links + configurable CTA. */
    .industry-modern-mega {
        position: absolute;
        inset-inline: 0;
        top: 100%;
        z-index: 1060;
        display: none;
        grid-template-columns: minmax(280px, .78fr) minmax(0, 1.4fr);
        gap: 38px;
        width: min(1120px, calc(100vw - 36px));
        margin: 14px auto 0;
        padding: 32px 40px;
        color: var(--text-primary);
        background: color-mix(in srgb, #fff 96%, var(--color-primary));
        border: 1px solid color-mix(in srgb, var(--text-primary) 12%, transparent);
        border-radius: 24px;
        box-shadow: 0 18px 42px rgba(0,0,0,.16);
    }
    /* Preserve the visual offset while keeping a continuous hover target
       between the trigger and the panel. */
    .industry-modern-mega::before {
        content: "";
        position: absolute;
        inset-inline: 0;
        bottom: 100%;
        height: 14px;
    }
    .industry-header__menu-item:has(> .industry-modern-mega) { position: static; }
    .industry-header__menu-item:hover > .industry-modern-mega,
    .industry-header__menu-item:focus-within > .industry-modern-mega,
    .industry-header__action-dropdown:hover > .industry-modern-mega,
    .industry-header__action-dropdown:focus-within > .industry-modern-mega,
    .industry-dropdown li:hover > .industry-modern-mega,
    .industry-dropdown li:focus-within > .industry-modern-mega { display: grid; }
    .industry-header__action-dropdown > .industry-modern-mega { inset-inline-end: 0; inset-inline-start: auto; margin-inline: 0; }
    .industry-modern-mega__featured { padding-inline-end: 40px; border-inline-end: 1px solid color-mix(in srgb, var(--text-primary) 13%, transparent); }
    .industry-modern-mega__eyebrow { margin: 0 0 16px; color: color-mix(in srgb, var(--text-primary) 57%, #fff); font-size: .72rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
    .industry-modern-mega__featured-list { display: grid; gap: 10px; }
    .industry-modern-mega__feature { display: flex; align-items: center; gap: 12px; min-height: 70px; padding: 12px 16px; color: var(--text-primary); border: 1px solid color-mix(in srgb, var(--text-primary) 14%, transparent); border-radius: 16px; transition: border-color .18s ease, background-color .18s ease, transform .18s ease; }
    .industry-modern-mega__feature:hover { color: var(--text-primary); border-color: var(--color-primary); background: color-mix(in srgb, var(--color-primary) 8%, #fff); transform: translateY(-1px); }
    .industry-modern-mega__icon { display: inline-flex; flex: 0 0 42px; align-items: center; justify-content: center; width: 42px; height: 42px; color: var(--text-primary); background: color-mix(in srgb, var(--text-primary) 5%, #fff); border-radius: 10px; font-size: 1rem; }
    .industry-modern-mega__feature > span:last-child, .industry-modern-mega__link > span:last-child { display: grid; gap: 2px; min-width: 0; }
    .industry-modern-mega strong { font-size: .92rem; font-weight: 800; }
    .industry-modern-mega small { color: color-mix(in srgb, var(--text-primary) 62%, #fff); font-size: .78rem; line-height: 1.4; }
    .industry-modern-mega__links-area { display: grid; align-content: space-between; gap: 28px; min-width: 0; }
    .industry-modern-mega__link-groups { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 18px 34px; }
    .industry-modern-mega--without-featured { grid-template-columns: minmax(0, 1fr); }
    .industry-modern-mega--without-featured .industry-modern-mega__links-area { grid-column: 1 / -1; }
    .industry-modern-mega__link-group { display: grid; align-content: start; gap: 10px; }
    .industry-modern-mega__link { display: flex; align-items: center; gap: 12px; min-height: 48px; color: var(--text-primary); }
    .industry-modern-mega__link:hover { color: var(--color-primary); }
    .industry-modern-mega__link:hover .industry-modern-mega__icon { color: #fff; background: var(--color-primary); }
    .industry-modern-mega__cta { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 76px; padding: 16px 18px 16px 22px; color: var(--text-primary); background: color-mix(in srgb, var(--color-primary) 66%, #fff); border-radius: 16px; }
    .industry-modern-mega__cta:hover { color: var(--text-primary); background: color-mix(in srgb, var(--color-primary) 78%, #fff); }
    .industry-modern-mega__cta > span:first-child { display: grid; gap: 4px; }
    .industry-modern-mega__cta-button { flex: 0 0 auto; padding: 11px 22px; color: #fff; background: color-mix(in srgb, var(--text-primary) 92%, #000); border-radius: 999px; font-size: .84rem; font-weight: 800; }
    .industry-modern-mega--resources .industry-modern-mega__feature { border-radius: 14px; }
    .industry-modern-mega__tabs { grid-column: 1 / -1; display: flex; gap: 4px; padding: 4px; width: fit-content; border-radius: 999px; background: color-mix(in srgb, var(--text-primary) 7%, #fff); }
    .industry-modern-mega__tab { border: 0; padding: 8px 18px; color: var(--text-primary); background: transparent; border-radius: 999px; font: inherit; font-weight: 700; cursor: pointer; }
    .industry-modern-mega__tab.is-active { background: #fff; box-shadow: 0 1px 4px color-mix(in srgb, var(--text-primary) 18%, transparent); }
    .industry-modern-mega__category { display: contents; }
    .industry-modern-mega__category[hidden] { display: none; }

    /* Shared Ruul-inspired motion: a soft lift for the panel, then a short
       stagger for its contents.  This applies to every Industry header because
       all four designs use the same dropdown partial and CSS contract. */
    .industry-dropdown,
    .industry-dropdown--columns,
    .industry-dropdown--cards,
    .industry-dropdown--mega,
    .industry-button-cat-t2,
    .industry-modern-mega {
        visibility: hidden;
        pointer-events: none;
        opacity: 0;
        transform: translateY(-10px) scale(.985);
        transform-origin: 50% 0;
        transition: opacity .18s ease-out, transform .24s cubic-bezier(.22, 1, .36, 1), visibility 0s linear .24s;
    }
    .industry-dropdown { display: block !important; }
    .industry-dropdown--columns, .industry-dropdown--cards, .industry-dropdown--mega, .industry-modern-mega { display: grid !important; }
    .industry-button-cat-t2 { display: block !important; }
    .industry-header__menu-item:hover > .industry-dropdown,
    .industry-header__menu-item:focus-within > .industry-dropdown,
    .industry-header__action-dropdown:hover > .industry-dropdown,
    .industry-header__action-dropdown:focus-within > .industry-dropdown,
    .industry-dropdown li:hover > .industry-dropdown,
    .industry-dropdown li:focus-within > .industry-dropdown,
    .industry-header__menu-item:hover > .industry-button-cat-t2,
    .industry-header__menu-item:focus-within > .industry-button-cat-t2,
    .industry-header__action-dropdown:hover > .industry-button-cat-t2,
    .industry-header__action-dropdown:focus-within > .industry-button-cat-t2,
    .industry-dropdown li:hover > .industry-button-cat-t2,
    .industry-dropdown li:focus-within > .industry-button-cat-t2,
    .industry-header__menu-item:hover > .industry-modern-mega,
    .industry-header__menu-item:focus-within > .industry-modern-mega,
    .industry-header__action-dropdown:hover > .industry-modern-mega,
    .industry-header__action-dropdown:focus-within > .industry-modern-mega,
    .industry-dropdown li:hover > .industry-modern-mega,
    .industry-dropdown li:focus-within > .industry-modern-mega {
        visibility: visible;
        pointer-events: auto;
        opacity: 1;
        transform: translateY(0) scale(1);
        transition-delay: 0s;
    }
    .industry-dropdown-open > .industry-dropdown,
    .industry-dropdown-open > .industry-button-cat-t2,
    .industry-dropdown-open > .industry-modern-mega {
        visibility: visible;
        pointer-events: auto;
        opacity: 1;
        transform: translateY(0) scale(1);
        transition-delay: 0s;
    }
    .industry-dropdown > li,
    .industry-button-cat-t2 .dropdown-grid > .col,
    .industry-modern-mega__feature,
    .industry-modern-mega__link,
    .industry-modern-mega__cta {
        opacity: 0;
        transform: translateY(-7px);
    }
    .industry-header__menu-item:hover > .industry-dropdown > li,
    .industry-header__menu-item:focus-within > .industry-dropdown > li,
    .industry-header__action-dropdown:hover > .industry-dropdown > li,
    .industry-header__action-dropdown:focus-within > .industry-dropdown > li,
    .industry-dropdown li:hover > .industry-dropdown > li,
    .industry-dropdown li:focus-within > .industry-dropdown > li,
    .industry-header__menu-item:hover .industry-button-cat-t2 .dropdown-grid > .col,
    .industry-header__menu-item:focus-within .industry-button-cat-t2 .dropdown-grid > .col,
    .industry-header__menu-item:hover .industry-modern-mega__feature,
    .industry-header__menu-item:hover .industry-modern-mega__link,
    .industry-header__menu-item:hover .industry-modern-mega__cta,
    .industry-header__menu-item:focus-within .industry-modern-mega__feature,
    .industry-header__menu-item:focus-within .industry-modern-mega__link,
    .industry-header__menu-item:focus-within .industry-modern-mega__cta,
    .industry-header__action-dropdown:hover .industry-modern-mega__feature,
    .industry-header__action-dropdown:hover .industry-modern-mega__link,
    .industry-header__action-dropdown:hover .industry-modern-mega__cta,
    .industry-header__action-dropdown:focus-within .industry-modern-mega__feature,
    .industry-header__action-dropdown:focus-within .industry-modern-mega__link,
    .industry-header__action-dropdown:focus-within .industry-modern-mega__cta,
    .industry-dropdown li:hover > .industry-modern-mega .industry-modern-mega__feature,
    .industry-dropdown li:hover > .industry-modern-mega .industry-modern-mega__link,
    .industry-dropdown li:hover > .industry-modern-mega .industry-modern-mega__cta,
    .industry-dropdown li:focus-within > .industry-modern-mega .industry-modern-mega__feature,
    .industry-dropdown li:focus-within > .industry-modern-mega .industry-modern-mega__link,
    .industry-dropdown li:focus-within > .industry-modern-mega .industry-modern-mega__cta {
        animation: industry-dropdown-item-in .3s both cubic-bezier(.22, 1, .36, 1);
    }
    .industry-dropdown > li:nth-child(2), .industry-modern-mega__feature:nth-child(2), .industry-modern-mega__link:nth-child(2) { animation-delay: .035s; }
    .industry-dropdown > li:nth-child(3), .industry-modern-mega__feature:nth-child(3), .industry-modern-mega__link:nth-child(3) { animation-delay: .07s; }
    .industry-dropdown > li:nth-child(4), .industry-modern-mega__feature:nth-child(4), .industry-modern-mega__link:nth-child(4) { animation-delay: .105s; }
    .industry-modern-mega__category:not([hidden]) { animation: industry-mega-tab-in .26s both cubic-bezier(.22, 1, .36, 1); }
    .industry-modern-mega__tab { transition: color .16s ease, background-color .2s ease, box-shadow .2s ease, transform .2s cubic-bezier(.22, 1, .36, 1); }
    .industry-modern-mega__tab:hover { transform: translateY(-1px); }
    @keyframes industry-dropdown-item-in { from { opacity: 0; transform: translateY(-7px); } to { opacity: 1; transform: translateY(0); } }
    @keyframes industry-mega-tab-in { from { opacity: 0; transform: translateX(10px); } to { opacity: 1; transform: translateX(0); } }
    @media (prefers-reduced-motion: reduce) {
        .industry-dropdown, .industry-button-cat-t2, .industry-modern-mega, .industry-dropdown > li, .industry-button-cat-t2 .dropdown-grid > .col, .industry-modern-mega__feature, .industry-modern-mega__link, .industry-modern-mega__cta, .industry-modern-mega__category:not([hidden]) { transition: none; animation: none; }
    }
    .industry-header.industry-header--scrolled { box-shadow: 0 8px 24px rgba(0,0,0,.18); }
    .industry-header.industry-header--scrolled .industry-header__topline { height: 0; }

    /* Design 2: an information strip above the spacious dark navigation row. */
    .industry-header--two { --industry-height: 67px; position: sticky; top: 0; background: var(--color-secondary); }
    .industry-header--two .industry-header__topline, .industry-header--two .industry-header__bar { display: none; }
    .industry-header-two__top { min-height: 98px; color: #fff; background: var(--color-secondary); }
    .industry-header-two__top-layout { min-height: 98px; display: grid; grid-template-columns: minmax(230px, 310px) 1fr; align-items: stretch; padding: 0; }
    .industry-header-two__brand { display: flex; align-items: center; justify-content: center; padding: 18px 54px 18px 25px; background: var(--color-primary); clip-path: polygon(58px 0, 100% 0, 100% 100%, 0 100%); }
    .industry-header-two__brand img { max-width: 210px; max-height: 61px; object-fit: contain; filter: brightness(0) invert(1); }
    .industry-header-two__information { display: flex; align-items: center; justify-content: flex-end; gap: clamp(18px, 2.4vw, 46px); padding-inline: 28px; }
    .industry-header-two__info { display: flex; align-items: center; gap: 12px; color: #fff; white-space: nowrap; }
    .industry-header-two__info > i { color: var(--color-primary); font-size: 1.7rem; }
    .industry-header-two__info span { display: grid; gap: 2px; }
    .industry-header-two__info strong { font-size: .98rem; }
    .industry-header-two__info small { color: color-mix(in srgb, #fff 58%, transparent); font-size: .76rem; direction: ltr; text-align: start; }
    .industry-header-two__nav-row { min-height: var(--industry-height); background: color-mix(in srgb, var(--color-secondary) 94%, #000); }
    .industry-header-two__nav-layout { position: relative; min-height: var(--industry-height); display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: stretch; }
    .industry-header--two .industry-header__menu-link { padding-inline: 18px; border-inline-start: 1px solid color-mix(in srgb, #fff 12%, transparent); }
    .industry-header--two .industry-header__menu-link:hover, .industry-header--two .industry-header__menu-item:focus-within > .industry-header__menu-link { color: #fff; background: var(--color-primary); }
    .industry-header-two__social { display: flex; align-items: stretch; justify-content: flex-end; min-width: max-content; margin-inline-end: 0; padding-inline: 42px 26px; background: var(--color-primary); clip-path: polygon(0 0, 100% 0, calc(100% - 38px) 100%, 0 100%); }
    .industry-header-two__social > a { display: inline-flex; align-items: center; justify-content: center; min-width: 39px; padding: 0 8px; color: #fff; font-weight: 700; }
    .industry-header-two__social > a:hover { background: color-mix(in srgb, #000 16%, transparent); color: #fff; }
    .industry-header--two .header-user-access > a:hover, .industry-header--two .header-user-access__toggle:hover { color: #fff; background: color-mix(in srgb, #000 16%, transparent); }
    .industry-header-two__social .header-language-switcher { min-width: 39px; padding: 0 8px; }
    .industry-header-two__social .header-language-switcher:hover { background: color-mix(in srgb, #000 16%, transparent); }
    .industry-header-two__header-button { display: inline-flex; align-items: center; justify-content: center; gap: .4rem; min-height: 38px; align-self: center; margin-inline: 6px; padding: 0 13px; color: #fff; border: 1px solid rgba(255,255,255,.5); font-size: .82rem; font-weight: 800; white-space: nowrap; }
    .industry-header-two__header-button:hover { color: #fff; background: color-mix(in srgb, #000 18%, transparent); }
    .industry-header-two__header-button--solid { border-color: var(--color-secondary); background: var(--color-secondary); }
    .industry-header-two__header-button--pill { border-radius: 999px; }
    .industry-header-two__header-button--icon { min-width: 38px; padding: 0; }
    .industry-header--two.industry-header--scrolled { box-shadow: 0 8px 24px rgba(0,0,0,.24); }

    /* Design 3: a white navigation surface floats over the hero; only the surrounding page remains transparent. */
    .industry-header--three { --industry-height: 68px; background: transparent; }
    .industry-header--three:not(.industry-header--four) { position: absolute; inset: 0 0 auto; z-index: 1040; }
    .industry-header--three .industry-header__topline, .industry-header--three .industry-header__bar { display: none; }
    /* The quick-link row sits directly on the hero, so it needs its own
       contrast surface instead of relying on arbitrary page pixels behind it. */
    .industry-header-three__quick { min-height: 39px; color: #fff; background: rgba(16, 28, 43, .58); border-bottom: 1px solid rgba(255,255,255,.18); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
    .industry-header-three__quick-layout { min-height: 39px; display: flex; align-items: center; justify-content: space-between; padding-inline: 14px; }
    .industry-header-three__quick a { color: #fff; font-size: .82rem; font-weight: 600; }
    .industry-header-three__quick-layout > div:first-child { display: flex; gap: 0; }
    .industry-header-three__quick-layout > div:first-child a + a { border-inline-start: 1px solid rgba(255,255,255,.28); margin-inline-start: 10px; padding-inline-start: 10px; }
    .industry-header-three__social { display: flex; align-items: center; gap: 12px; }
    .industry-header-three__social a { min-width: auto; }
    .industry-header-three__social .header-language-switcher { min-width: auto; padding: 0; }
    .industry-header-three__bar { background: transparent; box-shadow: none; }
    .industry-header-three__layout { position: relative; min-height: var(--industry-height); display: grid; grid-template-columns: minmax(190px, 240px) auto minmax(250px, 1fr) 64px 52px minmax(155px, 190px); align-items: stretch; padding: 0; background: #fff; box-shadow: 0 10px 26px rgba(0,0,0,.10); }
    .industry-header-three__brand { grid-column: 1; grid-row: 1; }
    .industry-header-three__layout > .industry-header-three__brand-actions { grid-column: 2; grid-row: 1; }
    .industry-header-three__layout > .industry-header__navigation { grid-column: 3; grid-row: 1; }
    .industry-header-three__layout > .header-user-access { grid-column: 4; grid-row: 1; position: relative; z-index: 2; margin-inline-start: 10px !important; padding-inline-start: 10px; background: #fff; border-inline-start: 1px solid color-mix(in srgb, var(--text-primary) 18%, transparent); clip-path: none; }
    .industry-header-three__layout > .industry-header-three__search { grid-column: 5; grid-row: 1; }
    .industry-header-three__layout > .industry-header-three__actions { grid-column: 6; grid-row: 1; }
    .industry-header-three__brand { display: flex; align-items: center; padding-inline: 14px; }
    .industry-header-three__brand img { max-height: 61px; max-width: 220px; object-fit: contain; }
    .industry-header-three__brand-actions { display: flex; align-items: center; gap: 8px; padding-inline: 16px; margin-inline-start: 10px; border-inline-start: 1px solid color-mix(in srgb, var(--text-primary) 13%, transparent); }
    .industry-header-three__brand-button { display: inline-flex; align-items: center; justify-content: center; gap: .42rem; min-height: 38px; padding-inline: 14px; color: var(--text-primary); border: 1px solid transparent; font-size: .82rem; font-weight: 800; white-space: nowrap; }
    .industry-header-three__brand-button:hover { color: var(--color-primary); background: color-mix(in srgb, var(--color-primary) 7%, #fff); }
    .industry-header-three__brand-button--solid { color: #fff; background: var(--color-primary); border-color: var(--color-primary); }
    .industry-header-three__brand-button--solid:hover { color: #fff; background: var(--color-secondary); border-color: var(--color-secondary); }
    .industry-header-three__brand-button--outline { color: var(--color-primary); border-color: var(--color-primary); }
    .industry-header-three__brand-button--icon { min-width: 38px; padding: 0; }
    .industry-header-three__brand-button--pill { border-color: var(--color-primary); border-radius: 999px; }
    .industry-header--three .industry-header__menu-link { color: var(--text-primary); padding-inline: 13px; font-size: .88rem; }
    .industry-header--three .industry-header__menu-link:hover, .industry-header--three .industry-header__menu-item:focus-within > .industry-header__menu-link { color: var(--text-primary); background: transparent; box-shadow: inset 0 -4px 0 var(--color-primary); }
    .industry-header-three__cta { display: flex; align-items: center; justify-content: center; padding-inline: 22px; color: #fff; background: transparent; font-size: .8rem; font-weight: 800; white-space: nowrap; }
    .industry-header-three__cta:hover { color: #fff; background: transparent; }
    .industry-header-three__actions { display: flex; align-items: stretch; justify-content: flex-end; min-width: 155px; background: var(--color-primary); clip-path: polygon(0 0, 100% 0, calc(100% - 19px) 100%, 0 100%); transition: background-color .18s ease; }
    .industry-header-three__actions:hover, .industry-header-three__actions:focus-within { background: color-mix(in srgb, var(--color-primary) 74%, var(--color-secondary)); }
    .industry-header-three__actions .industry-header-three__cta { flex: 1 1 auto; }
    .industry-header--three .header-user-access { margin: 0 !important; }
    .industry-header--three .header-user-access > a, .industry-header--three .header-user-access__toggle { min-width: 52px; color: var(--text-primary); font-size: 1.2rem; }
    .industry-header--three .header-user-access > a:hover, .industry-header--three .header-user-access__toggle:hover { color: var(--text-primary); background: transparent; box-shadow: inset 0 -4px 0 var(--color-primary); }
    .industry-header-three__search { display: inline-flex; align-items: center; justify-content: center; min-width: 52px; color: var(--text-primary); font-size: 1.05rem; }
    .industry-header-three__search:hover { color: var(--text-primary); box-shadow: inset 0 -4px 0 var(--color-primary); }
    .industry-header--three.industry-header--scrolled .industry-header-three__quick { display: none; }
    .industry-header--three:not(.industry-header--four).industry-header--scrolled { position: fixed; background: transparent; box-shadow: 0 8px 24px rgba(0,0,0,.13); }

    /* Design 4: the Design 3 layout floats over the first section as frosted glass. */
    .industry-header--four { position: absolute; inset: 0 0 auto; z-index: 1040; background: rgba(18, 31, 47, .32); color: #fff; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
    .industry-header--four .industry-header-three__quick { background: rgba(16, 28, 43, .22); border-bottom: 1px solid rgba(255,255,255,.18); }
    .industry-header--four .industry-header-three__quick a, .industry-header--four .industry-header__menu-link { color: #fff; }
    .industry-header--four .industry-header-three__bar { background: rgba(255,255,255,.08); box-shadow: none; border-bottom: 1px solid rgba(255,255,255,.24); }
    .industry-header--four .industry-header-three__layout { background: transparent; box-shadow: none; }
    .header-logo--native { filter: none !important; }
    .header-logo--white { filter: brightness(0) invert(1) !important; }
    .header-logo--black { filter: brightness(0) !important; }
    .industry-header--four .header-user-access > a, .industry-header--four .header-user-access__toggle { color: #fff; }
    .industry-header--four .industry-header-three__layout > .header-user-access { background: transparent; border-inline-start-color: rgba(255,255,255,.28); }
    .industry-header--four .header-user-access > a:hover, .industry-header--four .header-user-access__toggle:hover { color: #fff; background: transparent; box-shadow: inset 0 -4px 0 var(--color-primary); }
    .industry-header--four .industry-header-three__search { color: #fff; }
    .industry-header--four .industry-header-three__search:hover { color: #fff; }
    .industry-header--four .industry-header__menu-link:hover, .industry-header--four .industry-header__menu-item:focus-within > .industry-header__menu-link { color: #fff; box-shadow: inset 0 -4px 0 var(--color-primary); }
    .industry-header--four.industry-header--scrolled { position: fixed; background: #111418; box-shadow: 0 8px 24px rgba(0,0,0,.28); }
    .industry-header--four.industry-header--scrolled .industry-header-three__bar { background: transparent; border: 0; }
    .industry-header--four.industry-header--scrolled .industry-header-three__layout { grid-template-columns: minmax(190px, 240px) auto minmax(260px, 1fr) 64px 52px minmax(155px, 190px); }
    .industry-header--four.industry-header--scrolled .industry-header-three__search { display: flex; align-items: center; justify-content: center; width: 52px; color: #fff; font-size: 1.25rem; border-inline-start: 1px solid rgba(255,255,255,.15); }
    .industry-header--four.industry-header--scrolled .industry-header-three__search:hover { color: var(--color-primary); }
}

/* Shared Tablet/Mobile offcanvas navigation. The data comes from the same
   HeaderNavigation tree as desktop; only its placement is device-specific. */
.offcanvas .mobile-navigation-menu { display: flex; flex-direction: column; min-height: min(68vh, 690px); padding: 0 1.35rem 1.35rem; }
.mobile-navigation-menu__main { flex: 1 1 auto; }
.mobile-navigation-menu__main--legacy > .offcanvas-body { padding: 0; }
.mobile-navigation-menu__list { margin: 0; padding: 0; list-style: none; }
.mobile-navigation-menu__item { border-bottom: 1px solid color-mix(in srgb, var(--color-secondary, #152332) 10%, transparent); }
.mobile-navigation-menu__link, .mobile-navigation-menu__toggle { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 48px; padding: .65rem 0; color: var(--color-secondary, #152332); background: transparent; border: 0; font: inherit; font-weight: 650; text-align: start; text-decoration: none; }
.mobile-navigation-menu__link:hover, .mobile-navigation-menu__toggle:hover { color: var(--color-primary, #7b218b); }
.mobile-navigation-menu__link > i, .mobile-navigation-menu__toggle span > i { width: 1.4rem; margin-inline-end: .45rem; text-align: center; }
.mobile-navigation-menu__toggle > .fa-chevron-left { font-size: .72rem; transition: transform .2s ease; }
.mobile-navigation-menu__toggle[aria-expanded="true"] > .fa-chevron-left { transform: rotate(-90deg); }
.mobile-navigation-menu__list--level-2, .mobile-navigation-menu__list--level-3, .mobile-navigation-menu__list--level-4 { margin-inline: .25rem 0; padding-inline-start: .8rem; border-inline-start: 1px solid color-mix(in srgb, var(--color-secondary, #152332) 12%, transparent); }
.mobile-navigation-menu__list--level-2 .mobile-navigation-menu__link, .mobile-navigation-menu__list--level-2 .mobile-navigation-menu__toggle { font-size: .93rem; font-weight: 550; }
.mobile-navigation-menu__footer { flex: 0 0 auto; margin-top: 1rem; }
.mobile-navigation-menu__separator { height: 1px; margin: 1rem -.15rem; background: color-mix(in srgb, var(--color-secondary, #152332) 12%, transparent); }
.mobile-navigation-menu__actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; row-gap: 1.2rem; }
.mobile-navigation-menu__actions > a { min-width: 0; padding: .1rem 1rem; color: var(--color-secondary, #152332); font-size: .88rem; font-weight: 750; text-align: center; text-decoration: none; }
.mobile-navigation-menu__actions > a:nth-child(odd):not(:last-child) { border-inline-end: 1px solid color-mix(in srgb, var(--color-secondary, #152332) 16%, transparent); }
.mobile-navigation-menu__actions > a:last-child:nth-child(odd) { grid-column: 1 / -1; justify-self: center; border-inline-end: 0; }
.mobile-navigation-menu__actions > a:hover { color: var(--color-primary, #7b218b); }
.mobile-navigation-menu__social { display: flex; justify-content: center; gap: .55rem; }
.mobile-navigation-menu__social > a { display: inline-flex; align-items: center; justify-content: center; width: 2.15rem; height: 2.15rem; color: color-mix(in srgb, var(--color-secondary, #152332) 68%, transparent); border: 1px solid color-mix(in srgb, var(--color-secondary, #152332) 15%, transparent); border-radius: 50%; text-decoration: none; }
.mobile-navigation-menu__social > a:hover { color: #fff; background: var(--color-primary, #7b218b); border-color: var(--color-primary, #7b218b); }
.mobile-navigation-menu__account { display: grid; grid-template-columns: auto 1fr auto; gap: .8rem; align-items: center; min-height: 4.2rem; padding: .65rem .85rem; color: #fff; background: var(--color-primary, #7b218b); border-radius: 14px; text-decoration: none; }
.mobile-navigation-menu__account--top { flex: 0 0 auto; margin-top: .15rem; }
.mobile-navigation-menu__separator--after-account { margin-top: .9rem; }
.mobile-navigation-menu__account:hover { color: #fff; filter: brightness(.94); }
.mobile-navigation-menu__account-arrow { font-size: .8rem; opacity: .72; }
.mobile-navigation-menu__account-copy { display: grid; gap: .1rem; text-align: start; }
.mobile-navigation-menu__account-copy strong { font-size: .9rem; font-weight: 800; }
.mobile-navigation-menu__account-copy small { font-size: .72rem; opacity: .8; }

/* The mobile offcanvas header keeps the brand centered regardless of the
   number of social actions rendered on the right. */
.mobile-offcanvas-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    min-height: 4.7rem;
    margin: 0.35rem 1rem 1rem;
    padding: .55rem .85rem;
    direction: ltr;
    background: #fff;
}
.mobile-offcanvas-header__close { grid-column: 1; justify-self: start; display: inline-grid; width: 2.15rem; height: 2.15rem; place-items: center; padding: 0; color: #111; border: 0; border-radius: 50%; background: #f2f3f3; font-size: .9rem; }
.mobile-offcanvas-header__brand { grid-column: 2; display: flex; align-items: center; justify-content: center; }
.mobile-offcanvas-header__brand .logo-mob-navbar { max-width: 8.5rem; max-height: 2.65rem; padding: 0 !important; }
.mobile-offcanvas-header__actions { grid-column: 3; justify-self: end; display: flex; align-items: center; gap: .4rem; }
.mobile-offcanvas-header__social, .mobile-offcanvas-header__language { display: inline-grid; width: 2.15rem; height: 2.15rem; place-items: center; padding: 0 !important; color: #111 !important; border: 0; border-radius: 50%; background: #f2f3f3 !important; font-size: .82rem !important; text-decoration: none; }
.mobile-offcanvas-header__social:hover, .mobile-offcanvas-header__language:hover { color: #111 !important; background: #e5e7e8 !important; }
.mobile-offcanvas-header__language .mob-flag-img { width: 1.2rem; height: .9rem; margin: 0; border-radius: 2px; }

/* The navigation opens as a bottom sheet, leaving part of the page visible
   above it while keeping the navigation itself independently scrollable. */
@media (max-width: 1199.98px) {
    .offcanvas.mobile-menu-sheet { --bs-offcanvas-height: 80dvh; width: 100dvw; height: 80vh; height: 80dvh; max-height: 80vh; max-height: 80dvh; border-top: 1px solid rgba(15, 23, 42, .1); border-radius: 1.25rem 1.25rem 0 0; box-shadow: 0 -12px 36px rgba(15, 23, 42, .18); }
    .offcanvas.mobile-menu-sheet.show { transform: translateY(var(--mobile-menu-drag-offset, 0)); }
    .offcanvas.mobile-menu-sheet.mobile-menu-sheet--dragging { transition: none; }
    .mobile-menu-sheet__drag-handle { display: flex; flex: 0 0 24px; height: 24px; align-items: center; justify-content: center; background: #fff; cursor: grab; touch-action: none; }
    .mobile-menu-sheet__drag-handle > span { width: 42px; height: 4px; border-radius: 999px; background: #c7cbd2; }
    .mobile-menu-sheet__drag-handle:active { cursor: grabbing; }
    .offcanvas.mobile-menu-sheet .mobile-navigation-menu { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding-bottom: calc(1.35rem + env(safe-area-inset-bottom)); }
}
.mobile-navigation-menu__account-icon { display: inline-flex; align-items: center; justify-content: center; width: 2.45rem; height: 2.45rem; background: rgba(255,255,255,.18); border-radius: 50%; font-size: 1.2rem; }
.header-logo--native { filter: none !important; }
.header-logo--white { filter: brightness(0) invert(1) !important; }
.header-logo--black { filter: brightness(0) !important; }
@media (min-width: 768px) {
    .offcanvas .mobile-navigation-menu { min-height: min(70vh, 760px); max-width: 520px; margin-inline: auto; }
    .mobile-navigation-menu__link, .mobile-navigation-menu__toggle { min-height: 54px; }
}