/* Shared BelZHD navigation. Font files are distributed under SIL OFL 1.1. */
.blp-site-header { --blp-red: #e94a53; --blp-red-dark: #c93640; --blp-red-action: #c93640; --blp-red-action-hover: #aa2d36; --blp-red-soft: #fff2f3; --blp-border: #dce1e7; font-family: "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 16px; line-height: 1.6; }
.blp-site-header, .blp-site-header *, .blp-site-header *::before, .blp-site-header *::after { box-sizing: border-box; }
.blp-site-header a { text-decoration: none; }
.blp-site-header img { height: auto; }
.blp-site-header button { font: inherit; }
.blp-site-header :where(a, button, summary):focus-visible { outline: 3px solid #075985; outline-offset: 3px; }
.blp-svg-icon { display: inline-block; flex: 0 0 auto; background-color: currentColor; -webkit-mask: var(--blp-icon-mask) center / contain no-repeat; mask: var(--blp-icon-mask) center / contain no-repeat; }
.blp-svg-icon--chevron { --blp-icon-mask: url("../modules/feedback/assets/icons/chevron-down.svg"); }
.blp-svg-icon--check { --blp-icon-mask: url("../modules/feedback/assets/icons/check.svg"); }


body.blp-menu-lock {
    overflow: hidden;
}

.blp-skip-link {
    position: fixed;
    inset-block-start: 12px;
    inset-inline-start: 12px;
    z-index: 100000;
    padding: 10px 14px;
    border-radius: 9px;
    background: #20252b;
    color: #fff;
    font: 700 14px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    transform: translateY(-160%);
    transition: transform 160ms ease;
}

.blp-skip-link:focus {
    transform: translateY(0);
}

/* Header */

.blp-site-header {
    position: sticky;
    inset-block-start: 0;
    z-index: 100;
    border-block-end: 1px solid rgba(204, 211, 218, .9);
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 6px 20px rgba(29, 37, 45, .045);
    backdrop-filter: blur(16px) saturate(1.15);
}

.admin-bar .blp-site-header {
    inset-block-start: 32px;
}

.blp-site-header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: min(1180px, calc(100% - 40px));
    min-height: 78px;
    margin-inline: auto;
    gap: 30px;
}

.blp-site-logo {
    display: inline-flex;
    align-items: center;
    order: 1;
    flex: 0 1 360px;
    min-width: 210px;
}

.blp-site-logo img {
    width: auto;
    max-width: 100%;
    max-height: 52px;
    object-fit: contain;
}

.blp-site-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    order: 3;
    flex: 1 1 auto;
    gap: 4px;
}

.blp-site-header__tools {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    order: 2;
    flex: 0 0 auto;
    gap: 8px;
}

.blp-language-menu {
    position: relative;
    flex: 0 0 auto;
}

.blp-language-menu__details {
    position: relative;
}

.blp-language-menu__trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 64px;
    min-height: 40px;
    padding: 0 10px 0 12px;
    gap: 7px;
    border: 1px solid #d8dee4;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(29, 37, 45, .055);
    color: #414a53;
    cursor: pointer;
    list-style: none;
    user-select: none;
    transition:
        border-color 180ms ease,
        background-color 180ms ease,
        color 180ms ease,
        box-shadow 180ms ease;
}

.blp-language-menu__trigger::-webkit-details-marker {
    display: none;
}

.blp-language-menu__trigger::before {
    width: 6px;
    height: 6px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--blp-red);
    box-shadow: 0 0 0 4px rgba(233, 74, 83, .09);
    content: "";
}

