/* main */
/* 08.10.2025, 17:12 */
: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(34px, calc(10px + (180 - 0) * ((100vw - 1201px) / (1440 - 1201))), 180px);
    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: 36px;
    top: 52%;
    transform: translate(-50%, -50%);
    background: #00000080;
    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: -16px;
    top: 52%;
    transform: translate(-50%, -50%);
    background: #00000080;
    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: 16px;
}
.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;
}

.loader.fade-out {
    opacity: 0;
    transition: opacity 0.9s ease-out;
}

.loader.fade-out .loader-curtains,
.loader.fade-out .loader-logo {
    opacity: 0;
    transition: opacity 0.9s ease-out;
}

/*  */

/* 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;
	color: #fff;
}

.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-content__date-control svg path{
    color: #765B3D;
}

.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-day.is-today:focus-visible {
    outline: 3px solid #700002; /* або будь-який контрастний */
    outline-offset: 0;
}


.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: .7;
    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: .67;
}

.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__calendar-row {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: var(--gap);
        padding: 6px;
}


/*  */

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


.closest-show__category {
    appearance: none;          /* прибирає системну рамку */
    -webkit-appearance: none;  /* прибирає в Safari */
    border: none;              /* прибирає сіру рамку */
    padding: 5px 16px;
    border-radius: 10px;
    transition: .2s;
    user-select: none;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    color: #F4EBE0;
    line-height: 38px;
    font-size: 18px;
}

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

.closest-show__category.active {
    background: #F4EBE0;
    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,
.closest-show__category-exit {
    outline: none;
    border: none;
}

.closest-show__category:hover,
.closest-show__category:focus,
.closest-show__category-exit:hover,
.closest-show__category-exit:focus {
    outline: none;
    border: none;
} */
.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::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;
}

/*  */

