.navbar.navbar-theme-light.bg-light.navbar-light {
    background-color: #0a192f !important;
    border: none;
    box-shadow: 0 2px 10px rgba(0,0,0,0.3);
}

.navbar.navbar-theme-light.bg-light.navbar-light .nav-link,
.navbar.navbar-theme-light.bg-light.navbar-light .navbar-brand,
.navbar.navbar-theme-light.bg-light.navbar-light .navbar-toggler-icon {
    color: #ffffff !important;
}

.navbar.navbar-theme-light.bg-light.navbar-light .fas {
    color: #ffffff !important;
}

.navbar.navbar-theme-light.bg-light.navbar-light .nav-link:hover {
    color: #64ffda !important;
}

/* Основной фон страницы */
main.bg-light, 
.main-instruction.bg-light,
body {
    background-color: #0a192f !important;
    color: #e6f1ff !important;
}

/* Контейнер магазина */
.section-md.pt-0 .container.text-white {
    background-color: #0a192f !important;
}

/* Карточки товаров */
.card {
    background-color: #112240 !important;
    border: 1px solid #1e3a5f !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
}

.card-body.text-black h5,
.card-body.text-black h4 {
    color: #e6f1ff !important;
}

/* Категории товаров */
.categories.filter-button-group .category {
    background-color: #1e3a5f !important;
    color: #e6f1ff !important;
    border: 1px solid #2d4b76 !important;
    transition: all 0.3s ease !important;
}

.categories.filter-button-group .category:hover {
    background-color: #274991 !important;
}

.categories.filter-button-group .category.active {
    background: linear-gradient(0deg, #274991, #274991cd) !important;
    color: #fff !important;
    border-color: #64ffda !important;
}

/* Кнопки покупки */
.btn-primary {
    background-color: #64ffda !important;
    border-color: #64ffda !important;
    color: #0a192f !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

.btn-primary:hover {
    background-color: #4fd3b0 !important;
    border-color: #4fd3b0 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(100, 255, 218, 0.3) !important;
}

/* Текст на странице */
.main-instruction .text-black,
#help .text-black {
    color: #e6f1ff !important;
}

.main-instruction .text-black h2,
.main-instruction .text-black p,
#help .text-black h2,
#help .text-black p {
    color: #e6f1ff !important;
}

/* Заголовки магазина */
.shop-title .shop-name {
    color: #64ffda !important;
    text-shadow: 0 2px 10px rgba(100, 255, 218, 0.3) !important;
}

.shop-title .shop-description {
    color: #e6f1ff !important;
}

/* Онлайн счетчик */
.general-online p span {
    background: #00000060 !important;
    color: #e6f1ff !important;
    border: 1px solid #64ffda30 !important;
}

/* Иконка информации о товаре */
.product-info:hover {
    background: #1e3a5f !important;
}

.product-info img {
    filter: brightness(0) invert(1) !important;
}

.fh-300 {
    transition: all 0.3s ease;
    transform-origin: center bottom;
}

.fh-300:hover {
    animation: springyWobble 1s ease-in-out;
}

@keyframes springyWobble {
    0% {
        transform: translateX(0) rotate(0deg) scale(1);
    }
    20% {
        transform: translateX(-12px) rotate(-4deg) scale(1.05);
    }
    40% {
        transform: translateX(10px) rotate(3deg) scale(1.03);
    }
    60% {
        transform: translateX(-6px) rotate(-2deg) scale(1.01);
    }
    80% {
        transform: translateX(3px) rotate(1deg) scale(1);
    }
    100% {
        transform: translateX(0) rotate(0deg) scale(1);
    }
}

.display-1.font-weight-bolder.mb-3.shop-name {
    color: #ffa500 !important;
    text-shadow: 0 0 15px #ffa500, 0 0 25px #ffa500 !important;
    animation: 
        simpleTextGlow 4s ease-in-out infinite alternate,
        gentleTextSway 12s ease-in-out infinite !important;
    display: inline-block;
}

@keyframes simpleTextGlow {
    0% {
        text-shadow: 0 0 15px #ffa500, 0 0 25px #ffa500 !important;
    }
    100% {
        text-shadow: 0 0 20px #ffa500, 0 0 35px #ffa500 !important;
    }
}

@keyframes gentleTextSway {
    0%, 100% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(-3px);
    }
    75% {
        transform: translateX(3px);
    }
}

/* Стили для кнопок покупки */
.btn-primary {
    background-color: #1a3b6b !important; /* Светлее чем #0a192f */
    border-color: #1a3b6b !important;
    color: white !important;
    transition: all 0.3s ease !important;
}

/* Эффект при наведении */
.btn-primary:hover {
    background-color: #FFA500 !important; /* Оранжевый как был */
    border-color: #FFA500 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(255, 165, 0, 0.3);
}

/* Эффект при нажатии */
.btn-primary:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(255, 165, 0, 0.3);
}

.product-modal {
    background-color: #1a3b6b !important;
    color: white !important;
}

.product-modal .modal-title,
.product-modal .modal-body {
    color: white !important;
}

.product-modal svg path {
    stroke: white !important;
}

