/* ===================== ОБЩИЕ БАЗОВЫЕ КЛАССЫ ===================== */

/* Заголовки и тексты */
.prod-title {
    margin-bottom: 16px;
    color: #1f2747;
    font-weight: 800;
    line-height: 1.25;
}

.prod-desc {
    margin-bottom: 0;
    color: #333b55;
    font-size: 16px;
    line-height: 1.75;
}

.prod-desc-lg {
    margin-bottom: 18px;
    color: #1f2747;
    font-size: 17px;
    line-height: 1.75;
}

.prod-link {
    font-weight: 800;
    color: inherit;
    text-decoration: underline;
    /*color: #0accbe !important;*/
}

/*.prod-link:hover {*/
/*    color: #089b91 !important; !* Чуть темнее при наведении (в тон твоей темы) *!*/
/*}*/

/* Контейнеры и разделители */
.prod-divider {
    width: 100%;
    margin-top: 70px;
    padding-top: 56px;
    border-top: 1px solid #e8ebf5;
}

.prod-features-wrap {
    margin-top: 34px;
    padding-top: 0;
}

/* Инфо-карточки (реестр, даты) — база */
.prod-info-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin: 24px 0;
}

.prod-info-card {
    flex: 1 1 220px;
    padding: 18px 20px;
    border-radius: 16px;
    background: #f5f6ff;
    border: 1px solid rgba(91, 99, 241, 0.14);
}

.prod-info-label {
    font-size: 13px;
    color: #7b84a0;
    margin-bottom: 6px;
}

.prod-info-value {
    font-size: 20px;
    font-weight: 800;
    color: #007bff;
}

.prod-info-value--dark {
    color: #1f2747;
}

.prod-info-value a {
    color: inherit;
    text-decoration: underline;
    transition: color 0.2s ease;
}

.prod-info-value a:hover {
    text-decoration: none;
    color: #0accbe;
}

/* Карточки фич (нижние 3 колонки) */
.prod-feature-card {
    height: 100%;
    padding: 22px;
    border-radius: 18px;
    background: #fbfcff;
    border: 1px solid #edf0f8;
}

.prod-feature-title {
    font-weight: 800;
    color: #1f2747;
    margin-bottom: 8px;
}

.prod-feature-desc {
    color: #68728d;
    line-height: 1.6;
}

/* ===================== ВИЗУАЛЬНЫЙ БЛОК — БАЗА ===================== */
.prod-visual {
    border-radius: 28px;
    padding: 28px 22px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

/* Декоративные круги — структура общая, цвета/прозрачность в модификаторах */
.prod-visual::before,
.prod-visual::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    z-index: 1;
}

.prod-visual::before {
    width: 190px;
    height: 190px;
    right: -70px;
    top: -70px;
    background: rgba(255, 255, 255, 0.12);
}

.prod-visual::after {
    width: 120px;
    height: 120px;
    left: -45px;
    bottom: -45px;
    background: rgba(255, 255, 255, 0.10);
}

.prod-visual-title {
    position: relative;
    z-index: 2;
    margin-bottom: 18px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 800;
}

.prod-visual-images {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 10px;
}

/* Изображения — база */
.prod-visual-img {
    max-width: 100%;
    height: auto;
    border-radius: 14px;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.20);
    background: #ffffff;
    display: block;
}

.prod-visual-img--centered {
    transform: translateY(14px);
}

.prod-visual-desc {
    position: relative;
    z-index: 2;
    margin-top: 34px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 14px;
    line-height: 1.55;
}

/* ===================== МОДИФИКАТОРЫ ПРОДУКТОВ ===================== */

