/* ===== СБРАСЫВАЕМ ВСЁ, ЧТО БЫЛО ===== */
body.showcase-page {
    margin: 0;
    min-height: 100vh;
    background-color: transparent;
    position: relative;
}

/* ===== ОТДЕЛЬНЫЕ СЛОИ ДЛЯ КАЖДОЙ КАТЕГОРИИ ===== */
.background-layer,
.category-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
    pointer-events: none;
    transition: opacity 0.3s ease;
    opacity: 0;
}

/* Показываем слой по умолчанию */
.background-layer {
    background-image: url('/static/img/backgrounds/1_high_art_royal.jpg');
    opacity: 1;
}

/* Каждой категории — свой слой со своим фоном */
.category-bg.high-art-bg {
    background-image: url('/static/img/backgrounds/1_high_art_royal.jpg');
}
.category-bg.folk-art-bg {
    background-image: url('/static/img/backgrounds/high_art_royal.jpg'); /* сюда бордовые шторы */
    background-position: center 0%; /* Сдвиг вверх/вниз. 50% - центр, меньше - выше */

}
.category-bg.souvenirs-bg {
    background-image: url('/static/img/backgrounds/folk_art_dark.jpg');
}
.category-bg.books-bg {
    background-image: url('/static/img/backgrounds/books_vatican_library.jpg');
}
.category-bg.other-bg {
    background-image: url('/static/img/backgrounds/other.jpg');
}

/* ===== ЛОГИКА ПЕРЕКЛЮЧЕНИЯ ===== */
/* Если на body класс категории — скрываем слой по умолчанию и показываем нужный */
body.category-high-art .background-layer {
    opacity: 0;
}
body.category-high-art .high-art-bg {
    opacity: 1;
}

body.category-folk-art .background-layer {
    opacity: 0;
}
body.category-folk-art .folk-art-bg {
    opacity: 1;
}

body.category-souvenirs .background-layer {
    opacity: 0;
}
body.category-souvenirs .souvenirs-bg {
    opacity: 1;
}

body.category-books .background-layer {
    opacity: 0;
}
body.category-books .books-bg {
    opacity: 1;
}

body.category-other .background-layer {
    opacity: 0;
}
body.category-other .other-bg {
    opacity: 1;
}

/* Вуаль для всех слоёв */
.background-layer::after,
.category-bg::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    pointer-events: none;
    z-index: -1;
}

/* ===== ЛОГОТИП (без изменений) ===== */
.logo-text-wrap {
    width: 100%;
    height: 195px;
    background-image: url("/static/img/New_background/logo/logo_plain_2.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left top;
    margin: 0 0 -48px;
    margin-left: 0;
}

body.category-high-art .logo-text-wrap {
  /*   background-image: url("/static/img/New_background/logo/logo_crown.png");*/
     background-image: url("/static/img/New_background/logo/logo_plain_2.png");
}

body.category-fffolk_art_dark .logo-text-wrap {
    width: 100%;
    height: 195px;
    background-image: url("/static/img/New_background/logo/logo_plain.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left top;
    margin: 0 0 68px;
    margin-left: 0;
}