/* Анимация для карточки продукта */
.product-card {
    transition: all 0.3s ease-in-out;
}

/* Эффект при наведении на карточку */
.product-card:hover {
    transform: translateY(-8px); /* Увеличил сдвиг вверх */
    filter: brightness(1.05); /* Легкое осветление карточки */
}

/* Анимация для изображения внутри карточки */
.product-card .card-header img {
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55); /* Более пружинная анимация */
}

/* Эффект подпрыгивания изображения при наведении на карточку */
.product-card:hover .card-header img {
    animation: bounce 0.6s ease-in-out;
}

/* Ключевые кадры для анимации подпрыгивания */
@keyframes bounce {
    0%, 100% { 
        transform: translateY(0) scale(1); 
    }
    25% { 
        transform: translateY(-4px) scale(1.02); /* Подскок вверх с легким увеличением */
    }
    50% { 
        transform: translateY(2px) scale(0.98); /* Отскок вниз с легким уменьшением */
    }
    75% { 
        transform: translateY(-2px) scale(1.01); /* Небольшой дополнительный подскок */
    }
}

/* Дополнительные стили для плавности */
.filter-item {
    transition: all 0.3s ease-in-out;
}

/* Небольшая тень при наведении для лучшего эффекта "поднятия" */
.product-card:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
}

/* Стили для кнопок категорий */
.category.filter-button {
    transition: all 0.3s ease-in-out;
    border: 2px solid transparent; /* Прозрачная обводка по умолчанию */
    border-radius: 8px; /* Закругленные углы */
    padding: 8px 16px; /* Отступы для лучшего вида */
    margin: 0 4px; /* Отступ между кнопками */
    cursor: pointer;
}

/* Активная категория с оранжевой обводкой */
.category.filter-button.active {
    border-color: #ff6b35; /* Ярко-оранжевая обводка */
    background-color: rgba(255, 107, 53, 0.1); /* Легкий оранжевый фон */
    box-shadow: 0 0 0 1px #ff6b35; /* Дополнительный эффект свечения */
}

/* Эффект при наведении на неактивные категории */
.category.filter-button:not(.active):hover {
    border-color: #ffa366; /* Светло-оранжевая обводка при наведении */
    background-color: rgba(255, 163, 102, 0.05);
}

/* Дополнительные стили для текста */
.category.filter-button.active {
    color: #ff6b35 !important; /* Оранжевый текст для активной категории */
    font-weight: 800 !important;
}

/* Изменение фона основного элемента */
.row.text-black {
    background-color: #0a192f !important;
}

/* Изменение фона дочерних элементов с bg-light-dark */
.bg-light-dark {
    background-color: #0a192f !important;
}

/* Изменение цвета текста для лучшей читаемости на темном фоне */
.row.text-black,
.row.text-black .text-black,
.row.text-black h1,
.row.text-black h2,
.row.text-black h3,
.row.text-black h4,
.row.text-black h5,
.row.text-black h6,
.row.text-black p,
.row.text-black .font-weight-bolder,
.row.text-black .card-title,
.row.text-black .basket-pricelist-1018957 {
    color: #e6f1ff !important; /* Светлый цвет текста для контраста */
}

/* Изменение фона карточек внутри */
.row.text-black .card {
    background-color: #112240 !important; /* Чуть светлее фон для карточек */
    border-color: #233554 !important;
}

/* Изменение фона input полей */
.row.text-black .form-control,
.row.text-black .input-group-text,
.row.text-black .bg-light {
    background-color: #112240 !important;
    border-color: #233554 !important;
    color: #e6f1ff !important;
}

/* Изменение placeholder цвета */
.row.text-black .form-control::placeholder {
    color: #8892b0 !important;
}

/* Изменение фона кнопок */
.row.text-black .btn {
    background-color: #64ffda !important;
    color: #0a192f !important;
    border-color: #64ffda !important;
}

/* Изменение фона alert */
.row.text-black .alert-warning {
    background-color: rgba(255, 193, 7, 0.1) !important;
    border-color: #ffc107 !important;
    color: #ffd54f !important;
}

/* Изменение фона модальных окон */
.row.text-black .modal-content {
    background-color: #112240 !important;
    color: #e6f1ff !important;
}

/* Основной фон для элемента */
.col-lg-7.bg-light-dark,
.col-12.bg-light-dark {
    background-color: #0a192f !important;
}

/* Фон для карточки внутри */
.card.bg-light-dark {
    background-color: #112240 !important;
    border-color: #233554 !important;
}

/* Изменение цвета текста для лучшей читаемости */
.col-lg-7.bg-light-dark .text-black,
.col-lg-7.bg-light-dark h3,
.col-lg-7.bg-light-dark h5,
.col-lg-7.bg-light-dark h6,
.col-lg-7.bg-light-dark .card-title,
.col-lg-7.bg-light-dark .font-weight-bolder,
.col-lg-7.bg-light-dark p {
    color: #e6f1ff !important;
}

/* Стили для кнопок */
.col-lg-7.bg-light-dark .btn-danger {
    background-color: #ff6b6b !important;
    border-color: #ff6b6b !important;
}