.blp-language-menu__trigger-code {
    font-size: .7rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.blp-language-menu__trigger .blp-svg-icon {
    width: 13px;
    height: 13px;
    color: #7a848e;
    transition: transform 180ms ease;
}

.blp-language-menu__details[open] .blp-language-menu__trigger {
    border-color: rgba(233, 74, 83, .42);
    background: #fff7f7;
    color: var(--blp-red-dark);
    box-shadow:
        0 0 0 3px rgba(233, 74, 83, .08),
        0 6px 16px rgba(29, 37, 45, .07);
}

.blp-language-menu__details[open] .blp-language-menu__trigger .blp-svg-icon {
    transform: rotate(180deg);
}

.blp-language-menu__trigger:hover {
    border-color: rgba(233, 74, 83, .42);
    background: #fff7f7;
    color: var(--blp-red-dark);
}

.blp-language-menu__trigger:focus-visible {
    outline: 3px solid var(--blp-red-dark);
    outline-offset: 2px;
}

.blp-language-menu__panel {
    position: absolute;
    inset-block-start: calc(100% + 10px);
    inset-inline-end: 0;
    z-index: 130;
    display: grid;
    width: 190px;
    padding: 6px;
    gap: 3px;
    border: 1px solid #dce1e6;
    border-radius: 14px;
    background: rgba(255, 255, 255, .985);
    box-shadow: 0 18px 40px rgba(29, 37, 45, .16);
    animation: blp-language-menu-in 160ms ease both;
}

.blp-language-menu__panel::before {
    position: absolute;
    inset-block-start: -5px;
    inset-inline-end: 24px;
    width: 9px;
    height: 9px;
    border-block-start: 1px solid #dce1e6;
    border-inline-start: 1px solid #dce1e6;
    background: #fff;
    content: "";
    transform: rotate(45deg);
}

.blp-language-menu__item {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) 18px;
    align-items: center;
    min-height: 44px;
    padding: 6px 9px;
    gap: 7px;
    border-radius: 10px;
    color: #4a535d;
    line-height: 1.2;
}

.blp-language-menu__item.is-active {
    background: var(--blp-red-soft);
    color: var(--blp-red-dark);
}

.blp-language-menu a.blp-language-menu__item {
    transition: background-color 160ms ease, color 160ms ease;
}

.blp-language-menu a.blp-language-menu__item:hover,
.blp-language-menu a.blp-language-menu__item:focus-visible {
    background: #f1f3f5;
    color: #252c33;
}

.blp-language-menu a.blp-language-menu__item:focus-visible {
    outline: 3px solid var(--blp-red-dark);
    outline-offset: 1px;
}

.blp-language-menu__code {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 26px;
    border: 1px solid rgba(203, 210, 217, .9);
    border-radius: 8px;
    background: #fff;
    color: #59636e;
    font-size: .64rem;
    font-weight: 850;
    letter-spacing: .06em;
}

.blp-language-menu__name {
    font-size: .82rem;
    font-weight: 750;
}

.blp-language-menu__item .blp-svg-icon--check {
    width: 17px;
    height: 17px;
    color: var(--blp-red-dark);
}