/* 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;
}

.footer-social img {
    width: 25px;
}

.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;
    font-size: 18px;
    font-weight: 700;
}

.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 {
    color: #F4EBE0;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
}
.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 {
    color: #F4EBE0;
    line-height: 30px;
    margin-top: 64px!important;
    font-size: 18px;
    font-weight: 700;
}

.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: .67;
}

.footer-subscribe {
  text-align: end;
  margin-right: 35px;

}

.subscribe-btn {
  background-color: #601B20;
  color: #F4EBE0;
  font-weight: 700;
  border: none;
  padding: 12px 24px;
  border-radius: 8px;
  font-family: 'Playfair Display';
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.subscribe-btn:hover {
  background-color: #900003;
}

/* Модальне вікно */
.subscribe-form {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.subscribe-form__inner {
  position: relative;
  background: #5c070e;
  padding: 30px;
  border-radius: 10px;
  max-width: 400px;
  width: 90%;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.subscribe-close {
  position: absolute;
  top: 10px;
  right: 15px;
  background: none;
  border: none;
  font-size: 22px;
  color: #F4EBE0;
  cursor: pointer;
}




/* 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;
}
.mailpoet_form_paragraph a {
  color: #fff !important;
 
}
.more-btn:not(:hover) {
    background: transparent;
}

.more-btn.hidden {
    display: none !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;
    background: transparent;
    border: none;
    box-shadow: none;
}
.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: 3px 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; 
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.skip-link {
  position: fixed;
  top: 15%;
  left: 0;
  transform: translateY(60%) translateX(-30%);
  z-index: 10000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  white-space: nowrap;
  inline-size: max-content;
  max-inline-size: 90vw;
  background-color: #700002;
  color: #fff;
  padding: 0.6em 1.2em;
  border-radius: 0 0.6em 0.6em 0;
  border: 2px solid #fff;
  box-shadow: 0 0 6px rgba(0,0,0,.4);
  font-family: "Libre Franklin", sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  box-sizing: border-box;
  transition: transform .4s ease, background-color .3s ease;
}
.form-error {
  display: block;
  color: #cf2e2e;
  font-size: 14px;
  margin-top: 6px;
}

.form-success {
  margin-top: 15px;
  background-color: #e9f6ec;
  color: #166534;
  border: 1px solid #bbf7d0;
  border-radius: 6px;
  padding: 12px;
  font-size: 15px;
  line-height: 1.5;
  text-align: center;
  transition: opacity 0.4s ease;
}


body:has(.menu-wrapper:not(.hidden)),
body:has(#header-search-panel:not(.hidden)) {
  .skip-link {
    display: none !important;
  }
}
/* body:has(.loader:not(.visually-hidden)) .skip-link {
  display: none !important;
} */

/* body:has(.loader:not(.visually-hidden):not(.hidden)) .skip-link {
  display: none !important;
} */

body:has(.loader:not(.visually-hidden):not(.fade-out):not(.hidden)) .skip-link {
  display: none !important;
}

.skip-text {
  opacity: 0;
  max-width: 0;
  overflow: hidden;
  white-space: nowrap;
  transition: opacity 0.3s ease, max-width 0.4s ease;
}

.skip-arrow {
  font-size: 20px;
  line-height: 1;
  margin-top: -4px;
}

.skip-link:hover,
.skip-link:focus {
  transform: translateY(60%) translateX(0);
  background-color: #700002;
}

.skip-link:hover .skip-text,
.skip-link:focus .skip-text {
  opacity: 1;
  max-width: 240px;
}


#closest-shows {
  scroll-margin-top: 120px;
}
.list-reset {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list-reset {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Відступ між категоріями */
.menu-element__sections-elements {
  display: flex;
  flex-direction: column;
  gap: 32px; /* 🔹 Відстань між категоріями */
}

/* Щоб внутрішні списки не ламали структуру */
.menu-element__sections-element > ul {
  display: flex;
  flex-direction: column;
  gap: 32px; /* наприклад, невеликий відступ між посиланнями, можна змінити */
}




/*Accessibility */


.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

body.accessibility-mode .mailpoet_form .mailpoet_form_form .mailpoet_form_shortcode {
	background: white;
}

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,
body.accessibility-mode .subscribe-btn,
body.accessibility-mode .mailpoet_submit{
  border-color: #1e6969;
  color: #fff;
  background: transparent;
  text-decoration: underline;
}

body.accessibility-mode .more-btn:hover,
body.accessibility-mode .all_news_btn:hover,
body.accessibility-mode .subscribe-btn:hover,
body.accessibility-mode .mailpoet_submit: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 .subscribe-form__inner,
body.accessibility-mode #mailpoet_form_1 {
	background: #dcdcdc !important;
    color: #000 !important;
    line-height: 1.5 !important;
    letter-spacing: 0.12em !important;
    word-spacing: 0.16em !important;
}

/* body.accessibility-mode .mailpoet_text {
  border-color: #1e6969;
  color: #fff;
  background: white!important;
} */

body.accessibility-mode .mailpoet_paragraph input {
	border-color: #1e6969;
  color: #fff;
  background: white!important;
}

body.accessibility-mode .mailpoet_paragraph .mailpoet_submit {
	background: transparent!important;
}

body.accessibility-mode .mailpoet_paragraph .mailpoet_submit:hover{
  background: #525252 !important;
  color: #fff !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 input,
body.accessibility-mode label {
  color: #000 !important;
}


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__video-btn:focus {
 
  background-color: #000000 !important;  /* чорний фон */
  color: #fff !important;      
         /* білий текст або іконка, щоб було видно */
}
body.accessibility-mode.home-main__video-btn:focus svg path {
  fill: #ffffff; /* робить іконку білою */
}
body.accessibility-mode .home-main__video-btn.pause::after{
    color: #000;
}




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 .go-btn,
body.accessibility-mode .notfound-title,
body.accessibility-mode .header-dropdown__items li a,
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 {
  background: #0A0C15;
      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::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; }

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;
}

@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: #525252 !important;
  color: #fff !important;
  flex-shrink: 0; 
}

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


#accessibility-controls.hidden {
    display: none;
}

#accessibility-controls[inert] {
    display: none;
}

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-column__element-title,
body.accessibility-mode .show-column__element p,
body.accessibility-mode .reports-content__documents-file p,
body.accessibility-mode .menu-subsection__col-item p{
    margin-bottom: 0 !important;
}
body.accessibility-mode .closest-show__filter-title p,
body.accessibility-mode .popup-item p,

