/* EPGW-9523 — A/B-редизайн блока публикации на /journal/stud/t/herald.
   Подключается ТОЛЬКО на A/B-странице (studentJournalAbTestPage).
   Правит только .product_information / .info_conf.main_info этой страницы. */

/* Обложка и правая колонка выровнены по высоте через flex */
.product_information {
    display: flex !important;
    align-items: stretch;
    gap: 15px;
}
.product_information > .cover_img {
    float: none !important;
    margin: 0 !important;
    flex-shrink: 0;
}
.product_information > .info_conf.main_info {
    width: auto !important;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 14px;
    margin: 0;
}

/* Блок обратного отсчёта */
.info_conf.main_info .deadline-countdown {
    padding: 10px 16px;
    background: #f2ecd7;
    border-radius: 4px;
    line-height: 1.4;
}
.info_conf.main_info .deadline-countdown .cd-label {
    color: #6a5a30;
    font-size: 13.5px;
}
.info_conf.main_info .deadline-countdown .cd-value {
    font-size: 17px;
    font-weight: 700;
    color: #2a2a2a;
    margin-left: 4px;
    font-variant-numeric: tabular-nums;
}
.info_conf.main_info .deadline-countdown .cd-unit {
    margin-right: 6px;
}
.info_conf.main_info .deadline-countdown .cd-unit:last-child {
    margin-right: 0;
}
.info_conf.main_info .deadline-countdown .cd-unit b {
    font-weight: 700;
}
.info_conf.main_info .deadline-countdown .cd-date {
    color: #6a5a30;
    font-size: 13px;
    margin-left: 4px;
}

/* Блок «Что входит в публикацию» */
.info_conf.main_info .benefits-section {
    margin: 0;
}
.info_conf.main_info .benefits-title {
    margin: 0 0 10px;
}
.info_conf.main_info .benefits {
    margin: 0;
    padding: 4px 0 4px 18px;
    border-left: 3px solid #6fb142;
}
.info_conf.main_info .benefits ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.info_conf.main_info .benefits ul li {
    margin: 0;
    padding: 6px 0;
    line-height: 1.45;
    background: none;
}
.info_conf.main_info .benefits ul li::before,
.info_conf.main_info .benefits ul li::after,
.info_conf.main_info .benefits ul li span::before,
.info_conf.main_info .benefits ul li span::after {
    content: none !important;
    display: none !important;
}
.info_conf.main_info .benefits ul li,
.info_conf.main_info .benefits ul li span {
    text-decoration: none !important;
    border-bottom: 0 !important;
}
.info_conf.main_info .benefits .what {
    color: #333;
}
.info_conf.main_info .benefits .what strong {
    color: #4a8a2a;
    font-weight: 700;
}
.info_conf.main_info .benefits .what .fmt {
    color: #8a8a8a;
    font-size: 0.88em;
    margin-left: 2px;
}
.info_conf.main_info .benefits .when {
    font-weight: 700;
    color: #4a8a2a;
    white-space: nowrap;
}
.info_conf.main_info .benefits .when sup {
    font-weight: 400;
}
.info_conf.main_info .benefits .benefits-note {
    margin: 8px 0 0;
    font-size: 12px;
    line-height: 1.4;
    color: #8a8a8a;
    font-style: italic;
}
.info_conf.main_info .action {
    margin-top: 0;
}

/* Описание журнала вынесено отдельным блоком под шапкой публикации */
.journal-description {
    margin: 18px 0 22px;
}
.journal-description p {
    margin: 0;
}

/* Мобильная версия (< 768px) */
@media (max-width: 767px) {
    .product_information {
        flex-direction: column !important;
        gap: 18px;
    }
    .product_information > .cover_img {
        align-self: center;
        width: 218px;
        max-width: 100%;
        margin: 0 auto !important;
    }
    .product_information > .info_conf.main_info {
        width: 100% !important;
        min-height: 0;
    }
    .info_conf.main_info .deadline-countdown {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }
    .info_conf.main_info .deadline-countdown .cd-label,
    .info_conf.main_info .deadline-countdown .cd-value,
    .info_conf.main_info .deadline-countdown .cd-date {
        display: block;
        margin: 0;
    }
    .info_conf.main_info .deadline-countdown .cd-unit {
        display: inline-block;
        white-space: nowrap;
        margin-right: 8px;
    }
}