:root {
    --color-primary: #003366;          /* Тёмно‑синий */
    --color-primary-light: #1976D2;    /* Светло‑синий (для ссылок) */
    --color-success: #4CAF50;          /* Зелёный (Кадры) */
    --color-info: #009688;             /* Бирюзовый (IT) */
    --color-accent: #FF6600;          /* Оранжевый (CTA) */
    --color-accent-bright: #f88030;          /* Оранжевый (CTA) При наведении */
    --color-accent-gradient: linear-gradient(45deg, var(--color-accent), var(--color-accent-bright));
    --color-gold: #FFC107;             /* Золотой (Плюс) */
    --color-bg: #F5F5F5;               /* Фон страниц */
    --color-bg-light: #FFFFFF;         /* Белый фон блоков */
    --color-text: #212121;             /* Основной текст */
    --color-muted: #757575;            /* Подзаголовки, вспомогательный текст */
    --color-error: #D32F2F;             /* Ошибки */
    --common-btn-text-color: rgb(231, 231, 231);
    --outline-border-normal: #0b4baa;
    --btn-action-normal-color: linear-gradient(45deg, #0b4baa, #094297);
    --btn-action-hover-color: linear-gradient(45deg, #0b4baa, #083c8a);
}

/* PROMO SECTION */
@keyframes floatY{
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-3px); }
}

#promo-call-btn {
    /* background: var(--color-accent-gradient); */
    background-color: #00ff90;
    animation: floatY 1.5s ease-in-out infinite;
    outline: inset 5px var(--color-text);
}

#promo-call-btn:hover {
    background-color: #00ff90;
    animation: floatY 1.5s ease-in-out infinite;
    outline: outset 5px var(--color-text);
}
/* END PROMO SECTION */



.carousel-inner {
    height: 250px;
    margin-bottom: 15px;
}


/* CTA настройки */
.cta-action-btn, .cta-btn-submit-ask-call {
    color: var(--common-btn-text-color);
    background: var(--btn-action-normal-color);
    /* transition: 0.2s; */
}

.cta-action-btn:hover, .cta-btn-submit-ask-call:hover {
    background: var(--btn-action-hover-color);
    transform: perspective(1px) scale(1.03);
    transition: transform 0.2s ease-in-out box-shadow 0.2s;
    will-change: transform;
}

/* Конец CTA настройки */

/* Категории */
.category-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
    border: none;
}

.direction-card {
    background: linear-gradient(145deg, #ffffff, #f8f9fa);
    border: 1px solid rgba(0,0,0,0.08) !important;
}

.category-logo {
    transition: transform 0.3s ease;
}

.category-btn:hover .category-logo {
    transform: scale(1.1);
}

.categories-grid {
    max-width: 100%;
}
/* Конец Категории */

.product-card {
    outline: solid 1px var(--outline-border-normal);
    border-radius: 8px;
    margin: 5px;
    transition: transform 0.3s ease;
}

.product-card:hover {
    transform: perspective(1px) scale(1.01);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    will-change: transform;
}

/* Промо карточки */
.promo-card {
    box-shadow: 2px 2px 5px black;
    transition: all 0.3s ease;
    position: relative;
}

.promo-card:hover {
    outline: ridge 2px black;
    transform: scale(1.05);
    will-change: transform;
    z-index: 10;
}

.promo-card .btn-card-link {
    display: inline-block;
    padding: 10px 20px;
    background-color: #007bff;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    transition: all 0.3s ease;
}

.promo-card .btn-card-link:hover {
    background-color: #0056b3;
    color: white;
    transform: scale(1.05);
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
/* Конец Промо карточки */