/* Убираем все лишние шрифты, используем системный чистый шрифт */
body {
    background-color: #141414 !important; /* Глубокий матовый черный */
    color: #e0e0e0 !important; /* Мягкий белый */
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    text-shadow: none !important;
}

/* Навигация: максимально плоская и простая */
.navbar {
    background-color: #141414 !important;
    border-bottom: 1px solid #222 !important; /* Тонкая серая полоса */
    box-shadow: none !important;
}

.navbar-light .navbar-nav .nav-link, .navbar-brand {
    color: #aaaaaa !important;
    transition: 0.2s ease !important;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #ffffff !important;
    text-shadow: none !important;
}

/* Карточки товаров: плоские, без теней */
.card {
    background-color: #1a1a1a !important; /* Чуть светлее фона */
    border: 1px solid #222 !important; /* Простая граница */
    border-radius: 4px !important; /* Квадратные углы */
    box-shadow: none !important;
    transition: none !important; /* Убираем анимации */
}

/* Hover-эффект: только легкое изменение границы */
.card:hover {
    border-color: #444 !important;
    transform: none !important; /* Убираем "подпрыгивание" */
    box-shadow: none !important;
}

.card-title, .card-text, .text-muted {
    color: #ffffff !important;
    text-shadow: none !important;
}

/* Кнопки: плоские, матовые */
.btn-primary {
    background-color: #333333 !important; /* Матовый серый */
    border-color: #333333 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    transition: 0.2s ease !important;
}

/* Hover-эффект кнопки: становится белой */
.btn-primary:hover {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    color: #000000 !important;
    box-shadow: none !important;
}

/* Окна (модальные) и поля ввода: то же самое */
.modal-content, .form-control {
    background-color: #1a1a1a !important;
    border: 1px solid #333 !important;
    border-radius: 4px !important;
    color: #fff !important;
    box-shadow: none !important;
}

.form-control:focus {
    border-color: #666 !important;
    box-shadow: none !important;
}

.modal-header, .modal-footer {
    border: none !important; /* Убираем полосы */
}