@keyframes blp-language-menu-in {
    from {
        opacity: 0;
        transform: translateY(-5px) scale(.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.blp-site-nav a {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 0 10px;
    border-radius: 9px;
    color: #4a535d;
    font-size: .78rem;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
    transition: background-color 180ms ease, color 180ms ease;
}

.blp-site-nav a:hover,
.blp-site-nav a:focus-visible {
    background: #f3f5f7;
    color: var(--blp-red-dark);
}

.blp-site-nav .blp-site-nav__about {
    margin-inline-start: 4px;
    padding-inline: 13px;
    border: 1px solid #d8dee4;
    background: #f7f8f9;
    color: #343d46;
    box-shadow: 0 4px 12px rgba(29, 37, 45, .045);
}

.blp-site-nav .blp-site-nav__about:hover,
.blp-site-nav .blp-site-nav__about:focus-visible {
    border-color: #bec7cf;
    background: #eef1f3;
    color: #252c33;
}

.blp-site-nav .blp-site-nav__donate {
    margin-inline-start: 6px;
    padding-inline: 14px;
    background: var(--blp-red-action);
    color: #fff;
    box-shadow: 0 7px 17px rgba(233, 74, 83, .2);
}

.blp-site-nav .blp-site-nav__donate:hover,
.blp-site-nav .blp-site-nav__donate:focus-visible {
    background: var(--blp-red-action-hover);
    color: #fff;
}

.blp-menu-toggle {
    display: none;
    align-items: center;
    justify-content: center;
    min-width: 92px;
    min-height: 44px;
    padding: 0 13px;
    gap: 9px;
    border: 1px solid var(--blp-border);
    border-radius: 10px;
    background: #fff;
    color: #39414a;
    font-weight: 750;
    cursor: pointer;
}

.blp-menu-toggle__lines {
    display: grid;
    width: 18px;
    gap: 4px;
}

.blp-menu-toggle__lines span {
    display: block;
    width: 18px;
    height: 2px;
    border-radius: 2px;
    background: currentColor;
    transform-origin: center;
    transition: transform 180ms ease, opacity 180ms ease;
}

.blp-site-header.is-menu-open .blp-menu-toggle__lines span:nth-child(1) {
    transform: translateY(6px) rotate(45deg);
}

.blp-site-header.is-menu-open .blp-menu-toggle__lines span:nth-child(2) {
    opacity: 0;
}

.blp-site-header.is-menu-open .blp-menu-toggle__lines span:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg);
}

@media (max-width: 1180px) {

    .blp-site-header__inner {
        width: min(100% - 28px, 1180px);
        gap: 18px;
    }

    .blp-site-logo {
        flex-basis: 300px;
    }

    .blp-site-nav a {
        padding-inline: 7px;
        font-size: .72rem;
    }

    .blp-site-header__tools {
        gap: 6px;
    }}

@media (max-width: 1280px) {
    .blp-site-header__inner {
        position: relative;
        min-height: 70px;
    }

    .blp-site-logo {
        flex-basis: min(370px, 66vw);
    }

    .blp-site-header.is-menu-ready .blp-menu-toggle {
        display: inline-flex;
    }

    .blp-site-nav {
        position: absolute;
        inset-block-start: calc(100% + 1px);
        inset-inline: 0;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        max-height: var(--blp-menu-available-height, calc(100dvh - 132px));
        overscroll-behavior: contain;
        overflow: auto;
        padding: 11px;
        gap: 3px;
        border: 1px solid var(--blp-border);
        border-block-start: 0;
        border-radius: 0 0 14px 14px;
        background: rgba(255, 255, 255, .985);
        box-shadow: 0 18px 34px rgba(29, 37, 45, .13);
        opacity: 0;
        visibility: hidden;
        transform: translateY(-8px);
        /* Visibility changes immediately so Tab can reach links on opening. */
        transition: opacity 180ms ease, transform 180ms ease;
    }

    .blp-site-header.is-menu-open .blp-site-nav {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    /* Apply the initial collapsed state before enabling menu transitions. */
    .blp-site-header:not(.is-menu-animated) .blp-site-nav {
        transition: none;
    }

    /* Keep all links usable when the menu script is unavailable. */
    .blp-site-header:not(.is-menu-ready) {
        position: static;
    }

    .blp-site-header:not(.is-menu-ready) .blp-site-header__inner {
        flex-wrap: wrap;
        padding-block: 12px;
    }

    .blp-site-header:not(.is-menu-ready) .blp-site-nav {
        position: static;
        flex-basis: 100%;
        max-height: none;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
    }

    .blp-site-nav a {
        min-height: 44px;
        padding-inline: 12px;
        font-size: .82rem;
    }

    .blp-site-nav .blp-site-nav__donate {
        justify-content: center;
        margin: 5px 0 0;
    }

    .blp-site-nav .blp-site-nav__about {
        justify-content: center;
        margin: 4px 0 0;
    }}

@media (max-width: 782px) {
    .admin-bar .blp-site-header {
        inset-block-start: 46px;
    }}

@media (max-width: 620px) {
    .blp-site-header__inner {
        width: calc(100% - 20px);
        gap: 10px;
    }

    .blp-site-logo {
        min-width: 0;
        flex-basis: min(280px, 62vw);
    }

    .blp-site-logo img {
        max-height: 44px;
    }

    .blp-menu-toggle {
        min-width: 46px;
        padding-inline: 12px;
    }

    .blp-language-menu__trigger {
        min-width: 60px;
        min-height: 40px;
        padding-inline: 10px 8px;
        gap: 6px;
    }

    .blp-menu-toggle__text {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        white-space: nowrap;
    }}

@media (prefers-reduced-motion: reduce) {

.blp-skip-link {
        scroll-behavior: auto !important;
        transition-duration: .001ms !important;
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
    }}

@media print {

.blp-site-header,
.blp-site-header__tools,
.blp-menu-toggle {
        display: none !important;
    }}

/* 1.23.0 visual direction: clear hierarchy, local typography, quieter surfaces.
 * Original service colours, hover animations and reduced-motion rules remain. */
@media screen {
  .blp-site-header { background: rgba(255,255,255,.97); box-shadow: none; }
  .blp-site-header__inner { width: min(1180px, calc(100% - 64px)); min-height: 88px; gap: 18px; }
  .blp-site-logo { flex: 0 1 210px; min-width: 184px; }
  .blp-site-nav { gap: 6px; }
  .blp-site-header__tools { margin-inline-end: 8px; }
  .blp-site-logo img { max-height: 48px; }
  .blp-site-nav a { font-weight: 600; }
  .blp-site-nav .blp-site-nav__about { border-color: transparent; background: transparent; box-shadow: none; }
  .blp-site-nav .blp-site-nav__donate { box-shadow: none; border-radius: 7px; }
  .blp-language-menu__trigger { box-shadow: none; border-radius: 7px; }}
@media screen and (max-width: 1180px) {
  .blp-site-header__inner { width: calc(100% - 48px); gap: 14px; }
  .blp-site-logo { flex-basis: 184px; }
  .blp-site-nav { gap: 3px; }}
@media screen and (max-width: 1280px) {
  .blp-site-header__inner { min-height: 74px; }
  .blp-site-header__tools { margin-inline-end: 0; }
  .blp-site-logo { flex-basis: min(320px,60vw); }}
@media screen and (max-width: 760px) {

.blp-site-header__inner { width: calc(100% - 40px); }}
@media screen and (max-width: 620px) {

.blp-site-header__inner { width: calc(100% - 32px); }
  .blp-site-header__inner { min-height: 70px; gap: 12px; }
  .blp-site-logo { min-width: 0; }
  .blp-site-logo img { max-height: 40px; }}
.blp-site-logo.is-image-missing img { display: none; }
.blp-logo-fallback { display: inline-flex; align-items: center; min-height: 40px; color: #202731; font-size: 1.2rem; font-weight: 750; letter-spacing: .08em; }
@media (prefers-reduced-motion: reduce) { .blp-site-header *, .blp-site-header *::before, .blp-site-header *::after, .blp-skip-link { scroll-behavior: auto !important; transition-duration: .001ms !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; } }

/* Existing footer variants. */




/* Footer */

.bfp-site-footer {
    border-block-start: 1px solid #303841;
    background: #20262d;
    color: #d9dee3;
}

.bfp-site-footer__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: min(1120px, calc(100% - 40px));
    min-height: 104px;
    margin-inline: auto;
    padding: 22px 0;
    gap: 30px;
}

.bfp-site-footer img {
    width: auto;
    max-width: 290px;
    max-height: 48px;
    filter: brightness(0) invert(1);
    opacity: .92;
    object-fit: contain;
}

.bfp-site-footer nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 5px 17px;
}

.bfp-site-footer a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    color: #bac3cc;
    font-size: .73rem;
    font-weight: 650;
    transition: color 180ms ease;
}