.col-lg-7.bg-light-dark .btn-light {
    background-color: #233554 !important;
    border-color: #233554 !important;
    color: #8892b0 !important;
}

.col-lg-7.bg-light-dark .bg-elegant {
    background-color: #64ffda !important;
    border-color: #64ffda !important;
    color: #0a192f !important;
}

/* Стили для раздела "Инструкция по покупке" */
.col-lg-7.bg-light-dark .more-products {
    background-color: #0a192f !important;
}

.col-lg-7.bg-light-dark .more-products h5,
.col-lg-7.bg-light-dark .more-products p {
    color: #e6f1ff !important;
}

/* Изменение цвета кнопки на оранжевый */
.btn.text-white.rounded-lg[data-toggle="modal"][data-target="#payment-type"] {
    background: #ff6b35 !important; /* Ярко-оранжевый */
    border-color: #ff6b35 !important;
}

/* Эффект при наведении */
.btn.text-white.rounded-lg[data-toggle="modal"][data-target="#payment-type"]:hover {
    background: #ff8c00 !important; /* Темнее при наведении */
    border-color: #ff8c00 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(255, 107, 53, 0.3);
}

/* Эффект при нажатии */
.btn.text-white.rounded-lg[data-toggle="modal"][data-target="#payment-type"]:active {
    background: #e55a2b !important;
    transform: translateY(0);
}

/* Изменение цвета кнопки "+" на оранжевый */
.btn.bg-elegant.animate-up-2 {
    background: #ff6b35 !important; /* Ярко-оранжевый */
    border-color: #ff6b35 !important;
    color: white !important;
}

/* Эффект при наведении */
.btn.bg-elegant.animate-up-2:hover {
    background: #ff8c00 !important; /* Темнее при наведении */
    border-color: #ff8c00 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(255, 107, 53, 0.3);
}

/* Эффект при нажатии */
.btn.bg-elegant.animate-up-2:active {
    background: #e55a2b !important;
    transform: translateY(0);
}

/* Изменение цвета текста предупреждения на оранжевый */
.alert-inner--text,
.alert-inner--text strong {
    color: #ff6b35 !important; /* Ярко-оранжевый */
}

/* Альтернативный вариант с наследованием цвета от родителя */
.alert-warning .alert-inner--text,
.alert-warning .alert-inner--text strong {
    color: #ff6b35 !important;
}

/* Изменение цвета значка восклицательного знака на оранжевый */
.fa-exclamation-circle {
    color: #ff6b35 !important; /* Ярко-оранжевый */
}

/* Более специфичный селектор для значка в alert */
.alert-warning .fa-exclamation-circle {
    color: #ff6b35 !important;
}

/* Еще более специфичный селектор */
.alert-inner--icon .fa-exclamation-circle {
    color: #ff6b35 !important;
}

/* Более темный фон для модального окна */
.modal-body[style*="background: #f8f9fa"] {
    background: #071223 !important; /* Темнее #0a192f */
}

/* Альтернативный более специфичный селектор */
#payment-type .modal-body {
    background: #071223 !important;
}

/* Изменение цвета текста для контраста */
.modal-body[style*="background: #f8f9fa"] .text-black,
.modal-body[style*="background: #f8f9fa"] h1,
.modal-body[style*="background: #f8f9fa"] h4,
.modal-body[style*="background: #f8f9fa"] h5,
.modal-body[style*="background: #f8f9fa"] p {
    color: #e6f1ff !important;
}

/* Фон для карточек способов оплаты */
.modal-body[style*="background: #f8f9fa"] .card {
    background: #0a192f !important; /* Исходный цвет */
    border-color: #112240 !important;
}

/* Эффект при наведении на карточки */
.modal-body[style*="background: #f8f9fa"] .card:hover {
    background: #112240 !important;
    border-color: #233554 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

/* Оранжевый текст со свечением для заголовка */
.diplay-2.font-weight-bolder.mb-0.text-black {
    color: #ff6b35 !important; /* Ярко-оранжевый */
    text-shadow: 
        0 0 10px rgba(255, 107, 53, 0.7),
        0 0 20px rgba(255, 107, 53, 0.5),
        0 0 30px rgba(255, 107, 53, 0.3);
    font-weight: 900 !important;
}

/* Анимация пульсации свечения */
.diplay-2.font-weight-bolder.mb-0.text-black {
    animation: glow-pulse 2s ease-in-out infinite alternate;
}

@keyframes glow-pulse {
    from {
        text-shadow: 
            0 0 10px rgba(255, 107, 53, 0.7),
            0 0 20px rgba(255, 107, 53, 0.5),
            0 0 30px rgba(255, 107, 53, 0.3);
    }
    to {
        text-shadow: 
            0 0 15px rgba(255, 107, 53, 0.8),
            0 0 25px rgba(255, 107, 53, 0.6),
            0 0 35px rgba(255, 107, 53, 0.4);
    }
}

.pattern.top {
    background-color: #0a192f;
}

.pattern.top svg {
    visibility: hidden; /* делает SVG невидимым */
}

.pattern.top {
    height: 28px; /* или нужная вам высота */
}