/* Обертка для шапки - фиксированная позиция */
.header-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background-color: var(--mud-palette-surface);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid var(--mud-palette-lines-default);
    /* Автоматическая высота от содержимого */
    height: 160px;
    min-height: 160px;
}

/* Кастомные отступы для Drawer */
.drawer-custom {
    margin-top: 100px !important; /* Высота шапки */
}

/* Кастомные отступы для контента */
.main-content-custom {
    margin-top: 80px !important; /* Высота шапки */
}

/* Стили для карусели с учётом темы */
.mud-carousel .mud-icon-button {
    color:  #e0e0e0 !important;
    background-color: black;
    border-radius: 50% !important;
    opacity: 0.4 !important;
}
.mud-carousel .mud-carousel-bullet {
    background-color: #e0e0e0 !important;
    opacity: 0.4 !important;
}

.mud-carousel .mud-carousel-bullet.active {
    background-color: #e0e0e0 !important;
    opacity: 0.6 !important;
}

.carousel-responsive {
    height: 200px;
}

@media (max-width: 600px) {
    .carousel-responsive {
        height: 140px;
    }
}

@media (max-width: 400px) {
    .carousel-responsive {
        height: 120px;
    }
}