.bfp-site-footer a:hover,
.bfp-site-footer a:focus-visible {
    color: #fff;
}

.bfp-site-footer a:focus-visible {
    outline-color: #fff;
}

@media (max-width: 760px) {

.bfp-site-footer__inner {
        width: min(100% - 28px, 1120px);
    }

    .bfp-site-footer__inner {
        flex-direction: column;
        align-items: flex-start;
    }

    .bfp-site-footer nav {
        justify-content: flex-start;
    }}

@media (max-width: 620px) {

    .bfp-site-footer__inner {
        width: calc(100% - 28px);
    }

    .bfp-site-footer img {
        max-width: min(100%, 270px);
    }

    .bfp-site-footer nav {
        display: grid;
        gap: 9px;
    }}

@media print {

.bfp-site-footer {
        display: none !important;
    }}

/* 1.23.0 visual direction: clear hierarchy, local typography, quieter surfaces.
 * Original service colours, hover animations and reduced-motion rules remain. */
@media screen {
  .bfp-site-footer__inner { width: min(1180px,calc(100% - 64px)); }
  .bfp-site-footer a { font-size: 12px; font-weight: 500; }}
@media screen and (max-width: 760px) {

.bfp-site-footer__inner { width: calc(100% - 40px); }}
@media screen and (max-width: 620px) {

.bfp-site-footer__inner { width: calc(100% - 32px); }}