/* --- МОИ ЗАДАНИЯ (дефолт, без доп. класса) --- */
.prod-visual {
    background: linear-gradient(135deg, #007bff 0%, #007bff 55%, #32d0bd 100%);
    box-shadow: 0 22px 55px rgba(91, 99, 241, 0.26);
}
/* Для "Мои задания" изображения уже имеют нужные стили в базе (.prod-visual-img) */

/* --- ИНОМ --- */
.prod-visual--inom {
    background: linear-gradient(135deg, #00a6ad 0%, #04b7b2 55%, #37d3b6 100%);
    box-shadow: 0 22px 55px rgba(0, 166, 173, 0.24);
}
.prod-visual--inom::before { background: rgba(255, 255, 255, 0.13); }
.prod-visual--inom .prod-visual-img {
    width: 100%;
    max-width: 120px;
    border-radius: 16px;
}
.prod-visual--inom .prod-visual-desc {
    color: rgba(255, 255, 255, 0.86);
}
.prod-info-card--inom {
    background: #f4fbfc;
    border-color: rgba(0, 166, 173, 0.16);
}
.prod-info-value--inom { color: #009ca3; }

/* --- IDGOS --- */
.prod-visual--idgos {
    background: linear-gradient(135deg, #388DA8 0%, #388DA8 55%, #58d2c8 100%);
    box-shadow: 0 22px 55px rgba(38, 151, 185, 0.24);
}
.prod-visual--idgos::before { background: rgba(255, 255, 255, 0.13); }
.prod-visual--idgos .prod-visual-img {
    width: 100%;
    max-width: 120px;
    border-radius: 16px;
}
.prod-visual--idgos .prod-visual-desc {
    color: rgba(255, 255, 255, 0.86);
}
.prod-info-card--idgos {
    background: #f4fbff;
    border-color: rgba(38, 151, 185, 0.16);
}
.prod-info-value--idgos { color: #388DA8; }

/* --- МОСТУРФЛОТ --- */
.prod-visual--mosturflot {
    background: linear-gradient(135deg, #0b8ed8 0%, #06f 55%, #32d0bd 100%);
    box-shadow: 0 22px 55px rgba(31, 110, 212, 0.24);
}
.prod-visual--mosturflot::before { background: rgba(255, 255, 255, 0.12); }
.prod-visual--mosturflot .prod-visual-img {
    width: 100%;
    max-width: 120px;
    border-radius: 16px;
}
.prod-visual--mosturflot .prod-visual-desc {
    color: rgba(255, 255, 255, 0.86);
}
.prod-info-card--mosturflot {
    background: #f4f8ff;
    border-color: rgba(31, 110, 212, 0.14);
}
.prod-info-value--mosturflot { color: #0b8ed8; }

/* ===================== АДАПТИВНОСТЬ ===================== */
@media (max-width: 991px) {
    .prod-visual { margin-bottom: 30px; }
    .prod-info-cards { flex-direction: column; }
    .prod-info-card { flex: 1 1 100%; }
    .prod-visual-images { gap: 14px; }
}

/* ===================== ЦВЕТА ССЫЛОК ПО ПРОДУКТАМ ===================== */

/* Мои задания — синий #007bff */
a.prod-link[href*="taskusers.ru"] {
    /*color: #007bff !important;*/
    color: #0accbe !important;
    /*color: #6068e0 !important;*/
}
a.prod-link[href*="taskusers.ru"]:hover {
    /*color: #0056b3 !important;*/
    color: #089b91 !important;
    /*color: #0accbe !important;*/
}

/* ИНОМ — бирюзовый #009ca3 */
a.prod-link[href*="inom.online"] {
    color: #009ca3 !important;
}
a.prod-link[href*="inom.online"]:hover {
    /*color: #006e73 !important;*/
    color: #0accbe !important;
}

/* ИДГОС — синий #388DA8 (по палитре продукта) */
a.prod-link[href*="idgos.ru"] {
    color: #388DA8 !important;
}
a.prod-link[href*="idgos.ru"]:hover {
    /*color: #2a6b80 !important;*/
    color: #0accbe !important;
}

/* Мостурфлот — синий #0b8ed8 (по палитре продукта) */
a.prod-link[href*="mosturflot"] {
    color: #0b8ed8 !important;
}
a.prod-link[href*="mosturflot"]:hover {
    color: #0accbe !important;
    /*color: #086ba8 !important;*/
}