/* main */
/* 01.10.2025, 12:47 */
:root {
    --main-background: linear-gradient(163.24deg, #070304 0%, #0A0D18 25.18%, #060304 100%);
    --main-text-color: #F4EBE0;
    --main-solid-background: #0A0C15;
    --main-solid-background-transparent: #0a0c15ef;
    --second-text-color: #F4EBE0;
}

::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

::-webkit-scrollbar-track {
    background: white;
    padding: 5px;
}

::-webkit-scrollbar-thumb {
    background: #b4b4b4;
    border-radius: 100px;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}


html {
    height: auto;
    margin-top: 0px !important;
}

body {
    background: var(--main-background);
    background-size: cover;
    height: 100%;
    margin: 0px;
    font-family: 'Playfair Display', serif;
}
body.locked {
    overflow: hidden;
}

body,
p,
h1,
h2,
h3,
h4,
h5,
a,
button,
input {
    font-family: "Libre Franklin", sans-serif;
}

h1 {
    font-family: 'Playfair Display';
    font-size: 64px;
    font-weight: 700;
    color: var(--second-text-color);
}
h2 {
    font-family: 'Playfair Display';
    font-size: 32px;
    font-weight: 700;
    color: var(--second-text-color);
}
.uppercase {
    text-transform: uppercase;
}

.visually-hidden {
    opacity: 0;
    pointer-events: none;
}

.container {
    margin: 0 auto;
    max-width: 1440px;
    padding: 0 40px;
}

.container.no-padding {
    padding: 0px;
}

.container.divider {
    margin-top: 148px;
}

.menu-wrapper {
    position: fixed;
     inset: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    background: linear-gradient(0deg, #541319, #36060A);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: .2s;
}
.menu-wrapper.hidden {
    opacity: 0;
    pointer-events: none;
}
.menu {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: clamp(40px, 8vw, 120px); /* плавна зміна відстані */
    flex-wrap: wrap; /* дозволяє перенос на менших екранах */
}

.menu.hidden {
    display: none;
}
.menu-element__sections-title {
    font-weight: 700;
    font-family: 'Playfair Display';
    font-size: 32px;
    color: var(--second-text-color);
    text-transform: uppercase;
}
.menu-element.sections {
    display: flex;
    flex-direction: column;
    gap: 64px;
    height: 444px;
    justify-content: flex-start;
}
.menu-element.sections .menu-element__sections-elements {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.menu-element.sections .menu-element__sections-element {
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.menu-element.sections .menu-element__sections-element a {
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    font-family: 'Playfair Display';
    text-decoration: none;
    color: var(--second-text-color);
}
.menu-element.conctact-partners {
    display: flex;
    flex-direction: column;
    gap: 84px;
}
.menu-element.conctact-partners .menu-subsection {
    display: flex;
    flex-direction: column;
    gap: 48px;
}
.menu-subsection__col {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.menu-subsection__col-item {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--second-text-color);
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
}
.menu-subsection__col-item p {
    margin: 0px;
}
.menu-partners {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}
.menu-partners__item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 111px;
    width: 170px;
    background: var(--second-text-color);
    border-radius: 10px;
}
.menu-footer {
    margin-bottom: 80px;
    position: absolute;
    bottom: 0;
}
.menu-footer.hidden {
    display: none;
}
.menu-footer__section-elements {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.menu-footer__section-elements a {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    background: var(--second-text-color);
    border-radius: 100%;
}
.menu-footer__section-elements a img {
    width: 25px;
}

.menu-wrapper .search {
    width: 100%;                          
    max-width: 1200px;                    /* обмеження зверху */
    margin-inline: auto;                  /* центрування */
    position: relative;
    padding-inline: clamp(16px, 4vw, 40px); /* плавні бокові відступи */
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 24px;                            /* відступи між елементами */
}
.menu-wrapper .search.hidden {
    display: none;
}
.menu-wrapper .search input.search-input {
    width: 100%;
    height: 78px;
    padding: 10px 32px;
    background: #FFFFFF14;
    border: none;
    border-bottom: 1px solid #FFFFFF;
    border-radius: 4px;
    outline: none;
    font-family: 'Playfair Display';
    font-size: 24px;
    font-weight: 600;
    color: var(--second-text-color);
    box-sizing: border-box;
}
.menu-wrapper .search input.search-input::placeholder {
    color: #F4EBE0CC;
}
.menu-wrapper .search .search-results__title {
    margin: 48px 0 32px;
    color: #F4EBE0D6;
    font-size: 14px;
    font-weight: 500;
}
.menu-wrapper .search .global-main__pagination-area.navigation .global-main__prev-slide {
    position: absolute;
    left: 0;
    top: 55%;
    transform: translate(-50%, -50%);
    background: var(--main-solid-background-transparent);
    z-index: 3;
    padding: 10px;
    border-radius: 100%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.menu-wrapper .search .global-main__pagination-area.navigation .global-main__next-slide {
    position: absolute;
    right: -50px;
    top: 55%;
    transform: translate(-50%, -50%);
    background: var(--main-solid-background-transparent);
    z-index: 3;
    padding: 10px;
    border-radius: 100%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.search-notfound {
    color: var(--second-text-color);
    opacity: .5;
}

.wysiwyg-content {
    margin-top: 20px;
}

.wysiwyg-content ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.wysiwyg-content ul li {
    position: relative;
    margin-left: 20px;
    line-height: 40px;
    font-size: 18px;
}
.wysiwyg-content ul li::after {
    content: '';
    position: absolute;
    top: 0px;
    transform: translateY(15px);
    left: -20px;
    width: 8px;
    height: 8px;
    background: #6E050F;
    border-radius: 100%;
}

.wysiwyg-content a {
    color: var(--second-text-color);
}

.loader {
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .2s;
}
.loader-curtains {
    position: absolute;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    transition: 1s;

}
.loader .loader-logo {
    width: 252px;
    z-index: 2;
    transition: 1s;
}
.loader-curtains div:nth-child(1) {
    background: linear-gradient(100deg, #541319, #43070C);
    transition: 1s;
}
.loader-curtains div:nth-child(2) {
    background: linear-gradient(-100deg, #541319, #43070C);
    transition: 1s;
}

.loader.animated .loader-curtains div:nth-child(1) {
    transform: translateX(-100%);
}
.loader.animated .loader-curtains div:nth-child(2) {
    transform: translateX(100%);
}
.loader .loader-curtains.hidden {
    display: none;
}
.loader .loader-logo.hidden {
    display: none;
}
.loader.hidden {
    display: none;
}

/*  */

/* header */

.header {
    display: flex;
    justify-content: center;
    position: fixed;
    width: 100%;
    z-index: 3;
    transition: .2s;
    z-index: 999;
}
.header-container {
    display: flex;
    gap: 16px;
    padding-left: 40px;
    padding-right: 40px;
    justify-content: center;
    z-index: 999;
}

.header.fixed-with-menu {
    background: #3A070C !important;
}

.header-inner {
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
    max-width: 1440px;
    z-index: 3;
}

.header-logo.hidden {
    display: none;
}
.header-logo {
    width: 168px;
    transition: .2s;
}

.header-logo-link {
    width: 168px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-container.mobile .header-logo-link {
    width: 116px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header.fixed {
    background: var(--main-solid-background-transparent);
}

.header-section {
    display: flex;
    gap: 16px;
    align-items: center;
    padding-left: 40px;
    padding-right: 40px;
}

.header-section button {
    background: transparent;
    border: none;
    padding: 0;
}

.header-section__item {
    user-select: none;
    cursor: pointer;
}

.header-section__item.header-dropdown {
    display: flex;
    align-items: center;
    gap: 5px;
}

.header-section__item.header-dropdown::after {
    content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE2IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjMyNiA4LjA1Mi45NjIgMS42ODcgMi41NTMuMDk3bDUuNTY5IDUuNTY4TDEzLjY5LjA5N2wxLjU5IDEuNTktNi4zNjQgNi4zNjVhMS4xMjUgMS4xMjUgMCAwIDEtMS41OSAwIiBmaWxsPSIjZmZmIi8+Cjwvc3ZnPgo=");
position: absolute;
    left: 35px;
}

.header-dropdown__wrapper {
    font-size: 24px;
    height: 30px;
    width: 34px;
    overflow: hidden;
}

.header-dropdown__wrapper .header-dropdown__item-selected {
    font-weight: 700;
}

.header-dropdown__wrapper>* {
    color: var(--main-text-color);
}

/*  */

/* closest shows */

.union-shows::before {
    content: '';
    position: absolute;
    width: 100%;
    top: -12px;
    height: 3px;
    background: #6E050F;
    border-radius: 100px;
}
.union-shows::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: -15px;
    background: #6E050F;
    border-radius: 100px;
}
/* Контейнер для лінії */
.union-line {
    position: absolute;
    height: 3px;
    background: #6E050F;
    border-radius: 100px;
    z-index: 1;
}





.closest-shows__wrapper {
    margin-top: 120px;
}


.closest-show__title {
    font-size: 64px;
    font-family: 'Playfair Display';
    color: var(--main-text-color);
    line-height: 60px;
    font-weight: 700;
}

.closest-show__filter-title p {
    font-weight: 600;
}

.closest-show__filter-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.closest-show__filter {
    display: flex;
    width: 383px;
    align-items: flex-start;
    justify-content: space-between;
    background: #F4EBE0;
    border-radius: 10px;
    flex-direction: column;
    position: relative;
    z-index: 2;
}
.closest-show__filter.expanded {
    border-radius: 10px 10px 0px 0px;
}

.closest-show__filter-title__wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 400;
    font-size: 14px;
    padding-left: 8px;
    padding-right: 8px;
    width: -webkit-fill-available;
    justify-content: space-between;
}
.closest-show__filter-title {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-left: 8px;
}

.closest-show__filter-content {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    width: -webkit-fill-available;
    position: absolute;
    background: #F4EBE0;
    top: 40px;
    border-radius: 0px 0px 10px 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.closest-show__filter-content.hidden {
    display: none;
}
.closest-show__filter-content__date {
    display: flex;
    justify-content: space-between;
    font-weight: 600;
    color: #000000A8;
    font-size: 16px;
    align-items: center;
    height: 40px;
    width: 100%;
}
.closest-show__filter-content__date p {
    margin: 0px;
}
.closest-show__filter-content__date-controls {
    display: flex;
    align-items: center;
    gap: 14px;
}
.closest-show__filter-content__date-controls .closest-show__filter-content__date-control {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #EBDCCB;
    border-radius: 100%;
}

.closest-show__filter-now {
    background: #E4D0BA;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
}

.closest-show__filter-reset__wrapper {
    display: flex;
    align-items: center;
    margin-top: 19px;
    gap: 12px;
    margin-right: 160px;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
}
.closest-show__filter-reset__wrapper .closest-show__filter-reset__icon {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJpc29sYXRpb246aXNvbGF0ZSIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZwdCIgaGVpZ2h0PSIxNnB0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iYSI+CiAgICAgIDxwYXRoIGQ9Ik0wIDBoMTZ2MTZIMHoiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGNsaXAtcGF0aD0idXJsKCNhKSIgZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjNzk3OTc5Ij4KICAgIDxwYXRoIGQ9Ik0xLjYxNCA3LjQyNGExIDEgMCAwIDEtLjY4Mi4yNTkuOTQuOTQgMCAwIDEtLjY3Mi0uMzA3Ljk1Ljk1IDAgMCAxLS4yNTktLjY4Mi45Ny45NyAwIDAgMSAuMjk3LS42NzJsMi45NTgtMi43ODVhNi43NiA2Ljc2IDAgMCAxIDYuMjMyLTEuNzk2IDYuNzIgNi43MiAwIDAgMSA0Ljg1IDQuMzIxYy4wODYuMjQxLjA3Ny41LS4wMzguNzNhLjk1Ljk1IDAgMCAxLS41NDguNDkuOTIuOTIgMCAwIDEtLjczLS4wMzguOTUuOTUgMCAwIDEtLjQ4OS0uNTQ4IDQuODMgNC44MyAwIDAgMC0zLjQ2Ny0zLjA4MkE1IDUgMCAwIDAgOCAzLjE5OCA0Ljc4IDQuNzggMCAwIDAgNC42MSA0LjYxYy0uMDA5IDAtLjAxOS4wMS0uMDI5LjAxOXptMTIuNzcyIDEuMTUyYTEgMSAwIDAgMSAuNjgyLS4yNTljLjI1OS4wMS40OTkuMTE1LjY3Mi4zMDdhLjk1Ljk1IDAgMCAxIC4yNTkuNjgyLjk3Ljk3IDAgMCAxLS4yOTcuNjcybC0yLjk1OCAyLjc4NWE2Ljc2IDYuNzYgMCAwIDEtNi4yMzIgMS43OTYgNi43MiA2LjcyIDAgMCAxLTQuODUtNC4zMjEuOTIuOTIgMCAwIDEgLjAzOC0uNzMuOTUuOTUgMCAwIDEgLjU0OC0uNDkuOTIuOTIgMCAwIDEgLjczLjAzOGMuMjMuMTA2LjQwMy4zMDguNDg5LjU0OGE0LjgzIDQuODMgMCAwIDAgMy40NjcgMy4wODJjLjM0Ni4wNzcuNzExLjExNiAxLjA2Ni4xMTZhNC43OCA0Ljc4IDAgMCAwIDMuMzktMS40MTJjLjAwOSAwIC4wMTktLjAxLjAyOS0uMDE5eiIvPgogICAgPHBhdGggZD0iTTQuODAyIDUuNzYyYy4yNSAwIC41LjA5Ny42NzIuMjc5YS45MzYuOTM2IDAgMCAxIDAgMS4zNTQuOTQuOTQgMCAwIDEtLjY3Mi4yODhILjk2MWEuOTYuOTYgMCAwIDEtLjk2LS45NlYyLjg4MmEuOTUuOTUgMCAwIDEgLjk2LS45NjFjLjI1IDAgLjQ5OS4wOTYuNjcyLjI3OWEuOTYuOTYgMCAwIDEgLjI4OC42ODJ2Mi44OHptNi4zOTYgNC40NzZjLS4yNSAwLS41LS4wOTctLjY3Mi0uMjc5YS45MzYuOTM2IDAgMCAxIDAtMS4zNTQuOTQuOTQgMCAwIDEgLjY3Mi0uMjg4aDMuODQxYy41MyAwIC45Ni40My45Ni45NnYzLjg0MWEuOTUuOTUgMCAwIDEtLjk2Ljk2MS45My45MyAwIDAgMS0uNjcyLS4yNzkuOTYuOTYgMCAwIDEtLjI4OC0uNjgydi0yLjg4eiIvPgogIDwvZz4KPC9zdmc+Cg==");
    width: 16px;
    height: 16px;
    background-size: contain; 
    flex-shrink: 0;  

}
.closest-show__filter-reset__wrapper.hidden {
    display: none;
}
.closest-show__filter-reset__wrapper p {
    margin: 0px;
}

/* calendar */

.closest-show__calendar {
    --cell: 36px;
    --gap: 6px;
    --muted-opacity: .4;
    --today-outline: #000;

    display: grid;
    grid-template-rows: auto 1fr;
    gap: 8px;
    font: 500 14px/1.1 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, 'Helvetica Neue', Arial;
    color: #2a2a2a;
    margin-top: 10px;
}

.closest-show__calendar-weekdays {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: var(--gap);
}

.closest-show__calendar-weekday {
    text-align: center;
    font-weight: 600;
    opacity: .6;
    padding: 6px 0;
}

.closest-show__calendar-days {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: var(--gap);
}

.closest-show__calendar-day {
    height: var(--cell);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    background: transparent;
    border: 0;
    cursor: pointer;
    color: inherit;
    transition: .2s;
    width: 40px;
    height: 40px;
}
.closest-show__calendar-day.active {
    background: #690A10;
    color: var(--second-text-color);
    opacity: 1!important;
}

.closest-show__calendar-day:hover {
    background: rgba(0, 0, 0, .06);
}

.closest-show__calendar-day.is-muted {
    opacity: var(--muted-opacity);
}

.closest-show__calendar-day.is-today {
    outline: 2px solid #5212183b;
    outline-offset: -2px;
}

.closest-show__calendar-day.in-range { background: rgba(162,145,126,.12); }

/*  */

.closest-show__categories {
    display: flex;
    align-items: center;
    color: var(--main-text-color);
    font-size: 18px;
    gap: 10px;
    line-height: 38px;
    margin-top: 34px;
}

.closest-show__category {
    padding: 5px 16px;
    border-radius: 10px;
    transition: .2s;
    user-select: none;
	cursor: pointer;
}

.closest-show__category:hover {
    background: #700002;
}

.closest-show__category.active {
    background: #ffffff;
    color: #14151C;
}

.closest-show__category-exit {
    padding: 5px 16px;
    border-radius: 10px;
    transition: .2s;
    user-select: none;
    gap: 10px;
    display: flex;
    background: #ffffff12;
	cursor: pointer;
}
.closest-show__category-exit:hover {
    background: #fffbf7; 
    color: #14151C;
}

.closest-show__category-exit .arrow {
    font-size: 18px;
    line-height: 180%;   
}

.closest-shows {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 52px;
    gap: 48px 16px;
    position: relative;
}
.closest-shows.hidden {
    display: none;
}
.closest-shows.appended {
    margin-top: 48px;
    position: relative;
}
.closest-shows.appended::after {
    content: '';
    width: 100%;
    height: 3px;
    background: #6E050F;
    position: absolute;
    top: -12px;
    border-radius: 100px;
}

.closest-shows a {
    text-decoration: none;
}

.union-frame {
  position: absolute;
  pointer-events: none;
  border: 2px solid var(--accent, #b33);
  border-radius: 16px;
  /* опционально: подложка/свечение, если надо:
  box-shadow: 0 0 0 4px rgba(0,0,0,.15) inset;
  */
}
/* -------- */
/* Лінії зверху та знизу для всіх елементів union-show */

.union-show::before,
.union-show::after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    background: #6E050F;
    border-radius: 100px;
}





/* Лінія зверху */
.union-show::before {
    top: -12px; /* відступ від елемента */
}

/* Лінія знизу */
.union-show::after {
    bottom: -12px; /* відступ від елемента */
}




.closest-show {
    position: relative;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: var(--main-text-color);
}

.closest-show.canceled img {
    filter: contrast(0.3);
}

.closest-show img {
    width: 100%;
    height: 270px;
    object-fit: cover;
    border-radius: 10px;
}

.closest-show__item-date {
    margin-top: 32px;
    opacity: .5;
}

.closest-show__item-title {
    margin-top: 10px;
    font-size: 24px;
}

.closest-show__item-date-second {
    position: absolute;
    width: 50px;
    height: 50px;
    padding: 5px;
    text-align: center;
    background: linear-gradient(0deg, #36060A, #541319);
    display: flex;
    align-items: center;
    border-radius: 4px;
    font-size: 12px;
    justify-content: center;
    bottom: calc(100% - 290px);
    right: 16px;
    font-weight: 500;
}
.closest-show__item-date-second.canceled {
    padding-left: 15px;
    padding-right: 15px;
    height: 30px;
    margin: 15px 0px;
}

/*  */

/* news */

.news-title {
    font-family: 'Playfair Display';
    font-size: 64px;
    font-weight: 700;
    color: var(--main-text-color);
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 60px;
}

.all_news_btn {
    font-size: 18px;
    border: 2px solid #700002;
    padding: 10px 16px;
    color: var(--main-text-color);
    border-radius: 10px;
    text-decoration: none;
    font-weight: 400;
    transition: .2s;
    display: flex;
    align-items: center;
    gap: 10px;
    height: 30px;
}
.all_news_btn:hover {
    background: #700002;
}
.all_news_btn::after {
    content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE0IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC41MTguODc2YS41LjUgMCAwIDEgLjM2Ny0uMTZjLjEzOCAwIC4yNy4wNTcuMzY3LjE2bDIuNTk2IDIuNzNhLjU2LjU2IDAgMCAxIC4xNTIuMzg3LjU2LjU2IDAgMCAxLS4xNTIuMzg1TDExLjI1MiA3LjExYS41Mi41MiAwIDAgMS0uMzcuMTc0LjUuNSAwIDAgMS0uMzc3LS4xNi41NS41NSAwIDAgMS0uMTUyLS4zOTYuNTcuNTcgMCAwIDEgLjE2NS0uMzlsMS43MS0xLjc5OEgxLjAyYS41LjUgMCAwIDEtLjM2Ny0uMTYuNTYuNTYgMCAwIDEtLjE1My0uMzg2LjU2LjU2IDAgMCAxIC4xNTMtLjM4Ny41LjUgMCAwIDEgLjM2Ny0uMTZoMTEuMjA4bC0xLjcxLTEuNzk4YS41Ni41NiAwIDAgMS0uMTUyLS4zODZjMC0uMTQ1LjA1NS0uMjg0LjE1Mi0uMzg2IiBmaWxsPSIjRjRFQkUwIi8+Cjwvc3ZnPgo=")
}

.more_btn_arrow {
    font-size: 18px;
    border: 2px solid #700002;
    padding: 10px 16px;
    color: var(--main-text-color);
    border-radius: 10px;
    text-decoration: none;
    font-weight: 400;
    transition: .2s;
    display: flex;
    align-items: center;
    gap: 10px;
}
.more_btn_arrow:hover {
    background: #700002;
}
.more_btn_arrow::after {
    content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE0IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC41MTguODc2YS41LjUgMCAwIDEgLjM2Ny0uMTZjLjEzOCAwIC4yNy4wNTcuMzY3LjE2bDIuNTk2IDIuNzNhLjU2LjU2IDAgMCAxIC4xNTIuMzg3LjU2LjU2IDAgMCAxLS4xNTIuMzg1TDExLjI1MiA3LjExYS41Mi41MiAwIDAgMS0uMzcuMTc0LjUuNSAwIDAgMS0uMzc3LS4xNi41NS41NSAwIDAgMS0uMTUyLS4zOTYuNTcuNTcgMCAwIDEgLjE2NS0uMzlsMS43MS0xLjc5OEgxLjAyYS41LjUgMCAwIDEtLjM2Ny0uMTYuNTYuNTYgMCAwIDEtLjE1My0uMzg2LjU2LjU2IDAgMCAxIC4xNTMtLjM4Ny41LjUgMCAwIDEgLjM2Ny0uMTZoMTEuMjA4bC0xLjcxLTEuNzk4YS41Ni41NiAwIDAgMS0uMTUyLS4zODZjMC0uMTQ1LjA1NS0uMjg0LjE1Mi0uMzg2IiBmaWxsPSIjRjRFQkUwIi8+Cjwvc3ZnPgo=")
}

.news-section {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 48px;
    margin-top: 48px;
}

.news-section a {
    color: var(--main-text-color);
    text-decoration: none;
}

.news-item {
    width: 554px;
}

.news-item.large {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
    width: 100%;
}
.news-item.large img {
    height: 445px;
}

.news-item.small.top {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
}

.news-item.small.bottom {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
}

.news-item img {
    width: 100%;
    height: 296px;
    object-fit: cover;
    border-radius: 10px;
}

.news-item.small .news-item__title {
    font-size: 24px;
}
.news-item__title {
    margin-top: 16px;
    font-size: 32px;
}

.news-item__date {
    margin-top: 33px;
    font-size: 16px;
    opacity: .5;
}
.closest-shows > .union-shows {
    grid-column: 1 / -1;
    flex: 0 0 100%;
    width: 100%;

    display: grid;
    gap: var(--gap, 24px);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    position: relative;
}

/*  */

/* footer */

.footer-wrapper {
    background: linear-gradient(0deg, #541319, #1F202312);
    margin-top: 140px;
    padding: 40px;
}
.footer-wrapper p {
    margin: 0px;
}
.footer-logo {
    width: 203px;
}
.footer-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    width: fit-content;
}
.footer-wrapper .search-box {
    width: 328px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #3A1016;
    color: var(--main-text-color);
    padding: 10px;
    padding-left: 16px;
    padding-right: 10px;
    border-radius: 10px;
}
.footer-wrapper .search-box__icon {
    width: 38px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #4D151A;
    padding: 5px;
    border-radius: 6px;
}

.footer-center {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 64px;
}

.footer-center__section.contacts p {
    font-family: 'Playfair Display';
    font-size: 18px;
    color: #DDD5CC;
    font-weight: 700;
}
.footer-center__section.contacts .footer-socials {
    display: flex;
    gap: 8px;
}
.footer-center__section.contacts .footer-social {
    background: #FFFFFF;
    padding: 14px;
    border-radius: 10px;
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer-socials__title {
    line-height: 30px;
    margin-bottom: 8px!important;
}

.footer-phones p,
.footer-adress p {
    font-family: 'Libre Franklin'!important;
    font-weight: 400!important;
    font-size: 14px!important;
}

.footer-center__section.links {
    display: flex;
    align-items: flex-start;
    justify-content: space-evenly;
    gap: 64px;
}
.footer-center__section.links .footer-link {
    display: flex;
    flex-direction: column;
    gap: 7px;
}
.footer-center__section.links .footer-link a {
    color: var(--main-text-color);
    text-decoration: none;
    font-family: 'Playfair Display';
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
}

.footer-center__section.support {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
}
.footer-center__section.support p {
    color: var(--main-text-color);
    text-decoration: none;
    font-family: 'Playfair Display';
    font-size: 18px;
    width: 254px;
    font-weight: 700;
    line-height: 30px;
}
.footer-contact__title,
.footer-adress__title {
    display: flex;
    align-items: center;
    gap: 8px;
}
.footer-contact__title {
    margin-bottom: 8px!important;
}
.footer-adress__title {
    margin-top: 16px!important;
    margin-bottom: 8px!important;
}
.footer-partners {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 10px;
    gap: 10px;
    justify-items: start;
    justify-content: start;
    width: fit-content;
}
.footer-partners a {
    border: 2px solid #DDD5CC;
    border-radius: 10px;
    width: 156px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer-partners__title {
    line-height: 30px;
    margin-top: 64px!important;
}

.footer-map {
    margin-top: 24px!important;
}
.footer-map iframe {
    border: 0;
    width: 254px;
    height: 254px;
    border-radius: 8px;
}

.footer-copyright {
    display: flex;
    justify-content: space-between;
    margin-top: 218px;
    color: var(--main-text-color);
    font-size: 14px;
}
.footer-copyright__section {
    display: flex;
    gap: 69px;
}
.footer-copyright__section a {
    color: var(--main-text-color);
    text-decoration: none;
}
.footer-copyright__developer {
    opacity: .5;
}
/*  */

/* global */

.centered-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 120px;
    padding-bottom: 120px;
}

.right-btn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 32px;
}

.right-btn .more-btn {
    background: none;
    font-size: 16px;
}
.right-btn .more-btn:hover {
    background: #700002;
}

.more-btn {
  display: flex;
  align-items: center;
  justify-content: center;

  height: 50px;                  /* фіксована висота */
  /* min-width: 174px;               */
  padding: 0 20px;

  border: 2px solid #700002;
  border-radius: 10px;
  background: transparent;
  color: var(--main-text-color);

  font-size: 18px;               /* базовий розмір */
  line-height: 50px;             /* вирівнювання тексту по центру */
  white-space: nowrap;           /* не переносимо текст */
  text-align: center;

  transition: 0.2s;
  text-decoration: none;
  box-sizing: border-box;
}

a.more-btn {
    text-decoration: none;
    color: var(--main-text-color)!important;
}
.more-btn:not(:hover) {
    background: transparent;
}

.more-btn.hidden {
    display: none !important; /* додаємо !important для надійного приховання */
}


.more-btn:hover {
    cursor: pointer;
    background: #700002;
}

a.swiper-slide {
    text-decoration: none;
}

.dropdown-wrapper {
    margin-top: 120px;
    margin-bottom: 120px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.dropdown-wrapper.ticket_return__dropdown-wrapper {
    margin-top: 64px;
    margin-bottom: 140px;
}
.dropdown {
    background: #380409;
    padding: 24px 48px;
    color: var(--second-text-color);
    border-radius: 10px;
}
.dropdown {
    background: #1E1E21;
}
.dropdown.second-color {
    background: #3D1D22;
}
.dropdown.active {
    background: #380409;
}
.dropdown .dropdown-title__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    font-family: 'Playfair Display';
    font-size: 18px;
}
.dropdown .dropdown-content {
    margin-top: 32px;
    height: fit-content;
}
.dropdown .dropdown-content ul {
    list-style: none;
    list-style-position: inside;
    padding: 0;
}
.dropdown .dropdown-content ul li {
    position: relative;
    padding-left: 16px;
}
.dropdown .dropdown-content ul li::after {
    content: '';
    position: absolute;
    left: 0;
    top: 12px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #6E050F;
}
.dropdown .dropdown-content a {
    color: var(--main-text-color);
}
.dropdown.hidden .dropdown-content {
    margin: 0px;
    height: 0px;
    overflow: hidden;
    transition: .2s;
}
.dropdown .dropdown-toggle {
    cursor: pointer;
    transition: .2s;
}
.dropdown.active .dropdown-toggle {
    transform: rotate(180deg);
}
.dropdown .dropdown-toggle:hover {
    opacity: .5;
}
.dropdown .dropdown-content {
    line-height: 30px;
}
.dropdown .dropdown-file {
    display: flex;
    align-items: center;
    gap: 14px;
    background: #ffffff33;
    width: fit-content;
    padding: 8px 24px;
    border-radius: 10px;
    text-decoration: none;
}
.dropdown .dropdown-file p {
    margin: 0px;
}
.dropdown .dropdown-files {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

/*  */

/* pagination for swiper */

.swiper-pagination-bullet-active {
    background: transparent!important;
}

.global-main__pagination-area {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 33px;
}
.global-main__pagination-area .global-main__pagination-wrapper {
    display: flex;
    align-items: center;
    gap: 16px;
}
.global-main__pagination-area .global-main__pagination-wrapper.hidden {
    display: none;
}
.global-main__pagination-area .global-main__pagination-wrapper .swiper-pagination-bullet-active {
    transform: scale(1.5);
    width: 10px;
    height: 10px;
}
.global-main__pagination-area .global-main__pagination-wrapper .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}
.global-main__pagination-area .global-main__prev-slide {
    transform: rotate(180deg);
}
.global-main__pagination-area .swiper-button-disabled {
    opacity: .5;
}

.double-gallery__wrapper__swiper {
    margin-top: 114px;
}
.double-gallery__wrapper__swiper.mobile {
    display: none;
}
.double-gallery__wrapper {
    margin-bottom: 60px;
}
.double-gallery__photo-block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}
.dg-item__top    { grid-area: top; }
.dg-item__bottom { grid-area: bottom; }
.double-gallery__photo-block__item {
    display: grid;
    grid-template-rows: auto auto;
    grid-template-areas:
        "top"
        "bottom";
    gap: 16px;
}
.double-gallery__photo-block__item.is-reversed {
    grid-template-areas:
        "bottom"
        "top";
}

.dg-item__bottom {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}
.double-gallery__wrapper img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}
.dg-item__top img {
    width: 100%;
    height: 416px;
    border-radius: 10px;
}
.dg-item__bottom .dg-item__bottom-col img {
    width: 100%;
    height: 416px;
    border-radius: 10px;
}
.double-gallery__wrapper__swiper .global-main__pagination-wrapper,
.double-gallery__wrapper__swiper .global-main__pagination-area {
    margin-top: 0px;
}

.mobile {
    display: none;
}

/* lang-dropdown */
.header-dropdown { position: relative; }
.header-dropdown__wrapper { 
    cursor: pointer; 
    user-select: none;
	width: 56px; 
	z-index: 9999;
}

.header-dropdown__items {
  position: absolute;
  top: 100%; 
  left: -12px;
  display: none;
  margin-top: 2px;
  /* min-width: 50px;*/
  padding: 0px;
  background: #1D1D1C;
  border-radius: 8px;
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
  z-index: 1000;
}

.header-dropdown__items [aria-selected="true"] {
  display: none;
}
.header-dropdown__wrapper[aria-expanded="true"] .header-dropdown__items { display: block; }
.header-dropdown__items [role="option"] { padding: 4px 12px; outline: none; }
.header-dropdown__items [role="option"]:hover {
    color: #555;
}
.header-dropdown__items [role="option"]:focus { background: #f5f5f5; }
.header-dropdown__items [role="option"][aria-selected="true"] { font-weight: 600; }

.header-dropdown__items li a {
    text-decoration: none;
    color: var(--main-text-color);
    font-weight: bold;
}

.header-dropdown__items [role="option"]:hover a {
    color: #555;
}

.header-dropdown__items [role="option"]:focus a {
    color: #333;
}
.header-dropdown__items {
  list-style: none;   /* 🔹 прибирає кружечки */
  margin: 0;          /* забирає стандартні відступи */
  padding: 0;         /* у тебе вже є, але краще залишити */
}
.bottom-overlay {
    display: none;
}
.bottom-buttons-container {
    display: none;
}
.gsp_circle_player,
.gsp_button_player,
.gsp_full_player,
.gsp_rht_player,
.rht_icon_speaker_wrapper,
.rht_icon_banner {
  display: none !important;
}

.info-wrapper {
    color: #fff; 
}



/* ================================= */
/*            Accessibility          */
/* ================================= */

body.accessibility-mode .gsp_circle_player,
body.accessibility-mode .gsp_button_player,
body.accessibility-mode .gsp_full_player,
body.accessibility-mode .rht_icon_banner,
body.accessibility-mode .rht_icon_speaker_wrapper,
body.accessibility-mode .rht_banner_wrapper,
body.accessibility-mode .gsp_rht_player {
  display: block !important;
}

/* Контрастні лінії та кнопки */
body.accessibility-mode .union-show::before,
body.accessibility-mode .union-show::after,
body.accessibility-mode .union-line {
  background: #1e6969;
}
body.accessibility-mode .more-btn,
body.accessibility-mode .all_news_btn,
body.accessibility-mode .footer-link {
  border-color: #1e6969;
  color: #fff;
  background: transparent;
  text-decoration: underline;
}
body.accessibility-mode .more-btn:hover,
body.accessibility-mode .all_news_btn:hover {
  background: #1e6969 !important;
  color: #fff !important;
}
body.accessibility-mode .closest-show__category:hover {
  background: #faffff;
  color: #fff;
}
body.accessibility-mode .menu-element.sections .menu-element__sections-element a,
body.accessibility-mode .more_btn_arrow,
body.accessibility-mode .persons-category,
body.accessibility-mode .persons-category.active,
body.accessibility-mode .persons-subcategory,
body.accessibility-mode .footer-copyright__public-offer,
body.accessibility-mode .news-category,
body.accessibility-mode .news-category .active,
body.accessibility-mode .home-main__btn {
  text-decoration: underline;
}

/* Глобальні стилі */
body.accessibility-mode {
  background: #dcdcdc !important;
  color: #000 !important;
  line-height: 1.5 !important;
  letter-spacing: 0.12em !important;
  word-spacing: 0.16em !important;
}

/* Увесь текст чорний за замовчуванням */
body.accessibility-mode *,
body.accessibility-mode p,
body.accessibility-mode h1,
body.accessibility-mode h2,
body.accessibility-mode h3,
body.accessibility-mode h4,
body.accessibility-mode h5,
body.accessibility-mode h6,
body.accessibility-mode a,
body.accessibility-mode span,
body.accessibility-mode button,
body.accessibility-mode input,
body.accessibility-mode label {
  color: #000 !important;
}

/* SVG кнопки (стрілки) */
body.accessibility-mode .home-main__next-slide,
body.accessibility-mode .home-main__next-slide *,
body.accessibility-mode .home-main__prev-slide,
body.accessibility-mode .home-main__prev-slide * {
  fill: #000 !important;
}

/* Світлі винятки */
body.accessibility-mode .home-main__title,
body.accessibility-mode .home-main__btn,
body.accessibility-mode .home-main__date,
body.accessibility-mode .header-dropdown__item-selected,
body.accessibility-mode .closest-show__item-date-second,
body.accessibility-mode #decrease-font,
body.accessibility-mode #increase-font,
body.accessibility-mode .menu-element__sections-title,
body.accessibility-mode .menu-element.sections,
body.accessibility-mode .menu-element.sections *,
body.accessibility-mode .menu-subsection__col-item,
body.accessibility-mode .menu-subsection__col-item p,
body.accessibility-mode .search-results__title,
body.accessibility-mode .search-results,
body.accessibility-mode .search-results *,
body.accessibility-mode .dropdown-content,
body.accessibility-mode .dropdown-content *,
body.accessibility-mode .search-input,
body.accessibility-mode .header-dropdown__items li a,
/* body.accessibility-mode .swiper-wrapper,
body.accessibility-mode .swiper-wrapper *, */
body.accessibility-mode .dropdown-title {
  color: #fff !important;
  fill: #fff !important;
  border-color: #fff !important;
}

/* Абзаци — відстань між ними */
body.accessibility-mode p {
  margin-bottom: 2em !important;
}

/* Прибираємо червону лінію */
body.accessibility-mode .union-line {
  display: none;
}

/* Хедер */
body.accessibility-mode .header {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 10000;
  background: transparent;
      filter: grayscale(100%);
}
body.accessibility-mode .header.fixed {
  padding-top: 10px;
  padding-bottom: 10px;
  background: var(--main-solid-background-transparent);
}

/* Меню */
body.accessibility-mode .menu-wrapper {
  position: fixed;
  inset: 0;
  width: 100%; height: 100%;
  z-index: 9999;
  background: linear-gradient(0deg, #541319, #36060A);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transition: .2s;
      filter: grayscale(100%);
}
body.accessibility-mode .menu-wrapper::-webkit-scrollbar {
  display: none;
}

/* Футер */
body.accessibility-mode .footer-wrapper {
  background: linear-gradient(0deg, #989898, #dcdcdc) !important;
  margin-top: 140px;
  padding: 40px;
}

/* body.accessibility-mode .menu-footer__section-elements {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
} */

/* Фільтр у accessibility-mode: через оверлей */
body.accessibility-mode::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 9998; /* нижче хедера/меню, вище контенту */
  backdrop-filter: grayscale(100%);
  -webkit-backdrop-filter: grayscale(100%);
  background: rgba(0,0,0,0.001);
}

/* Хедер і меню завжди над оверлеєм */
body.accessibility-mode .header { z-index: 10000; }
body.accessibility-mode .menu-wrapper { z-index: 9999; }

/* Locked: прибираємо оверлей, даємо фільтр лише хедеру */
body.accessibility-mode.locked::before {
  content: none;
}
body.accessibility-mode.locked .header,
body.accessibility-mode.locked .header.fixed-with-menu,
body.accessibility-mode.locked .header-inner {
  filter: grayscale(100%) !important;
  transition: filter 0.3s;
}

/* Fallback, якщо backdrop-filter не підтримується */
@supports not ((backdrop-filter: grayscale(1)) or (-webkit-backdrop-filter: grayscale(1))) {
  body.accessibility-mode::before { content: none; }
  body.accessibility-mode .main-content { filter: grayscale(100%) !important; }
  body.accessibility-mode .header,
  body.accessibility-mode .menu-wrapper { filter: none !important; }

  body.accessibility-mode.locked .main-content { filter: none !important; }
  body.accessibility-mode.locked .header,
  body.accessibility-mode.locked .header.fixed-with-menu,
  body.accessibility-mode.locked .header-inner { filter: grayscale(100%) !important; }
}

/* Кнопки доступності */
#accessibility-controls,
#font-size-controls {
  display: flex;
  gap: 8px;
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 999999;
  pointer-events: auto;
}
#accessibility-controls button,
#font-size-controls button {
  cursor: pointer;
  font-size: 16px !important;   /* фіксуємо */
  line-height: 20px !important; /* чітка висота */
  padding: 6px 12px !important; /* відступи завжди однакові */
  border: none !important;
  border-radius: 5px !important;
  background: #000000 !important;
  color: #fff !important;
  flex-shrink: 0; /* не стискаються */
}

#accessibility-controls button:hover,
#font-size-controls button:hover {
  background: #000000;
  color: #fff;
}
body.accessibility-mode .closest-show__filter-reset__wrapper p,
body.accessibility-mode .alt-filter__title-wrapper p,
body.accessibility-mode .partner-card__role-content p,
body.accessibility-mode .footer-center__section-block p,
body.accessibility-mode .closest-show__filter-content__date p,
body.accessibility-mode .news-filter__section-title,
body.accessibility-mode .footer-copyright__public-offer,
body.accessibility-mode .show-cover__date,
body.accessibility-mode .show-cover__title,
/* body.accessibility-mode .show-column__element-title , */
body.accessibility-mode .menu-subsection__col-item p{
    margin-bottom: 0 !important;
}
body.accessibility-mode .closest-show__filter-title p,
body.accessibility-mode .souvenirs-item__footer p {
    margin-bottom: 1em !important;
}


/*  */

#tts-float-btn {
    position: absolute;
    display: none;
    z-index: 999999;
    padding: 6px 12px;
    background: #ffffff;
    color: #fff;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    box-shadow: 0 2px 6px rgba(255, 255, 255, 0.25);
    white-space: nowrap;
}
#tts-float-btn:hover {
    background: #ffffff;
}




/* Стрілочки пагінації в доступному режимі → чорні */
body.accessibility-mode .global-main__prev-slide svg path,
body.accessibility-mode .global-main__next-slide svg path {
    fill: #000 !important;
}
body.accessibility-mode .menu-wrapper .search .global-main__pagination-area.navigation .global-main__next-slide {
    position: absolute;
    right: -50px;
    top: 55%;
    transform: translate(-50%, -50%);
    background: #fff;
    z-index: 3;
    padding: 10px;
    border-radius: 100%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
body.accessibility-mode .menu-wrapper .search .global-main__pagination-area.navigation .global-main__prev-slide {
    position: absolute;
    left: 0;
    top: 55%;
    transform: translate(-50%, -50%);
    background: #fff;
    z-index: 3;
    padding: 10px;
    border-radius: 100%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

body.accessibility-mode:not(:has(.home-main__wrapper)) .header {
    background: #080808;
}

body.accessibility-mode .news-filter__section.active .news-filter__section-title {
    color: #000000 !important;
    font-weight: 600; 
}

body.accessibility-mode .news-filter__section:not(.active) .news-filter__section-title {
    color: #000000 !important;
    font-weight: 400;
}

body.accessibility-mode .news-filter__section-body li.inactive {
    color: #999999 !important;
}

body.accessibility-mode .news-filter__section-body li:not(.inactive) {
    color: #000000 !important;
}

body.accessibility-mode .closest-show__calendar-day.active {
    background: #690A10;
    color: #fff !important; 
    opacity: 1 !important;
}


body.accessibility-mode .closest-show__item-date-second {
    position: absolute;
     min-width: 50px;
     width: auto;
     min-height: 50px;
       height: auto;
    padding: 5px;
    text-align: center;
    background: linear-gradient(0deg, #6b6b6b, #4f4f4f);
     display: flex;
    align-items: center;
    border-radius: 4px;
    font-size: 12px;
    justify-content: center;
    /* bottom: calc(100% - 290px); */
    right: 16px;
    font-weight: 500;
}
body.accessibility-mode .wysiwyg-content ul {
  list-style: disc;
  margin: 0;
  padding-left: 32px; /* відступ для крапки */
}
body.accessibility-mode .wysiwyg-content ul li::after {
  display: none;
}

#tts-float-btn {
    display: none;
}

body.accessibility-mode .loader
.body.accessibility-mode .show-cover__premier {
    background: #fff;
  
}




/* Усі інтерактивні елементи тільки в accessibility-mode */
/* Загальні правила: білий фон + чорна рамка */
body.accessibility-mode a:hover,
body.accessibility-mode button:hover,
body.accessibility-mode .closest-show__category:hover,

body.accessibility-mode textarea:hover,
body.accessibility-mode select:hover,
body.accessibility-mode a:focus-visible,
body.accessibility-mode button:focus-visible,
body.accessibility-mode .closest-show__category:focus-visible,
body.accessibility-mode input:focus-visible,
body.accessibility-mode textarea:focus-visible,
body.accessibility-mode select:focus-visible {
  background-color: #fff !important;
  color: #000 !important;
  outline: 2px solid #000 !important;
  outline-offset: 2px;
  box-shadow: none !important;
}

/* ВИКЛЮЧЕННЯ: у хедері та меню навпаки */
body.accessibility-mode .header a:hover,
body.accessibility-mode .header button:hover,
body.accessibility-mode .header .closest-show__category:hover,
body.accessibility-mode .menu a:hover,
body.accessibility-mode .menu button:hover,
body.accessibility-mode .menu .closest-show__category:hover,
body.accessibility-mode .header a:focus-visible,
body.accessibility-mode .header button:focus-visible,
body.accessibility-mode .header .closest-show__category:focus-visible,
body.accessibility-mode .menu a:focus-visible,
body.accessibility-mode .menu button:focus-visible,
body.accessibility-mode .menu .closest-show__category:focus-visible {
  background-color: #000 !important;
  color: #fff !important;
  outline: 2px solid #fff !important;
}
body.accessibility-mode input:hover{
  background-color: #000 !important;
  color: #ffffff !important;
  outline: 2px solid #000000 !important;
}


body.accessibility-mode .menu .menu-partners__item:hover,
body.accessibility-mode .menu .menu-partners__item:focus-visible {
  background-color: #F4EBE0 !important; 
  color: inherit !important;         
  outline: 2px solid #ffffff !important;   
  outline-offset: 2px;
}
body.accessibility-mode #accessibility-controls button:hover,
body.accessibility-mode #accessibility-controls button:focus-visible {
  outline: none !important;              
  background-color: #5c5c5c !important;  
  border: 2px solid #fff !important;    
  color: #fff !important;               
}


body.accessibility-mode .bottom-buttons-container a:hover,
body.accessibility-mode .bottom-buttons-container button:hover,
body.accessibility-mode .bottom-buttons-container a:focus-visible,
body.accessibility-mode .bottom-buttons-container button:focus-visible {
  background-color: #000 !important;   
  color: #fff !important;              
  outline: none !important;          
  border: 2px solid #fff !important;   
  border-radius: 6px;                 
}
body.accessibility-mode .dropdown-file:focus-visible,
body.accessibility-mode .dropdown-file:hover {
  background-color: #000 !important;   
  color: #fff !important;             
  outline: none !important;           
  border: 2px solid #fff !important;   
  border-radius: 6px;                 
}

/* Фокус на дні календаря у режимі accessibility */
body.accessibility-mode .closest-show__calendar-day:focus-visible,
body.accessibility-mode .closest-show__calendar-day:hover {
  background-color: #000 !important;  /* чорний фон */
  color: #fff !important;             /* білий текст */
  border: 2px solid #fff !important;  /* біла рамка */
  outline: none !important;           /* прибираємо outline браузера */
  border-radius: 50%;                 /* круглий, як у календарі */
}

/* Якщо це вибраний день (active) або today — теж працює */
body.accessibility-mode .closest-show__calendar-day.is-today:focus-visible,
body.accessibility-mode .closest-show__calendar-day.active:focus-visible,
body.accessibility-mode .closest-show__calendar-day.is-today:hover,
body.accessibility-mode .closest-show__calendar-day.active:hover {
  background-color: #000 !important;
  color: #fff !important;
  border: 2px solid #fff !important;
  outline: none !important;
  border-radius: 50%;
}


body.accessibility-mode .dropdown-file svg path {
  stroke: #fff !important;  
  fill: #fff !important;    
}

body.accessibility-mode .dropdown-file p {
  color: #fff !important;   
}

body.accessibility-mode .services-category__buttons {
  padding: 4px 2px 8px 4px; 
  display: flex;
  gap: 12px;                        
  overflow-x: auto;                 
  white-space: nowrap;              
  -webkit-overflow-scrolling: touch;
  max-width: 100%;                  
}


body.accessibility-mode .services-category__buttons::-webkit-scrollbar {
  display: none; 
}

body.accessibility-mode .services-category__button {
  flex: 0 0 auto; 
}
body.accessibility-mode .services-excurs__wrapper {
  display: flex;
  flex-wrap: wrap;          
  gap: 20px;              
  justify-content: center;  
  box-sizing: border-box;
  max-width: 100%;
}

body.accessibility-mode .services-excurs__element {
  flex: 1 1 calc(50% - 20px);  
  max-width: calc(50% - 20px);
  box-sizing: border-box;
}
body.accessibility-mode .reports-content__documents-file svg path {
  fill: #000 !important;
  stroke: #000 !important;
}

/* Контейнер фільтра */
body.accessibility-mode .closest-show__filter-content {
  margin-top: 16px;
  padding-top: 24px;   
  box-sizing: border-box;
}


/* Шапка (Події + Усі) завжди займає місце */
body.accessibility-mode .closest-show__filter-title__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 8px;
  min-height: 48px;   /* ✅ мінімальна висота, щоб контент не налазив */
}

/* Заголовок "Події" з іконкою */
body.accessibility-mode .closest-show__filter-title {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

/* Блок з місяцем */
body.accessibility-mode .closest-show__filter-content__date {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;   /* ✅ обов’язковий відступ від шапки */
  margin-bottom: 16px;
}
body.accessibility-mode .closest-show__filter-content__date p {
  flex: 1 1 auto;        /* дозволяє займати цілий рядок */
  text-align: left;
  min-width: 200px;      /* щоб при великому шрифті не ламав верстку */
}

/* Календар */
body.accessibility-mode .closest-show__calendar {
  width: 100%;
  display: grid;
  gap: 4px;
  margin-top: 8px;            /* щоб не лип до дати */
}

body.accessibility-mode .visit-theater__tab-titles {
  display: flex;                  
  gap: 12px;                      
  overflow-x: auto;               
  -webkit-overflow-scrolling: touch; 
  scrollbar-width: none;          /* Firefox – прибрати */
}

body.accessibility-mode .visit-theater__tab-titles::-webkit-scrollbar {
  display: none;                  /* Chrome, Safari */
}

body.accessibility-mode .visit-theater__tab-title {
  flex: 0 0 auto;                 
  white-space: nowrap;            
}
body.accessibility-mode .footer-center__section svg {
  width: 1em;   /* масштаб відносно font-size тексту */
  height: 1em;  /* автоматично підлаштовується */
  flex-shrink: 0;
  margin-right: 6px; /* невеликий відступ від тексту */
}



body.accessibility-mode .global-main__pagination-area.navigation .global-main__next-slide {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #ffffffef;
    z-index: 3;
    padding: 10px;
    border-radius: 100%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

body.accessibility-mode .global-main__pagination-area.navigation .global-main__prev-slide {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    background:#fff;
    z-index: 3;
    padding: 10px;
    border-radius: 100%;
    width: 32px;
    height: 32px;
    display: flex
;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
body.accessibility-mode .persons-reviews::after {
    content: none !important;
    background: none !important;
}



body.accessibility-mode .person-review::before {
    content: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_850_9543)'%3E%3Cpath d='M6.39 14.06C6.62 15.79 8.15 17.36 10.95 18.72L11.45 18.97L9.38 22.79L8.92 22.55C3.00 19.55 0 15.31 0 9.94C0 8.09 0.58 6.49 1.74 5.19C2.92 3.87 4.34 3.20 5.98 3.20C7.45 3.20 8.70 3.73 9.69 4.76C10.67 5.79 11.17 7.06 11.17 8.55C11.17 9.96 10.67 11.21 9.67 12.28C8.80 13.22 7.69 13.82 6.39 14.06Z' fill='%23000'/%3E%3Cpath d='M20.98 14.06C21.20 15.79 22.72 17.36 25.50 18.72L25.99 18.97L23.98 22.79L23.51 22.55C17.56 19.55 14.55 15.31 14.55 9.94C14.55 8.09 15.14 6.49 16.31 5.19C17.50 3.87 18.93 3.20 20.57 3.20C22.04 3.20 23.28 3.73 24.26 4.76C25.23 5.79 25.72 7.06 25.72 8.55C25.72 9.96 25.22 11.21 24.22 12.28C23.35 13.22 22.26 13.81 20.98 14.06Z' fill='%23000'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_850_9543'%3E%3Crect width='26' height='26' fill='white' transform='matrix(1 0 0 -1 0 26)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    position: absolute;
    left: 0;
    top: 0;
}

body.accessibility-mode .reports-category__name::after {
content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE0IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02LjI4OCA3LjE1Ny42MzEgMS41IDIuMDQ1LjA4Nmw0Ljk1IDQuOTUgNC45NS00Ljk1TDEzLjM2IDEuNSA3LjcwMiA3LjE1N2ExIDEgMCAwIDEtMS40MTQgMCIgZmlsbD0iIzAwMCIvPgo8L3N2Zz4K");
    margin-top: -5px;
}

 




body.accessibility-mode .all_news_btn::after {
    content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE0IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC41MTguODc2YS41LjUgMCAwIDEgLjM2Ny0uMTZjLjEzOCAwIC4yNy4wNTcuMzY3LjE2bDIuNTk2IDIuNzNhLjU2LjU2IDAgMCAxIC4xNTIuMzg3LjU2LjU2IDAgMCAxLS4xNTIuMzg1TDExLjI1MiA3LjExYS41Mi41MiAwIDAgMS0uMzcuMTc0LjUuNSAwIDAgMS0uMzc3LS4xNi41NS41NSAwIDAgMS0uMTUyLS4zOTYuNTcuNTcgMCAwIDEgLjE2NS0uMzlsMS43MS0xLjc5OEgxLjAyYS41LjUgMCAwIDEtLjM2Ny0uMTYuNTYuNTYgMCAwIDEtLjE1My0uMzg2LjU2LjU2IDAgMCAxIC4xNTMtLjM4Ny41LjUgMCAwIDEgLjM2Ny0uMTZoMTEuMjA4bC0xLjcxLTEuNzk4YS41Ni41NiAwIDAgMS0uMTUyLS4zODZjMC0uMTQ1LjA1NS0uMjg0LjE1Mi0uMzg2IiBmaWxsPSIjMDAwMDAwIi8+Cjwvc3ZnPgo=");
}

body.accessibility-mode .more_btn_arrow::after {
    content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE0IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC41MTguODc2YS41LjUgMCAwIDEgLjM2Ny0uMTZjLjEzOCAwIC4yNy4wNTcuMzY3LjE2bDIuNTk2IDIuNzNhLjU2LjU2IDAgMCAxIC4xNTIuMzg3LjU2LjU2IDAgMCAxLS4xNTIuMzg1TDExLjI1MiA3LjExYS41Mi41MiAwIDAgMS0uMzcuMTc0LjUuNSAwIDAgMS0uMzc3LS4xNi41NS41NSAwIDAgMS0uMTUyLS4zOTYuNTcuNTcgMCAwIDEgLjE2NS0uMzlsMS43MS0xLjc5OEgxLjAyYS41LjUgMCAwIDEtLjM2Ny0uMTYuNTYuNTYgMCAwIDEtLjE1My0uMzg2LjU2LjU2IDAgMCAxIC4xNTMtLjM4Ny41LjUgMCAwIDEgLjM2Ny0uMTZoMTEuMjA4bC0xLjcxLTEuNzk4YS41Ni41NiAwIDAgMS0uMTUyLS4zODZjMC0uMTQ1LjA1NS0uMjg0LjE1Mi0uMzg2IiBmaWxsPSIjMDAwMDAwIi8+Cjwvc3ZnPgo=");
}
body.accessibility-mode .news-filter__section-title::after {
content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE0IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVubm9kZCIgY2xpcC1ydWxlPSJldmVubm9kZCIgZD0iTTYuMjg4IDcuMTU3LjYzMSAxLjUgMi4wNDUuMDg2bDQuOTUgNC45NSA0Ljk1LTQuOTVMMTMuMzYgMS41IDcuNzAyIDcuMTU3YTEgMSAwIDAgMS0xLjQxNCAwIiBmaWxsPSIjMDAwIi8+Cjwvc3ZnPgo=");
    display: flex;
    align-items: flex-end;
    height: 25px;
}


/* body.accessibility-mode .closest-show__item-date-second {
    
    text-shadow:
       -1px -1px 0 #000,
        1px -1px 0 #000,
       -1px  1px 0 #000,
        1px  1px 0 #000; 
} */





/* Стилі для режиму доступності */
/* body.accessibility-mode {
    font-size: 1.2em; 
    line-height: 1.5;
}

body.accessibility-mode a:focus,
body.accessibility-mode button:focus,
body.accessibility-mode input:focus,
body.accessibility-mode select:focus,
body.accessibility-mode textarea:focus {
    outline: 3px solid #FFBF47; 
    outline-offset: 2px;
}

body.accessibility-mode .skip-link {
    display: block !important;
    position: absolute;
    top: 10px;
    left: 10px;
    background: #000;
    color: #000;
    padding: 0.5em 1em;
    z-index: 9999;
    text-decoration: none;
} */





/* tablet */



@media (max-width: 1200px) and (min-width: 768px) {

  /* меню!!!!!!!10:41 */
/* контейнер меню */
  .menu-wrapper {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    background: linear-gradient(0deg, #541319, #36060A);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding-top: 70px; /* відступ під хедер */
    box-sizing: border-box;
    overflow-y: auto;
  }

  /* меню */
  .menu {
    width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;  /* 2 колонки */
    gap: clamp(20px, 4vw, 40px);
    padding-inline: clamp(16px, 5vw, 32px);
    box-sizing: border-box;
    padding-top: clamp(150px, 17vw, 220px);
  }

  .menu-element.sections,
  .menu-element.conctact-partners {
    gap: clamp(16px, 3vw, 24px);
    height: auto;
  }

  /* пошук */
    .menu-wrapper .search {
        padding-top: 100px;
        padding-inline: clamp(16px, 4vw, 40px);
        gap: clamp(16px, 2vw, 24px);
    }

    .menu-wrapper .search input.search-input {
        height: clamp(56px, 7vw, 70px);        
        font-size: clamp(18px, 2vw, 22px);
        padding: clamp(6px, 1vw, 10px) clamp(16px, 3vw, 28px);
    }

    .menu-wrapper .search .search-results__title {
        margin: clamp(20px, 4vw, 36px) 0 clamp(16px, 3vw, 28px);
        font-size: clamp(13px, 1.4vw, 15px);
    }

    
    .menu-wrapper .search .global-main__slider {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(clamp(200px, 30vw, 300px), 1fr));
        gap: clamp(12px, 2vw, 24px);
    }

    
    .menu-wrapper .search .global-main__pagination-area.navigation .global-main__prev-slide {
        left: clamp(-18px, -4vw, -24px);
        top: 50%;
        transform: translate(50%, 65%);
    }
    .menu-wrapper .search .global-main__pagination-area.navigation .global-main__next-slide {
        right: clamp(32px, -4vw, 38px);
        top: 50%;
        transform: translate(50%, 65%);
    }

  /* header */
  .header-inner {
    width: 100%;
	height: 104px;
    margin: 0 auto;
    padding-inline: clamp(16px, 5vw, 32px);
    box-sizing: border-box;
    transform: translateZ(0);
  }
	.header-container {
        padding-left: 20px;
        padding-right: 20px;
        gap: 12px; /* немного уменьшаем отступы */
    }

    .header-section {
        padding-left: 8px;
        padding-right: 8px;
        gap: 12px;
    }

    .header-logo {
        width: 140px; /* чуть меньше логотип */
    }

    .header-logo-link {
        width: 140px;
        height: 70px;
    }

    .header-dropdown__wrapper {
        font-size: 20px;
    }

  /* closest shows */
  .closest-shows__wrapper {
    margin-top: 100px;
  }

  .closest-show__title {
    font-size: clamp(36px, 5vw, 48px);
    line-height: 1.1;
  }

  .closest-show__categories {
    margin-top: 28px;
    font-size: clamp(14px, 2vw, 16px);
    gap: 8px;
  }

  .closest-show__category {
    font-size: 14px;
    padding: 6px 12px;
  }

  .closest-show img {
    height: clamp(180px, 25vw, 220px);
  }

  .closest-show__item-title {
    font-size: clamp(18px, 2.5vw, 20px);
    margin-top: 8px;
  }

  /* сітка 2 колонки */
  .closest-shows {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px 16px;
  }

  .closest-shows > .union-shows {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
	.closest-show__item-date-second {
		bottom: calc(100% - 241px);
	}
  
  /* news */
	.news-item {
	  width: 100%;
	  max-width: 100%;
	}
    
  .news-section {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    gap: 32px;
    margin-top: 40px;
  }


  .news-title {
    font-size: clamp(28px, 4vw, 40px);
    line-height: 1.2;
  }

  .news-item img {
    height: clamp(180px, 25vw, 223px);
  }

  .news-item__title {
    font-size: clamp(16px, 2vw, 18px);
    margin-top: 10px;
  }

    .footer-wrapper {
        margin-top: 80px;
        padding: 32px;
    }

    .footer-logo {
        width: 160px;
    }

    .footer-wrapper .search-box {
        width: 260px;
        padding: 8px 12px;
    }
    .footer-wrapper .search-box__icon {
        width: 32px;
        height: 24px;
    }

    .footer-center {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        margin-top: 48px;
        gap: 32px;
    }
    .footer-center {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: auto auto; /* 2 ряда */
        gap: 40px 20px;
    }

    /* ссылки остаются в верхнем ряду */
    .footer-center__section.links {
        grid-column: 2;
        grid-row: 1;
    }

    /* партнёры под ссылками */
    .footer-partners {
        grid-column: 2;
        grid-row: 2;
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* максимум 6 партнёров = 2 ряда */
        gap: 16px;
        justify-items: center;
        margin: 0;
    }

    .footer-partners__title {
        grid-column: 2;
        grid-row: 2;
        margin-bottom: 12px;
        font-size: 16px;
        font-weight: 700;
        color: var(--main-text-color);
    }

    .footer-partners a {
		width: 122px;
        height: 56px;
        border: 2px solid #DDD5CC;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .footer-center__section.contacts p {
        font-size: 16px;
    }

    .footer-center__section.links {
        gap: 32px;
    }
    .footer-center__section.links .footer-link a {
        font-size: 16px;
        line-height: 26px;
    }

    .footer-center__section.support {
        align-items: flex-start;
        justify-self: right;
        width: 240px
        
    }
    .footer-center__section.support p {
        font-size: 16px;
        line-height: 26px;
        width: auto;
    }

    .footer-map iframe {
        width: 220px;
        height: 220px;
    }

    /* копирайт — компактнее */
    .footer-copyright {
        flex-direction: column;
        align-items: center;
        gap: 16px;
        margin-top: 120px;
        font-size: 13px;
        text-align: center;
    }
    .footer-copyright__section {
        gap: 32px;
    }
	.closest-show__calendar {
        --cell: 44px; /* увеличенные ячейки */
        --gap: 8px;
        font: 500 16px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, 'Helvetica Neue', Arial;
        margin-top: 16px;
    }

    .closest-show__calendar-weekday {
        font-size: 15px;
        padding: 8px 0;
    }

    .closest-show__calendar-day {
        width: var(--cell);
        height: var(--cell);
        font-size: 15px;
    }

    .closest-show__calendar-day.active {
        background: #690A10;
        color: var(--second-text-color);
        opacity: 1 !important;
    }
	.closest-show__filter {
		width: 100%;
        max-width: 420px;
		margin-top: 24px;
    }
    .closest-show__calendar-weekday {
        font-size: 15px;
        padding: 8px 0;
    }

    .closest-show__calendar-day {
        width: var(--cell);
        height: var(--cell);
        font-size: 15px;
    }

    .closest-show__calendar-day.active {
        background: #690A10;
        color: var(--second-text-color);
        opacity: 1 !important;
    }
    .closest-show__filter-reset__wrapper {
        margin-right: 190px;
    }

    body.accessibility-mode .footer-center {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); 
  gap: 24px 32px;             /* відступи між секціями */
  max-width: 100% !important; 
  overflow-x: hidden !important;
  box-sizing: border-box;
}

body.accessibility-mode .footer-center__section {
  display: flex;
  flex-direction: column;     /* елементи йдуть у стовпчик */
  gap: 12px;
  min-width: 0;               /* не розпирає колонку */
}

body.accessibility-mode .footer-link {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1 1 auto;
  min-width: 0;
}

body.accessibility-mode .footer-link a {
  white-space: normal !important;
  word-wrap: break-word;
  line-height: 1.6 !important;
  font-size: inherit !important; /* щоб масштабування працювало */
}


}


@media (max-width: 880px) and (min-width: 769px){
  .closest-show__filter {
      width: 100%;
      max-width: 360px;
      margin-top: 24px;
    }
  .closest-show__calendar {
        --cell: 34px; 
        --gap: 8px;
        font: 500 16px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, 'Helvetica Neue', Arial;
        margin-top: 16px;
    }
  .closest-show__filter-reset__wrapper {
        margin-right: 130px;
    }
	  .footer-wrapper {
        margin-top: 80px;
        padding: 32px;
    }

    .footer-wrapper .search-box {
        width: 260px;
        padding: 8px 12px;
    }
    .footer-wrapper .search-box__icon {
        width: 32px;
        height: 24px;
    }

    /* центр — вместо 3 колонок делаем 2 */
    .footer-center {
        display: grid;
        grid-template-columns: repeat(2, 1fr)!important;
        margin-top: 48px;
        gap: 32px;
    }

    .footer-center__section.contacts p {
        font-size: 16px;
        margin-top: 40px!important;
    }

    .footer-center__section.links {
        gap: 32px;
    }
    .footer-center__section.links .footer-link a {
        font-size: 16px;
        line-height: 26px;
    }

    .footer-center__section.support {
        align-items: flex-start;
		justify-self: left;
    }
    .footer-center__section.support p {
        font-size: 16px;
        line-height: 26px;
        width: auto;
    }

    /* партнёры в 2 колонки */
    .footer-partners {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }
    .footer-partners a {
        width: 126px;
        height: 52px;
    }

    .footer-map iframe {
        width: 220px;
        height: 220px;
    }

    /* копирайт — компактнее */
    .footer-copyright {
        flex-direction: column;
        align-items: center;
        gap: 16px;
        margin-top: 120px;
        font-size: 13px;
        text-align: center;
    }
    .footer-copyright__section {
        gap: 32px;
    }
    .footer-center__section.support {
        align-items: flex-start;
        justify-self: left;
        width: 340px
	}
}
@media (max-width: 1024px) and (min-width: 769px) {


    body.accessibility-mode .header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    background: transparent;
    filter: grayscale(100%);
    background: #000;
}
    .alt-filter {
        display: block;
    }
    .menu {
        gap: 100px; /* меньше, чем на ПК */
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0 40px;
        padding-top: 85px;
    }

    .menu-element__sections-title {
        font-size: 24px;
    }

    .menu-element.sections {
        gap: 48px;
        height: auto;
    }

    .menu-element.sections .menu-element__sections-elements {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .menu-element.sections .menu-element__sections-element a {
        font-size: 22px;
    }

    .menu-element.conctact-partners {
        gap: 60px;
    }

    .menu-element.conctact-partners .menu-subsection {
        gap: 32px;
    }

    .menu-partners {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(clamp(140px, 15vw, 170px), 1fr));
        gap: 16px;
        justify-content: center;
    }

    .menu-partners__item {
        width: 100%;
        height: 90px; /* фиксированная высота */
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--second-text-color);
        border-radius: 10px;
        overflow: hidden;
    }

    .menu-partners__item img {
        max-width: 80%;   /* чтобы картинка не растягивала блок */
        max-height: 80%; 
        object-fit: contain;
    }

    .menu-footer {
        position: static;
        margin-top: auto;
        padding-bottom: 40px;
    }

    .menu-footer__section-elements a {
        width: 40px;
        height: 40px;
    }

    .menu-footer__section-elements a img {
        width: 20px;
    }
}



/* mobile */

@media (max-width: 768px) {

    .mobile {
        display: block;
    }
    body {
        background-size: cover;
    }
    .loader {
        top: 0px;
    }
    .container {
        max-width: 100%;
        padding: 0 8px;
    }
    .header-container:not(.mobile), .footer-wrapper {
        display: none;
    }
    .footer-wrapper.mobile {
        display: block;
        padding-left: 24px;
        padding-right: 24px;
        padding-top: 32px;
        padding-bottom: 32px;
        margin-top: 40px;
    }
    .closest-show__filter-content {
    padding-left: 28px;
    padding-right: 28px;
    padding-top: 15px;
    padding-bottom: 15px;
    }
    .closest-show__filter-reset__wrapper {
        margin-right: 150px;
    }
    .footer-wrapper.mobile .footer-logo {
        width: 122px;
        height: 77px;
        object-fit: contain;
    }
    .footer-wrapper.mobile .footer-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-decoration: none;
        width: 100%;
    }
    .footer-wrapper.mobile .footer-lang {
        color: var(--second-text-color);
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        font-weight: 500;
    }
    .footer-wrapper.mobile .footer-center {
        display: flex;
        flex-direction: column;
    }
    .footer-wrapper.mobile .footer-center h2 {
        font-size: 24px;
        font-weight: 700;
        text-transform: uppercase;
        margin: 0px;
        margin-bottom: 32px;
    }
    .footer-wrapper.mobile .footer-center__section.links {
        justify-content: space-between;
    }
    .footer-wrapper.mobile .footer-center__section.links .footer-link a {
        font-family: 'Libre Franklin';
        font-weight: 400;
        font-size: 14px;
        width: 95%;
    }
    .footer-wrapper.mobile .footer-partners__title {
        margin-top: 64px!important;
        color: var(--second-text-color);
        font-family: 'Playfair Display';
        font-weight: 700;
        font-size: 18px;
        /* white-space: nowrap; */
        line-height: 30px;
    }
    .footer-wrapper.mobile .footer-partners a {
        width: 121px;
        height: 66px;
    }
    .footer-wrapper.mobile .footer-partners {
        gap: 12px;
        margin-top: 16px;
    }
    .footer-wrapper.mobile .footer-center__section.contacts {
        display: flex;
        align-items: flex-start;
        margin-top: 130px;
        position: relative;
        flex-direction: column;
    }
    .footer-wrapper.mobile .footer-center__section.contacts::before {
        content: '';
        width: 100%;
        height: 1px;
        background: #FFFFFF33;
        position: absolute;
        top: -50%;
    }
    .footer-wrapper.mobile .footer-center__section.contacts h2 {
        font-size: 24px;
        line-height: 100%;
        font-weight: 700;
        margin-bottom: 32px;
    }
    .footer-wrapper.mobile .footer-phones {
        margin-bottom: 16px;
    }
    .footer-wrapper.mobile .footer-phones p,
    .footer-wrapper.mobile .footer-adress p {
        display: flex;
        gap: 12px;
        font-weight: 500;
        font-size: 14px;
    }
    .footer-wrapper.mobile .footer-center__section.socials {
        margin-top: 130px;
        position: relative;
        margin-bottom: 64px;
    }
    .footer-wrapper.mobile .footer-center__section.socials::before {
        content: '';
        width: 100%;
        height: 1px;
        background: #FFFFFF33;
        position: absolute;
        top: -100%;
    }
    .footer-wrapper.mobile .footer-center__section.socials .footer-socials {
        display: flex;
        justify-content: center;
        margin-top: 10px;
        align-items: center;
        gap: 8px;
    }
    .footer-wrapper.mobile .footer-center__section.socials .footer-socials a {
        background: var(--second-text-color);
        width: 45px;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
    }
    .footer-wrapper.mobile .footer-center__section.copyright {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        color: var(--second-text-color);
        gap: 16px;
    }
    .footer-wrapper.mobile .footer-center__section.copyright .footer-copyright__main {
        opacity: .5;
    }
    .footer-wrapper.mobile .footer-center__section.copyright p {
        font-size: 14px;
    }
/*     
    .header-section__item#search,
    .header-section__item#accessibilityMenu {
        display: none;
    } */
    .header-logo {
        width: 116px;
        height: 55px;
    }

    /* header mobile */

    .header-container.mobile {
        position: absolute;
        top: 0;
        left: 0;
    }
    .header-container.mobile .header-section {
        padding: 0px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
    .header-container.mobile .header-section button#headerMenu svg {
        width: 22px;
    }
    .header-container.mobile .header-dropdown::after {
        display: none;
    }
    .header-container.mobile .header-dropdown__wrapper .header-dropdown__item-selected {
        font-size: 14px;
    }

    .header-container.mobile .header-dropdown__wrapper {
        width: 20px;
        height: 17px;
		font-size: 17px;
    }
	
    .header-container.mobile .header-inner {
        padding-left: 22px;
        padding-right: 22px;
    }
    .header-container.mobile .header {
        height: 64px;
        padding-top: 8px;
        left: 0px;
    }
	
	.header-container.mobile .header-dropdown__items li a {
            text-decoration: none;
            color: var(--main-text-color);
            font-weight: bold;
            font-size: 14px;
     }
	
    /*  */
    .union-show::before,
.union-show::after {
    display: none !important;
}

      .union-line 
      {
         display: none !important; 
    }

    .union-vertical {
    position: absolute;
    width: 3px;
    background: #6E050F;
    border-radius: 100px;
    z-index: 1;
    }


    
    .closest-shows.union-shows::after {
        display: none;
    }
    .closest-shows.union-shows::before {
        width: 3px;
        top: 0;
        left: 0;
        height: 100%;
    }

    .closest-show__item-date-second {
        padding: 10px!important;
    }
    .closest-show__item-date-second.canceled {
        height: 31px;
        width: fit-content;
        padding: 6px!important;
        margin: 80px 0px;
    }

    .closest-shows__wrapper {
        margin-top: 104px!important;
    }
    .closest-shows {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }
    .closest-show__category {
        height: 48px;
        display: flex;
        align-items: center;
        font-size: 14px;
        padding: 0px 16px;
        font-weight: 400;
    }

    .closest-show__category-exit {
        padding: 9px 25px;
    }

    .closest-show__category-exit .text_btn_name {
        display: none;
    }

    .news-section {
        display: flex;
        flex-direction: column;
    }
    .closest-show__filter-wrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .closest-show__filter {
        width: -webkit-fill-available;
        margin-top: 32px;
        border-radius: 10px;
    }
    .closest-show__filter-now {
        font-weight: 600;
        background: #E4D0BA8F;
    }
    .closest-show__calendar-day.active {
    background: #690A10;
    color: var(--second-text-color);
    opacity: 1!important;
}
    .closest-show__filter-title p {
        font-weight: 400;
        font-size: 14px;
        font-weight: 600;
    }
    .closest-show__title {
        font-size: 40px;
    }
    .closest-show__categories {
        margin-top: 40px!important;
    }
    .closest-show img {
        min-width: 328px;
        height: 200px;
    }
    .closest-show__item-date {
        margin-top: 17px;
        font-size: 14px;
    }
    .closest-show__item-title {
        margin-top: 8px;
        font-size: 18px;
    }
    .closest-show__item-date-second {
        font-size: 12px;
        width: 33px;
        height: 33px;
        font-weight: 500;
        padding: 5px;
        margin: 75px 0px;
    }

    .news-wrapper {
        padding: 0px 16px;
    }
    .news-item {
        width: 100%;
    }
    .news-item img {
        height: 200px;
    }
    .news-item.large img {
        height: 200px;
    }
    .news-title {
        font-size: 30px;
        line-height: 60px;
    }
    .all_news_btn {
        height: 38px;
        padding: 0px;
        padding-left: 16px;
        padding-right: 16px;
        font-size: 16px;
    }
    .news-item__title {
        font-size: 16px!important;
        margin-top: 8px!important;
    }
    .news-item__date {
        margin-top: 17px!important;
        font-size: 14px;
    }

    .more-btn {
        font-size: 16px!important;
    }

    .centered-btn {
    padding: 2em 2em;  /* більше відступів на великих екранах */
    
  }
   

    .double-gallery__wrapper__swiper:not(.mobile) {
        display: none;
    }
    .double-gallery__wrapper__swiper.mobile { 
        display: block; 
    }
    .double-gallery__photo-block {
        display: flex;
    }
    .dg-item__bottom .dg-item__bottom-col img {
        height: 220px;
    }
    .dg-item__top img {
        height: 200px;
    }
    .dg-item__bottom, .double-gallery__photo-block__item {
        gap: 8px;
    }

    

   .menu-wrapper {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: 100vw;
    overflow-x: hidden;
    z-index: 4;
    background: linear-gradient(0deg, #541319, #36060A);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 20px 18px 0;
    box-sizing: border-box;
}
    .menu-wrapper::-webkit-scrollbar {
        display: none;
    }
  .menu {
    width: 100%;
    max-width: 100vw;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    box-sizing: border-box;
    gap: 32px; /* тільки відстань між блоками */
}
   .menu-element.sections {
    display: flex;
    flex-direction: column;
    margin-top: auto;
    margin-bottom: 40px;
    padding-top: 85px;
    gap: 64px;
    height: auto;
    justify-content: flex-start;
    width: 100%;
    box-sizing: border-box;
}
    .menu-element.sections .menu-element__sections-elements {
    display: grid;
    grid-template-columns: repeat(2, 1fr); 
    gap: 32px;
    width: 100%;
    box-sizing: border-box;
}
    .menu-element.sections::after {
        content: '';
        width: 100%;
        height: 1px;
        position: absolute;
        bottom: -42px;
        background: #FFFFFF29;
    }
    .menu-element__sections-title {
        font-size: 18px;
        font-weight: 700;
    }
    .menu-element.sections .menu-element__sections-element {
        gap: 16px;
    }
    .menu-element.sections .menu-element__sections-element a {
        font-size: 16px;
        width: 143px;
    }
    .menu-element.conctact-partners .menu-subsection {
        gap: 32px;
    }
    .menu-element.conctact-partners {
        gap: 80px;
    }
    .menu-element.conctact-partners .menu-subsection:nth-child(1) {
        position: relative;
    }
    .menu-element.conctact-partners .menu-subsection:nth-child(1)::after {
        content: '';
        width: 100%;
        height: 1px;
        position: absolute;
        bottom: -42px;
        background: #FFFFFF29;
    }
    .menu-partners__item {
        width: calc(100% - 20px);
        height: 70px;
        padding: 10px;
    }
    .menu-partners__item img {
        width: inherit;
    }
    .menu-footer {
        position: static;
        margin: 0px;
        padding-bottom: 262px;
        padding-top: 20px;
    }

    .menu-wrapper .search {
        width: 100%;
        display: none;
    }
    .menu-wrapper .search input.search-input {
        height: 46px;
        padding: 0px 16px;
        font-size: 16px;
    }
    .menu-wrapper .search .search-results__title {
        margin-top: 16px;
        margin-bottom: 40px;
    }
    .menu-wrapper .search .global-main__pagination-area.navigation .global-main__next-slide {
        right: -40px!important;
    }
    .menu-wrapper .search .global-main__pagination-area.navigation .global-main__prev-slide {
        left: 10px;
    }
    .menu-wrapper .search:not(.hidden) {
    display: block;
    }
    
    .bottom-buttons-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 28px;
    z-index: 1;

    position: fixed;
    width: 154px;
    height: 61px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 38px;

    background: rgba(147, 118, 121, 0.3);
    box-shadow: 0px 1px 2px rgba(8, 8, 8, 0.19), 
                0px 1px 3px 1px rgba(0, 0, 0, 0.04);
    border-radius: 10px;
    }

    /* Кнопки внутри */
    .bottom-buttons-container button {
    display: flex;
    justify-content: center;
    align-items: center;

    width: 32px;
    height: 32px;

    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    }

    /* SVG иконки */
    .bottom-buttons-container button svg {
    fill: #fff;
    }

    /* Индивидуальный порядок (как в Figma) */
    #mobile-action-btn {
    order: 0;
    }

    #mobile-search-btn {
    order: 1;
    }
    .bottom-overlay {
        display: flex;
        position: fixed;
        width: 100%;
        height: 172px;
        left: 0;
        bottom: 0px;

        background: linear-gradient(
            0.24deg,
            rgba(79, 17, 23, 1) 0px,
            rgba(79, 17, 23, 1) 127px,
            rgba(79, 17, 23, 0.7) 148px,
            rgba(79, 17, 23, 0.3) 162px,
            rgba(79, 17, 23, 0) 172px
        );
    }



    /* Acces */

   body.accessibility-mode .menu-footer {
        position: static;
        margin: 0px;
        padding-bottom: 262px;
        padding-top: 20px;
    
    }
body.accessibility-mode .closest-show__categories {
  display: flex;
  align-items: center;
  gap: 10px;

  overflow-x: auto;          
  white-space: nowrap;         
  -webkit-overflow-scrolling: touch; 
  max-width: 100%;             
}

body.accessibility-mode .closest-show__categories::-webkit-scrollbar {
  display: none; 
}

body.accessibility-mode .footer-center__section.links {
  display: flex;
  flex-wrap: wrap;  
  gap: 10px 20px;    
  justify-content: center;
  max-width: 100%;
  box-sizing: border-box;
}

body.accessibility-mode .footer-center__section.links .footer-link a {
  font-size: 18px !important;   
  line-height: 28px !important;
  white-space: nowrap;          
}


  body.accessibility-mode .bottom-overlay {
        display: none;
       
    }

    body.accessibility-mode .bottom-buttons-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 28px;
    z-index: 1100;                 
    position: fixed;
    width: 154px;
    height: 61px;
    left: 50%;
    transform: translateX(-50%);
    top: 1100px;                  
    background: rgba(147, 118, 121, 0.3);
    box-shadow: 0px 1px 2px rgba(8, 8, 8, 0.19), 
                0px 1px 3px 1px rgba(0, 0, 0, 0.04);
    border-radius: 10px;
}

body.accessibility-mode .menu-wrapper {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: 100vw;          
    overflow-x: hidden;        
    z-index: 4;
    background: linear-gradient(0deg, #541319, #36060A);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    box-sizing: border-box;
    padding-top: 85px;
}

body.accessibility-mode .header {
    position: fixed;
    top: 0;
    width: 100vw;            
    max-width: 100vw;        
    box-sizing: border-box;
    z-index: 10000;
}

  body.accessibility-mode .menu-element.sections {
    display: flex;
    flex-direction: column;
        margin-top: auto; 
    margin-bottom: 40px; 
    padding-top: 85px;
    gap: 64px;
    height: auto;
    justify-content: flex-start;
  }

  body.accessibility-mode .menu-element.sections .menu-element__sections-elements {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
  }

  body.accessibility-mode .menu-element.sections .menu-element__sections-element a {
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    font-family: 'Playfair Display';
    text-decoration: none;
    color: var(--second-text-color);
  }
  body.accessibility-mode .menu a {
    text-decoration: underline !important;
}

  body.accessibility-mode  .alt-filter.active::before {
      display: none;
    }
    
    body.accessibility-mode .alt-filter.active {
        background: #ffffff;
        border: 1px solid #161616;
        padding: 16px;
        border-radius: 10px;
        height: fit-content;
        z-index: 999;
    }
      body.accessibility-mode .alt-filter__button {
        
        height: 54px;
     border: 1px solid #161616;
        border-radius: 10px;
        padding: 0px 14.5px;
        font-size: 16px;
        background: #bababa;
        color: var(--second-text-color);
        box-sizing: border-box;
    }

     body.accessibility-mode .alt-filter__button[disabled] {
    width: 174px;
    height: 54px;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 0px 13.2px;
    display: flex;
    flex-direction: row;
    align-items: center;

    background: #424242;
    color: #ffffff !important; 
}

body.accessibility-mode .footer-partners a {
    border: 2px solid #ffffff;
    border-radius: 10px;
    width: 156px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
}
   body.accessibility-mode .footer-wrapper.mobile .footer-center__section.socials .footer-socials a {
        background: #ffffff;
        width: 45px;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
    }


      body.accessibility-mode .show-cover__premier-mobile {
        position: absolute;
        display: block;
        color: var(--main-text-color);
        right: 16px;
        top: 16px;
        background:#ffffff;
        padding: 8px 4px;
        min-width: 75px;
        text-align: center;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 400;
        z-index: 2;
    }


body.accessibility-mode .partner-card {
  display: flex;
  gap: 16px;                /* відступ між логотипом і текстом */
  align-items: flex-start;  /* текст вирівнюється по верху */
  flex-wrap: wrap;          /* дозволяє перенос на мобільних */
  height: auto !important;  /* картка росте по контенту */
}

body.accessibility-mode .partner-card__logo-box {
  flex: 0 0 auto;           /* логотип займає свою ширину */
}

body.accessibility-mode .partner-card__text {
  flex: 1 1 auto;           /* текст займає решту простору */
  min-width: 0;             /* щоб текст не розпинав блок */
}

body.accessibility-mode .partner-card__desc,
body.accessibility-mode .partner-card__name {
  white-space: normal;      /* переносимо текст */
  word-wrap: break-word;    /* перенос довгих слів */
  line-height: 1.5 !important; /* адекватна висота рядка */
}

body.accessibility-mode .partner-card__desc {
  font-size: 14px !important;
}

body.accessibility-mode .partner-card__name {
  font-size: 18px !important;
  font-weight: 600;
}

#accessibility-controls,
#font-size-controls {
padding-top: 50px;
  display: flex;
  gap: 8px;
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 999999;
  pointer-events: auto;
}
#accessibility-controls button,
#font-size-controls button {
  cursor: pointer;
  font-size: 16px !important;   /* фіксуємо */
  line-height: 20px !important; /* чітка висота */
  padding: 6px 12px !important; /* відступи завжди однакові */
  border: none !important;
  border-radius: 5px !important;
  background: #000000 !important;
  color: #fff !important;
  flex-shrink: 0; /* не стискаються */
}

#accessibility-controls button:hover,
#font-size-controls button:hover {
  background: #000000;
  color: #fff;
}


    body.accessibility-mode .alt-filter__title-wrapper::after {
    content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE0IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC41MTguODc2YS41LjUgMCAwIDEgLjM2Ny0uMTZjLjEzOCAwIC4yNy4wNTcuMzY3LjE2bDIuNTk2IDIuNzNhLjU2LjU2IDAgMCAxIC4xNTIuMzg3LjU2LjU2IDAgMCAxLS4xNTIuMzg1TDExLjI1MiA3LjExYS41Mi41MiAwIDAgMS0uMzcuMTc0LjUuNSAwIDAgMS0uMzc3LS4xNi41NS41NSAwIDAgMS0uMTUyLS4zOTYuNTcuNTcgMCAwIDEgLjE2NS0uMzlsMS43MS0xLjc5OEgxLjAyYS41LjUgMCAwIDEtLjM2Ny0uMTYuNTYuNTYgMCAwIDEtLjE1My0uMzg2LjU2LjU2IDAgMCAxIC4xNTMtLjM4Ny41LjUgMCAwIDEgLjM2Ny0uMTZoMTEuMjA4bC0xLjcxLTEuNzk4YS41Ni41NiAwIDAgMS0uMTUyLS4zODZjMC0uMTQ1LjA1NS0uMjg0LjE1Mi0uMzg2IiBmaWxsPSIjMDAwMDAwIi8+Cjwvc3ZnPgo=");
    }
    body.accessibility-mode .alt-filter.active .alt-filter__title-wrapper::after {
content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMSAxMSAxMSAxTTEgMWwxMCAxMCIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K");
    }



}