.bdp-footer-logo.is-image-missing img {
    display: none;
}

/* Footer */

.bdp-site-footer {
    margin-top: 66px;
    background: #20262c;
    color: #c7cdd2;
}

.bdp-site-footer__inner {
    display: flex;
    align-items: center;
    max-width: var(--bdp-container);
    min-height: 150px;
    margin: 0 auto;
    padding: 26px;
    gap: 34px;
}

.bdp-footer-logo {
    display: inline-flex;
    flex: 0 0 auto;
    width: 270px;
    opacity: .88;
    filter: grayscale(1) brightness(2.5);
}

.bdp-footer-logo img {
    display: block;
    width: 100%;
    max-height: 70px;
    object-fit: contain;
    object-position: left center;
}

.bdp-footer-logo .bdp-logo-fallback {
    color: #fff;
}

.bdp-site-footer nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-left: auto;
    gap: 9px 21px;
}

.bdp-site-footer nav a {
    min-height: 34px;
    padding: 7px 0;
    color: #c0c7cd;
    font-size: .76rem;
    font-weight: 680;
    transition: color 170ms ease;
}

.bdp-site-footer nav a:hover,
.bdp-site-footer nav a:focus-visible {
    color: #fff;
}

@media (max-width: 860px) {

    .bdp-site-footer__inner {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .bdp-footer-logo {
        width: min(270px, 75vw);
    }

    .bdp-footer-logo img {
        object-position: center;
    }

    .bdp-site-footer nav {
        justify-content: center;
        margin: 0;
    }}

@media (max-width: 680px) {

    .bdp-site-footer {
        margin-top: 42px;
    }

    .bdp-site-footer__inner {
        padding-inline: 18px;
    }

    .bdp-site-footer nav {
        display: grid;
        width: 100%;
        grid-template-columns: 1fr;
        gap: 0;
    }

    .bdp-site-footer nav a {
        border-top: 1px solid rgba(255, 255, 255, .08);
        text-align: center;
    }}

@media print {

.bdp-site-footer {
        display: none !important;
    }}

body.belzhd-donate-standalone-page .bdp-site-footer__inner {
    width: min(1180px, calc(100% - 64px));
    max-width: none;
    margin-inline: auto;
}
body.belzhd-donate-standalone-page .bdp-site-footer { margin-top: 0; }
body.belzhd-donate-standalone-page .bdp-site-footer__inner { padding: 30px 0; gap: 28px; }
body.belzhd-donate-standalone-page .bdp-footer-logo { width: 210px; }
body.belzhd-donate-standalone-page .bdp-site-footer nav a { font-size: 12px; font-weight: 500; }
@media (max-width: 760px) {

body.belzhd-donate-standalone-page .bdp-site-footer__inner { width: calc(100% - 40px); }}
@media (max-width: 620px) {

body.belzhd-donate-standalone-page .bdp-site-footer__inner { width: calc(100% - 32px); }}


/* Generic content pages use the feedback footer geometry. */




/* Footer */

.blp-site-footer {
    border-block-start: 1px solid #303841;
    background: #20262d;
    color: #d9dee3;
}

.blp-site-footer__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: min(1120px, calc(100% - 40px));
    min-height: 104px;
    margin-inline: auto;
    padding: 22px 0;
    gap: 30px;
}

