@charset "UTF-8";

:root, [data-bs-theme="light"] {
  --cassiopeia-color-primary: #0f6b1c;
  --cassiopeia-color-hover: #a4f28d;

}


/* Применяем изменения только для экранов шире 992px (ПК и планшеты) */
@media (min-width: 992px) {
    body.site {
        max-width: 85%; /* Ширина сайта в процентах */
        margin: 0 auto; /* Центрирование */
        background-color: #ffffff; /* Цвет фона самого сайта */
        
        /* Параметры тени: смещение 0, размытие 20px, прозрачность 0.15 */
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); 
    }

    /* Цвет фона "за пределами" сайта */
    body {
        background-color: #f0f2f5; 
    }
}


@media (min-width: 992px) {
    /* Скругляем блок меню (шапку) */
    .header {
        border-radius: 15px;
        margin-top: 5px;
        margin-bottom: 5px; /* Отступ между меню и баннером */
        overflow: hidden;
    }

    /* Скругляем блок баннера */
    .container-banner {
        border-radius: 15px;
        margin-bottom: 5px; /* Отступ от контента снизу */
        overflow: hidden;
    }
}

/* Полное отключение sticky */
.mod-header,
.navbar-wrapper,
header {
    position: static !important;
    top: auto !important;
}