body.accessibility-mode .printing-item .bottom-divider,

body.accessibility-mode .souvenirs-item__footer p {
    margin-bottom: 1em !important;
}

body.accessibility-mode .show-cover__date,
body.accessibility-mode .show-cover__title{
        margin-bottom: 0.5em !important;

}
body.accessibility-mode .show-subelement__name,
body.accessibility-mode .show-subelement__title,
body.accessibility-mode .show-subelement__content-short,
body.accessibility-mode .show-subelement__content-short .wysiwyg-content {
    font-size: 25px;        
    line-height: 1.5;
}

body.accessibility-mode .loader .loader-logo {
    filter: grayscale(100%);
    width: 252px;
    z-index: 2;
    transition: 1s;
}



#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: -25px;
    top: 52%;
    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: 4%;
    top: 52%;
    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 .bottom-buttons-container{
    display: none;
}


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 ul,
body.accessibility-mode ol {
  list-style-position: outside;
  color: #000 !important;  
}

body.accessibility-mode ul li::marker,
body.accessibility-mode ol li::marker {
  color: #000 !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;
    right: 16px;
    font-weight: 500;
}
.footer-partners a {
    border: 2px solid #DDD5CC;
    border-radius: 10px;
    width: 156px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}


body.accessibility-mode .loader-curtains div:nth-child(1) {
  background: #606060 !important;
}
body.accessibility-mode .loader-curtains div:nth-child(2) {
  background: #606060 !important;
}

body.accessibility-mode a: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 .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 input:hover
{
  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 button:hover, */
body.accessibility-mode .menu .closest-show__category:focus-visible {
  background-color: #000 !important;
  color: #fff !important;
  outline: 2px solid #fff !important;
}
body.accessibility-mode.closest-show__category-exit{
    background-color: #fff;
}


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;                 
}

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;           
  border-radius: 50%;                
}

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 .reports-content__documents-file svg path {
  fill: #000 !important;
  stroke: #000 !important;
}

body.accessibility-mode .closest-show__filter-content {
    margin-top: 20px;
  padding-top: 24px;   
  box-sizing: border-box;
}

body.accessibility-mode .closest-shows {

        align-items: normal;
       
}


body.accessibility-mode .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;
}

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;
 
  gap: 12px;
 
  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;          
}

body.accessibility-mode .visit-theater__tab-titles::-webkit-scrollbar {
  display: none;                 
}

body.accessibility-mode .visit-theater__tab-title {
  flex: 0 0 auto;                 
  white-space: nowrap;            
}
body.accessibility-mode .footer-center__section svg {
  width: 1em;   
  height: 1em;  
  flex-shrink: 0;
  margin-right: 6px; 
}

body.accessibility-mode .menu-element.sections {
    display: flex;
    flex-direction: column;
    gap: 64px;
    height: 315px;
    justify-content: flex-start;
}
body.accessibility-mode .skip-link{
    background-color: #fff;

}




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;
}



/* tablet */

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

  /* меню!!!!!!!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;  
    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: 52%;
        transform: translate(50%, 65%);
    }
    .menu-wrapper .search .global-main__pagination-area.navigation .global-main__next-slide {
        right: clamp(32px, -4vw, 38px);
        top: 52%;
        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;
  }

  .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; 
}

body.accessibility-mode .closest-show__filter-wrapper {
    display: flex;
    flex-direction: column;  
    align-items: stretch;    
    width: 100%;

}

body.accessibility-mode .closest-show__categories {
    font-size: 16px !important;
    line-height: 38px !important;
    height: 46px;            
    display: flex;
    align-items: center;
   
    gap: 16px;
    padding: 8px;
    -webkit-overflow-scrolling: touch;
}

body.accessibility-mode .closest-show__category {
    font-size: 16px !important;
    line-height: 38px !important;
    height: 38px !important;   
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    border-radius: 8px;
    cursor: pointer;
}




body.accessibility-mode .closest-show__category {
    flex: 0 0 auto;
    font-size: 16px !important;
    line-height: 38px !important;
   
    border-radius: 8px;
   

    cursor: pointer;
}
body.accessibility-mode.closest-show__category.active {
    background: #fff !important;
    color: #000;
}

/* фільтр на всю ширину */
   body.accessibility-mode .closest-show__filter {
        width: 100% !important;   /* перекриває width: 383px */
        max-width: 100% !important;
        border-radius: 10px;
        background: #fff;
       
        box-sizing: border-box;
    }
   body.accessibility-mode  .closest-show__filter-content{
      
    padding-top: 24px;
    box-sizing: border-box;
    background: #fff;
   }

   body.accessibility-mode #accessibility-controls, #font-size-controls {
    display: flex;
    gap: 8px;
    position: fixed;
    top: 100px;
    right: 10px;
    z-index: 999999;
    pointer-events: auto;
}

}