.blp-site-footer img {
    width: auto;
    max-width: 290px;
    max-height: 48px;
    filter: brightness(0) invert(1);
    opacity: .92;
    object-fit: contain;
}

.blp-site-footer nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 5px 17px;
}

.blp-site-footer a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    color: #bac3cc;
    font-size: .73rem;
    font-weight: 650;
    transition: color 180ms ease;
}

.blp-site-footer a:hover,
.blp-site-footer a:focus-visible {
    color: #fff;
}

.blp-site-footer a:focus-visible {
    outline-color: #fff;
}

@media (max-width: 760px) {

.blp-site-footer__inner {
        width: min(100% - 28px, 1120px);
    }

    .blp-site-footer__inner {
        flex-direction: column;
        align-items: flex-start;
    }

    .blp-site-footer nav {
        justify-content: flex-start;
    }}

@media (max-width: 620px) {

    .blp-site-footer__inner {
        width: calc(100% - 28px);
    }

    .blp-site-footer img {
        max-width: min(100%, 270px);
    }

    .blp-site-footer nav {
        display: grid;
        gap: 9px;
    }}

@media print {

.blp-site-footer {
        display: none !important;
    }}

/* 1.23.0 visual direction: clear hierarchy, local typography, quieter surfaces.
 * Original service colours, hover animations and reduced-motion rules remain. */
@media screen {
  .blp-site-footer__inner { width: min(1180px,calc(100% - 64px)); }
  .blp-site-footer a { font-size: 12px; font-weight: 500; }}
@media screen and (max-width: 760px) {

.blp-site-footer__inner { width: calc(100% - 40px); }}
@media screen and (max-width: 620px) {

.blp-site-footer__inner { width: calc(100% - 32px); }}