@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: 1054px) and (min-width: 769px) {
    .alt-filter {
        display: block;
    }
}
@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: 114px;
    }

    .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: 0px;
    }

    .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 10px;
    }

    .skip-link {
    top: 6%;
    transform: translateY(100%) translateX(-40%); 
    padding: 8px 14px;
    font-size: 13px;
    border-radius: 0 8px 8px 0;
  }


  .skip-link:hover,
  .skip-link:focus {
    transform: translateY(100%) translateX(0);
  }
    .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;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(clamp(190px, 44.72vw, 345px), 1fr));
    }
    /* .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;
    }
    .menu-element__sections-element > ul {
        gap: 16px;
    }
    .footer-wrapper.mobile .footer-center {
        display: flex;
        flex-direction: column;
        grid-column: 1 / -1;
        justify-self: center;
        max-width: 100%;
        width: 100%;
    }
    .footer-wrapper.mobile .footer-center h2 {
        font-size: 24px;
        font-weight: 700;
        text-transform: uppercase;
        margin: 0px;
        margin-bottom: 32px;
    }
    .closest-show__calendar{
        --cell: 40px;
        --gap: clamp(0px, calc(-6px + (58 - 0) * ((100vw - 320px) / (768 - 320))), 58px)
    }
    .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;
    }
	
	.footer-subscribe {
    	text-align: center;
    	margin-right: 0px;
    	margin-top: 24px;
    }
	
	.footer-center {
		margin-top: 30px;
	}
	
	.subscribe-form__inner {
		width: 85%;             
		padding: 20px;          
	}
    .subscribe-btn {
    width: 100%;
    max-width: 330px;
    }
  .subscribe-close {
    top: 8px;
    right: 10px;
    font-size: 20px;
  }
		
	.mailpoet_submit {
		font-size: 16px !important;
	}
/*     
    .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: 75px;
        padding-top: 8px;
        left: 0px;
    }
	
	.header-container.mobile .header-dropdown__items {
		margin-top: 3px;
	}
	
	.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 {
        padding: 0px 15px;
    }
	
	.closest-shows a {
        width: 100%;
    }
	
    .closest-show img {
        width: 100%;
        height: auto;
        aspect-ratio: 327 / 200;
        display: block;
        object-fit: cover;
        border-radius: 10px;
    }
    
    .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;
    }
    .closest-show__item-date-second.canceled {
        top: clamp(66%, calc(66% + (85px - 70px) * ((100vw - 320px) / (374px - 320px))), 85%);
        left: 87%;
        transform: translate(-50%, -50%);
        font-size: 12px;
        width: 72px;
        height: 31px;
        font-weight: 500;
        padding: 1px;
        aspect-ratio: 72/31;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 100%;
        min-height: 31px;
        min-width: 72px;
    }

    .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__item-date {
        margin-top: 17px;
        font-size: 14px;
    }
    .closest-show__item-title {
        margin-top: 8px;
        font-size: 18px;
    }

    .closest-show__item-image {
        width: 100%;
        height: auto;
        aspect-ratio: 327 / 200;
        display: block;
        object-fit: cover;
    }
    
    .closest-show__item-date-second {
        position: absolute;
        top: clamp(66%, calc(66% + (85px - 70px) * ((100vw - 320px) / (374px - 320px))), 85%);
        left: 90%;
        transform: translate(-50%, -50%);
        font-size: 12px;
        width: min-content;
        height: min-content;
        aspect-ratio: 100 / 90;
        font-weight: 500;
        padding: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 40px;
        min-height: 40px;
    }

    .news-wrapper {
        padding: 0px 16px;
    }
    .news-item {
        width: 100%;
    }
    .news-item img {
        aspect-ratio: 328 / 200;
        height: auto;
    }
    .news-item.large img {
        aspect-ratio: 328 / 200;
        height: auto;
    }
    .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;
    }

    .wysiwyg-content ul li::after {
    content: '';
    position: absolute;
    top: 0px;
    transform: translateY(10px);
    left: -20px;
    width: 8px;
    height: 8px;
    background: #6E050F;
    border-radius: 100%;
    }

   .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: 104px 18px 0;
    box-sizing: border-box;
	overflow-y: scroll;
}
    .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: 40px; /* тільки відстань між блоками */
}
   .menu-element.sections {
    display: flex;
    flex-direction: column;
    margin-top: auto;
    /* margin-bottom: 40px; */
    gap: 40px;
    height: auto !important;
    justify-content: flex-start;
    width: 100%;
    box-sizing: border-box;
    max-width: 526px;
}
    .menu-element.sections .menu-element__sections-elements {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 колонки */
    gap: 32px;
    width: 100%;
    box-sizing: border-box;
}
    .menu-element.sections::after {
        content: '';
        width: 100%;
        height: 1px;
        position: static;
        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: 40px;
    }
    .menu-element.conctact-partners {
        gap: 40px;
    }
    .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: static;
        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: 170px;
        padding-top: 90px;
    }

    .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: -46px!important;
    }
    .menu-wrapper .search .global-main__pagination-area.navigation .global-main__prev-slide {
        left: 4px;
    }
    .menu-wrapper .search:not(.hidden) {
        display: block;
        padding-inline: 2px;
    }
    
    .bottom-buttons-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 28px;
    z-index: 2;
    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%;
        z-index: 1;
        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
        );
    }
    body.accessibility-mode .bottom-buttons-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 28px;
  z-index: 1;
  position: sticky;

  min-width: 154px;   
  min-height: 61px;   
 

  left: 50%;
  transform: translateX(-50%);
  bottom: 38px;

  background: #000;
  box-shadow: 0px 1px 2px rgba(8, 8, 8, 0.19),
              0px 1px 3px 1px rgba(0, 0, 0, 0.04);
  border-radius: 10px;
}



    /* Acces */