.blp-language-menu__item.is-unavailable { color: #727b84; }
.blp-language-menu__item.is-unavailable small { display: block; margin-top: 3px; font-size: 10px; font-weight: 400; }
.blp-site-footer { font-family: "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.blp-site-footer, .blp-site-footer *, .blp-site-footer *::before, .blp-site-footer *::after { box-sizing: border-box; }
.blp-site-footer a { text-decoration: none; }
.blp-site-footer img { height: auto; }

/* Contact and support form a matched pair of primary actions. */
.blp-site-nav .blp-site-nav__feedback { justify-content: center; padding-inline: 14px; min-height: 40px; border: 1px solid #343d46; border-radius: 7px; background: #343d46; color: #fff; }
.blp-site-nav .blp-site-nav__feedback:hover, .blp-site-nav .blp-site-nav__feedback:focus-visible { background: #20262d; border-color: #20262d; color: #fff; }
.blp-site-header__inner { position: relative; }
.blp-search { order: 4; flex: 0 0 auto; }
.blp-search__trigger { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 0; border-radius: 7px; background: transparent; color: #414a53; cursor: pointer; list-style: none; }
.blp-search__trigger::-webkit-details-marker { display: none; }
.blp-search__trigger:hover { background: #f3f5f7; color: var(--blp-red-dark); }
.blp-search__panel { margin: 0; font-family: "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.blp-search__panel label { display: block; margin-bottom: 14px; font-size: 16px; font-weight: 600; }
.blp-search__row { display: flex; gap: 10px; }
.blp-search__row input[type="search"] { display: block; flex: 1 1 auto; min-width: 0; width: 100%; min-height: 56px; margin: 0; padding: 14px 16px; border: 1px solid #bac3cc; border-radius: 7px; background: #fff; color: #20262d; font: inherit; font-size: 18px; box-sizing: border-box; }
.blp-search__row button { flex: 0 0 auto; min-height: 56px; padding: 12px 20px; border: 1px solid #fff; border-radius: 7px; background: #fff; color: #20262d; font: 600 16px/1.2 "Golos Text", sans-serif; cursor: pointer; }
.blp-search__row button:hover { background: #e8edf1; }
.blp-search__panel :focus-visible, .blp-search-close:focus-visible { outline: 3px solid #72b6f2; outline-offset: 4px; }
.blp-search > .blp-search__panel { position: absolute; z-index: 140; inset-block-start: calc(100% + 8px); inset-inline-end: 0; width: min(500px, 100%); padding: 18px; border: 1px solid #dce1e7; border-radius: 12px; background: #fff; color: #20262d; box-shadow: 0 12px 30px rgba(29,37,45,.12); }
.blp-search > .blp-search__panel button { background: #343d46; color: #fff; }
body.blp-search-lock { overflow: hidden; }
.blp-search-dialog { position: fixed; inset: 0; width: 100%; height: 100%; height: 100dvh; max-width: none; max-height: none; margin: 0; padding: clamp(90px, 16vh, 180px) 24px 32px; border: 0; box-sizing: border-box; background: rgba(17,21,26,.96); color: #fff; overflow: auto; overscroll-behavior: contain; }
.blp-search-dialog::backdrop { background: rgba(0,0,0,.45); }
.blp-search-dialog .blp-search__panel { width: min(720px,100%); margin-inline: auto; }
.blp-search-close { position: absolute; top: max(20px, env(safe-area-inset-top)); right: max(20px, env(safe-area-inset-right)); display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border: 1px solid rgba(255,255,255,.35); border-radius: 7px; background: transparent; color: #fff; font: 300 36px/1 sans-serif; cursor: pointer; }
.blp-search-close:hover { background: rgba(255,255,255,.12); }
@media (min-width: 1281px) { .blp-site-header__inner { width: min(1400px, calc(100% - 48px)); gap: 10px; } .blp-site-logo { min-width: 140px; flex-basis: 170px; } .blp-site-nav { gap: 3px; } .blp-site-nav a { padding-inline: 7px; } .blp-site-header__tools { margin-inline-end: 0; } }
@media (max-width: 1280px) { .blp-site-header__tools { margin-inline-start: auto; } .blp-site-nav .blp-site-nav__feedback { min-height: 44px; margin-top: 4px; } }
@media (max-width: 620px) { .blp-site-header__inner { gap: 6px; } .blp-site-header__tools { gap: 6px; } .blp-search-dialog { padding: 100px 20px 24px; } .blp-search__row { gap: 8px; } .blp-search__row input[type="search"] { font-size: 16px; padding-inline: 12px; } .blp-search__row button { padding-inline: 14px; } }
@media (max-width: 380px) { .blp-site-header__inner { width: calc(100% - 24px); } .blp-language-menu__trigger { min-width: 52px; } .blp-site-logo { flex-shrink: 1; } }

.blp-search-close::before, .blp-search-close::after { position: absolute; width: 20px; height: 2px; background: currentColor; content: ""; transform: rotate(45deg); }
.blp-search-close::after { transform: rotate(-45deg); }

/* Navigation order follows the visual order for keyboard users too. */
.blp-site-nav { order: 2; }
.blp-site-header__tools { order: 3; }
@media (min-width:1281px) { .blp-site-header__tools { padding-inline-start: 12px; border-inline-start: 1px solid #e1e5e9; } }
/* One search surface: query, suggestions and full results. */
.blp-search-dialog { padding-top: clamp(80px, 12vh, 140px); background: rgba(22,28,35,.65); backdrop-filter: blur(8px); }
.blp-search-dialog::backdrop { background: rgba(16,22,29,.35); }
.blp-search-dialog .blp-search__panel { width: min(760px,100%); padding: 30px; border: 1px solid rgba(255,255,255,.7); border-radius: 18px; background: #fff; color: #20262d; box-shadow: 0 24px 90px rgba(0,0,0,.25); box-sizing: border-box; animation: blp-search-in 160ms ease-out; }
.blp-search-dialog .blp-search__panel label { margin-bottom: 20px; font-size: 26px; line-height: 1.2; letter-spacing: -.025em; }
.blp-search-dialog .blp-search__row { gap: 0; border: 1px solid #b8c1c9; border-radius: 10px; background: #f6f8fa; transition: border-color 160ms ease, box-shadow 160ms ease; }
.blp-search-dialog .blp-search__row:focus-within { border-color: #b8323b; box-shadow: 0 0 0 3px rgba(184,50,59,.12); }
.blp-search-dialog .blp-search__row input[type="search"] { height: 60px; min-height: 60px; border: 0; border-radius: 10px 0 0 10px; background: transparent; box-shadow: none; outline: none; font-size: 18px; }
.blp-search-dialog .blp-search__row button { display: inline-flex; align-items: center; justify-content: center; align-self: center; flex: 0 0 48px; width: 48px; height: 48px; min-height: 48px; margin-inline-end: 6px; padding: 0; border: 0; border-radius: 7px; background: #b8323b; color: #fff; }
.blp-search-dialog .blp-search__row button:hover { background: #992a33; }
.blp-search__row button svg { display: block; flex-shrink: 0; }
.blp-search-submit-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.blp-search__panel .blp-search-hint { margin: 12px 0 0; color: #66717c; font-size: 13px; line-height: 1.5; }
.blp-search__panel .blp-search-status { margin: 22px 0 10px; color: #66717c; font-size: 13px; line-height: 1.5; }
.blp-search-status:empty { display: none; }
.blp-search-results { display: grid; gap: 2px; }
.blp-search-result { display: flex; align-items: center; gap: 16px; padding: 12px 8px; border-radius: 10px; color: #20262d; text-decoration: none; transition: background-color 150ms ease; }
.blp-search-result:hover { background: #f3f5f7; color: #a82f38; }
.blp-search-result__image { display: block; flex: 0 0 96px; width: 96px; height: 66px; overflow: hidden; border-radius: 7px; background: linear-gradient(145deg,#e5e9ed,#f3f5f7); }
.blp-search-result__image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.blp-search-result__copy { display: grid; gap: 7px; min-width: 0; }
.blp-search-result__title { font-size: 15px; line-height: 1.45; font-weight: 600; overflow-wrap: anywhere; }
.blp-search-result__date { font-size: 12px; line-height: 1.2; color: #6e7882; }
.blp-search-all { display: flex; align-items: center; justify-content: space-between; margin-top: 16px; padding: 14px 16px; border: 1px solid #dde2e7; border-radius: 8px; background: #f5f7f9; color: #343d46; text-decoration: none; font-size: 14px; font-weight: 600; }
.blp-search-all:hover { background: #eaeef2; color: #a82f38; }
.blp-search-all[hidden] { display: none; }
@keyframes blp-search-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width:620px) { .blp-search-dialog { padding: 80px 12px 20px; } .blp-search-dialog .blp-search__panel { padding: 20px 16px; border-radius: 14px; } .blp-search-dialog .blp-search__panel label { font-size: 23px; margin-bottom: 18px; } .blp-search-dialog .blp-search__row input[type="search"] { font-size: 16px; height: 56px; min-height: 56px; padding-inline: 12px; } .blp-search-result { padding: 10px 0; gap: 12px; } .blp-search-result__image { flex-basis: 72px; width: 72px; height: 58px; } .blp-search-result__title { font-size: 14px; } .blp-search-close { width: 44px; height: 44px; top: 16px; right: 16px; } }
@media (max-height:500px) { .blp-search-dialog { padding-top: 72px; } }
@media (prefers-reduced-motion:reduce) { .blp-search-dialog *, .blp-search-dialog { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }

.blp-search-dialog > .blp-search-close { position: fixed; }