body.accessibility-mode .closest-show__categories {
  display: flex;
  align-items: center;
  gap: 10px;
    padding: 4px 4px 4px 4px;
  overflow-x: auto;            /* горизонтальний скрол */
  white-space: nowrap;         /* не переносити */
  -webkit-overflow-scrolling: touch; /* плавний скрол на iOS */
  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 .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;
    

}

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: #000000 !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: #525252 !important;
  color: #fff !important;
  flex-shrink: 0; /* не стискаються */
}

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

.loader.fade-out,
.loader.visually-hidden,
.loader.hidden {
    pointer-events: none;
}	

    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");
    }
}

/* Додати стилі для кнопки */
.header-dropdown__button {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    font: inherit;
    color: inherit;
    width: 100%;
    height: 100%;
    text-align: left;
}

/* Оновити селектор для показу меню - тепер aria-expanded на кнопці */
.header-dropdown__button[aria-expanded="true"] + .header-dropdown__items {
    display: block;
}

/* Замінити всі селектори role="option" на role="menuitem" */
.header-dropdown__items [role="menuitem"] {
    padding: 3px 12px;
    outline: none;
    display: block;
}

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

/* Замінити aria-selected на aria-current */
.header-dropdown__items [role="menuitem"][aria-current="page"] {
    font-weight: 600;
}

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

/* Приховуємо hidden меню */
.header-dropdown__items[hidden] {
    display: none !important;
}