/* =========================================================
   ЖЮРИ — CMS-карточки · МЕД + ЗОЖ («Пульс»)
   Класс блока: uc-jury
   
   Идея микроанимации (отличается от «Лучших талантов»):
   — фото ч/б, при наведении возвращается цвет;
   — по низу фото «прорисовывается» линия кардиограммы;
   — круглый значок с сердцем бьётся, как пульс;
   — имя окрашивается в коралл.
   В попапе фото цветное.
========================================================= */


/* ---------- Переменные блока ---------- */

.uc-jury {
    --uc-ink: #0F2A2E;
    --uc-coral: #CF3B44;
    --uc-pulse: #F15A5A;
}
/* Цвет линии ЭКГ меняется прямо в SVG ниже: stroke='%23FFFFFF'
   (%23 — это # внутри data-URI). Для кораллового: %23F15A5A. */


/* ---------- Обёртка фото ---------- */

.uc-jury .t-cms__card__molecule_media {
    position: relative;
    overflow: hidden;
}


/* ---------- Фото: ч/б по умолчанию ---------- */

.uc-jury .t-cms__card .t-cms__card__image,
.uc-jury .t-cms__card .t-cms__card__molecule_media img {
    filter: grayscale(1) contrast(1.05);
    transition:
        filter 0.5s ease,
        transform 0.6s cubic-bezier(.2, .7, .2, 1);
}

/* Заглушка «нет фото» остаётся розовой.
   Файл заглушки назовите так, чтобы в имени было «placeholder». */
.uc-jury .t-cms__card__image[style*="placeholder"],
.uc-jury .t-cms__card__molecule_media img[src*="placeholder"] {
    filter: none !important;
}


/* ---------- Линия кардиограммы (по низу фото) ----------
   Рисуется слева направо через clip-path.
   Висит на обёртке, поэтому ч/б-фильтр её не трогает. */

.uc-jury .t-cms__card__molecule_media::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 18px;
    z-index: 4;
    height: 32px;

    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 40' preserveAspectRatio='none'%3E%3Cpolyline points='0,20 150,20 162,34 178,4 190,20 360,20' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center / 100% 100% no-repeat;

    clip-path: inset(0 100% 0 0);
    transition: clip-path 0.7s cubic-bezier(.4, 0, .2, 1);
    pointer-events: none;
}


/* ---------- Значок с сердцем (правый верхний угол) ---------- */

.uc-jury .t-cms__card__molecule_media::after {
    content: "";
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 5;
    width: 36px;
    height: 36px;
    border-radius: 50%;

    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 90'%3E%3Cpath d='M50 86 C20 64 4 48 4 28 C4 14 15 4 28 4 C38 4 46 10 50 18 C54 10 62 4 72 4 C85 4 96 14 96 28 C96 48 80 64 50 86 Z' fill='%23F15A5A'/%3E%3C/svg%3E")
        center / 16px auto no-repeat,
        #FFFFFF;

    pointer-events: none;
    transition: background-color 0.25s ease;
}


/* ---------- Имя ---------- */

.uc-jury .t-cms__card__atom.t-name {
    transition: color 0.25s ease;
}


/* ---------- Наведение / фокус с клавиатуры ---------- */

/* цвет и лёгкое увеличение фото */
.uc-jury .t-cms__card:hover .t-cms__card__image,
.uc-jury .t-cms__card:hover .t-cms__card__molecule_media img,
.uc-jury .t-cms__card:focus-within .t-cms__card__image,
.uc-jury .t-cms__card:focus-within .t-cms__card__molecule_media img {
    filter: grayscale(0) contrast(1);
    transform: scale(1.03);
}

/* линия ЭКГ прорисовывается */
.uc-jury .t-cms__card:hover .t-cms__card__molecule_media::before,
.uc-jury .t-cms__card:focus-within .t-cms__card__molecule_media::before {
    clip-path: inset(0 0 0 0);
}

/* значок: коралловый круг, белое сердце, бьётся */
.uc-jury .t-cms__card:hover .t-cms__card__molecule_media::after,
.uc-jury .t-cms__card:focus-within .t-cms__card__molecule_media::after {
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 90'%3E%3Cpath d='M50 86 C20 64 4 48 4 28 C4 14 15 4 28 4 C38 4 46 10 50 18 C54 10 62 4 72 4 C85 4 96 14 96 28 C96 48 80 64 50 86 Z' fill='%23FFFFFF'/%3E%3C/svg%3E")
        center / 16px auto no-repeat,
        var(--uc-coral);
    animation: uc-heartbeat 1.4s ease-in-out infinite;
}

/* имя — в коралл */
.uc-jury .t-cms__card:hover .t-cms__card__atom.t-name,
.uc-jury .t-cms__card:focus-within .t-cms__card__atom.t-name {
    color: var(--uc-coral) !important;
}

@keyframes uc-heartbeat {
    0%   { transform: scale(1); }
    14%  { transform: scale(1.16); }
    28%  { transform: scale(1); }
    42%  { transform: scale(1.1); }
    70%  { transform: scale(1); }
    100% { transform: scale(1); }
}


/* ---------- Сетка: планшеты и телефоны ----------
   Точки совпадают с брейкпоинтами Zero. */

@media screen and (max-width: 960px) {
    .uc-jury .t2823__items {
        --cards-in-row: 3 !important;
    }
}

@media screen and (max-width: 640px) {
    .uc-jury .t2823__items {
        --cards-in-row: 2 !important;
        --cards-row-gap: 24px !important;
        --cards-column-gap: 12px !important;
    }

    /* значок поменьше, чтобы не спорил с лицом на узкой карточке */
    .uc-jury .t-cms__card__molecule_media::after {
        top: 8px;
        right: 8px;
        width: 28px;
        height: 28px;
        background-size: 13px auto, auto;
    }
}


/* ---------- Без наведения (телефоны, планшеты) ----------
   Фото остаются ч/б, линия и пульс не включаются.
   Цветное фото — в открытой карточке. */

@media (hover: none) {
    .uc-jury .t-cms__card:hover .t-cms__card__image,
    .uc-jury .t-cms__card:hover .t-cms__card__molecule_media img {
        filter: grayscale(1) contrast(1.05);
        transform: none;
    }

    .uc-jury .t-cms__card:hover .t-cms__card__molecule_media::before {
        clip-path: inset(0 100% 0 0);
    }

    .uc-jury .t-cms__card:hover .t-cms__card__molecule_media::after {
        animation: none;
    }
}


/* ---------- Отключённые анимации в системе ---------- */

@media (prefers-reduced-motion: reduce) {
    .uc-jury .t-cms__card .t-cms__card__image,
    .uc-jury .t-cms__card .t-cms__card__molecule_media img,
    .uc-jury .t-cms__card__molecule_media::before,
    .uc-jury .t-cms__card__molecule_media::after,
    .uc-jury .t-cms__card__atom.t-name {
        transition: none;
        animation: none !important;
    }
}


/* ---------- Кнопка «Загрузить ещё» как ссылка из UI-кита ----------
   Замените КЛАСС_КНОПКИ на реальный класс (DevTools → клик по кнопке). */



#allrecords .uc-jury .t-btntext.t-btntext_type_bbutton {
    border-style: none none solid none !important;
    border-bottom: 1px solid #F15A5A !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: 0 0 4px !important;
    text-decoration: none !important;
}
 

/* штатное подчёркивание ссылки Тильда рисует через box-shadow на тексте */
#allrecords .uc-jury .t-btntext.t-btntext_type_bbutton .t-btntext__text {
    text-decoration: none !important;
    border: 0 !important;
    box-shadow: none !important;
}


.uc-status-dot .tn-atom { position: relative; }
.uc-status-dot .tn-atom::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: inherit;
    animation: uc-live 2s ease-out infinite;
}
@keyframes uc-live {
    0%   { transform: scale(1);   opacity: .6; }
    100% { transform: scale(2.6); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
    .uc-status-dot .tn-atom::after { animation: none; }
}


/* Архив: коралловая стрелка только у самого свежего сезона */
.uc-archive .uc-archive-feed-post .uc-arrow-accent { display: none !important; }
.uc-archive .uc-archive-feed-post:first-child .uc-arrow-accent { display: flex !important; }
.uc-archive .uc-archive-feed-post:first-child .uc-arrow-plain { display: none !important; }


/* Партнёры: логотип целиком вписан в карточку 16:9 */
.uc-partners .t-cms__card__image {
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-origin: content-box;   /* фон считается внутри padding */
    padding: 12px;                    /* поле вокруг логотипа */
    box-sizing: border-box;
}



/* Партнёры и СМИ: черно-белые логотипы на desktop*/
.uc-partners .t-cms__card__image, 
.uc-key-partners .uc-key-partners-logo,
.uc-smi .uc-smi-logo{
    filter: grayscale(1);
    opacity: .75;
    transition: filter .4s ease, opacity .4s ease;
}
.uc-partners .t-cms__card:hover .t-cms__card__image, 
.uc-key-partners .uc-key-partners-card:hover .uc-key-partners-logo,
.uc-smi .uc-smi-card:hover .uc-smi-logo{
    filter: grayscale(0);
    opacity: 1;
}
@media (hover: none) {
    .uc-partners .t-cms__card__image,
    .uc-key-partners .uc-key-partners-logo,
    .uc-smi .uc-smi-logo{
        filter: none;
        opacity: 1;
    }
}
/* Партнёры сезона: логотипы мельче фото, держим их плотнее */
@media screen and (max-width: 960px) {
    .uc-partners .t2823__items { --cards-in-row: 4 !important; }
}
@media screen and (max-width: 640px) {
    .uc-partners .t2823__items { --cards-in-row: 3 !important; }
}
@media screen and (max-width: 480px) {
    .uc-partners .t2823__items {
        --cards-in-row: 2 !important;
        --cards-column-gap: 12px !important;
        --cards-row-gap: 12px !important;
    }
}

/* =========================================================
   ЛАУРЕАТЫ — вариант без фото (список)
   Класс блока: uc-laureates-list
========================================================= */

/* «Номинация: » — нейтральная подпись, название номинации остаётся коралловым */
.uc-laureates-list .t-cms__card__text[data-text-before]::before,
.uc-laureates-list .t-cms__page__text[data-text-before]::before{
    color: #56686A;
    font-weight: 500;
}

/* Линия под каждой карточкой вместо рамки вокруг */
.uc-laureates-list .t-cms__card {
    border-bottom: 1px solid #E6DED6;
    transition: border-color .25s ease;
}

/* Убираем вертикальный зазор между строками: ритм задают отступы карточки и линии */
.uc-laureates-list .t2823__items {
    --cards-row-gap: 0px !important;
    border-top: 1px solid #E6DED6;   /* верхняя линия над первой строкой */
}

/* Наведение: линия под карточкой становится коралловой — намёк, что откроется попап */
.uc-laureates-list .t-cms__card:hover {
    border-bottom-color: #F15A5A;
}


/* ---------- Кнопка «Загрузить ещё» как ссылка из UI-кита ----------
   Замените КЛАСС_КНОПКИ на реальный класс (DevTools → клик по кнопке). */

#allrecords .uc-laureates-list .t-btntext.t-btntext_type_bbutton {
    border-style: none none solid none !important;
    border-bottom: 1px solid #F15A5A !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: 0 0 4px !important;
    text-decoration: none !important;
}

/* штатное подчёркивание ссылки Тильда рисует через box-shadow на тексте */
#allrecords .uc-laureates-list .t-btntext.t-btntext_type_bbutton .t-btntext__text {
    text-decoration: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Телефоны: одна колонка */
@media screen and (max-width: 640px) {
    .uc-laureates-list .t2823__items {
        --cards-in-row: 1 !important;
    }
}

/* ---------- Сердце слева и «+» справа ---------- */

.uc-laureates-list .t-cms__card {
    position: relative;
    padding-left: 64px !important;   /* место под сердце */
    padding-right: 56px !important;  /* место под «+» */
}

/* Сердце в розовом круге */
.uc-laureates-list .t-cms__card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 24px;                        /* = верхний отступ карточки */
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 90'%3E%3Cpath d='M50 86 C20 64 4 48 4 28 C4 14 15 4 28 4 C38 4 46 10 50 18 C54 10 62 4 72 4 C85 4 96 14 96 28 C96 48 80 64 50 86 Z' fill='%23F15A5A'/%3E%3C/svg%3E")
        center / 18px auto no-repeat,
        #F9E4DE;
    pointer-events: none;
}

/* «+» в контурном круге */
.uc-laureates-list .t-cms__card::after {
    content: "+";
    position: absolute;
    right: 0;
    top: 28px;
    width: 36px;
    height: 36px;
    box-sizing: border-box;
    border-radius: 50%;
    border: 1px solid #E6DED6;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Manrope', Arial, sans-serif;
    font-size: 18px;
    line-height: 1;
    color: #0F2A2E;
    pointer-events: none;
    transition: background-color .25s ease, border-color .25s ease, color .25s ease, transform .3s ease;
}

/* Наведение: «+» заливается кораллом и поворачивается, сердце бьётся */
.uc-laureates-list .t-cms__card:hover::after {
    background: #CF3B44;
    border-color: #CF3B44;
    color: #FFFFFF;
    transform: rotate(90deg);
}
.uc-laureates-list .t-cms__card:hover::before {
    animation: uc-heartbeat 1.4s ease-in-out infinite;
}

/* Телефоны: элементы чуть меньше */
@media screen and (max-width: 640px) {
    .uc-laureates-list .t-cms__card {
        padding-left: 52px !important;
        padding-right: 44px !important;
    }
    .uc-laureates-list .t-cms__card::before {
        width: 36px;
        height: 36px;
        background-size: 15px auto, auto;
    }
    .uc-laureates-list .t-cms__card::after {
        width: 32px;
        height: 32px;
        top: 26px;
        font-size: 16px;
    }
}

@media (hover: none), (prefers-reduced-motion: reduce) {
    .uc-laureates-list .t-cms__card:hover::before { animation: none; }
    .uc-laureates-list .t-cms__card:hover::after  { transform: none; }
}


/* Скругление фото в попап галереи */
.uc-photoarchive .t-slds__img{
    border-radius: 24px !important;
}

/* =========================================================
   КОРЗИНА ST100 (t706) · класс блока: uc-cart
   #allrecords — чтобы перебить стили Тильды с #rec и инлайн-стили полей
========================================================= */

/* ---------- Окно ---------- */
#allrecords .uc-cart .t706__cartwin-content {
    border-radius: 28px !important;
    padding: 40px !important;
    font-family: 'Manrope', Arial, sans-serif;
}

/* Заголовок «Оргвзнос» — Unbounded, как H3 */
#allrecords .uc-cart .t706__cartwin-heading,
#allrecords .uc-cart .t706__cartwin-heading .t-name {
    font-family: 'Unbounded', Arial, sans-serif !important;
    font-weight: 400 !important;
    font-size: 26px !important;
    line-height: 1.2 !important;
    color: #0F2A2E !important;
}

/* ---------- Строка товара ---------- */
#allrecords .uc-cart .t706__product-title,
#allrecords .uc-cart .t706__product-title .t-name {
    font-family: 'Manrope', Arial, sans-serif !important;
    font-weight: 600 !important;
    font-size: 17px !important;
    color: #0F2A2E !important;
}
#allrecords .uc-cart .t706__product-amount,
#allrecords .uc-cart .t706__product-quantity {
    font-family: 'Manrope', Arial, sans-serif !important;
    font-weight: 500 !important;
    font-size: 17px !important;
    color: #0F2A2E !important;
}
/* Количество для оргвзноса не нужно — прячем «− 1 +» */
#allrecords .uc-cart .t706__product-plusminus {
    display: none !important;
}

/* ---------- Сумма и Итого ---------- */
#allrecords .uc-cart .t706__cartwin-prodamount-wrap,
#allrecords .uc-cart .t706__cartwin-prodamount-wrap * {
    font-family: 'Manrope', Arial, sans-serif !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    color: #56686A !important;
}
#allrecords .uc-cart .t706__cartwin-totalamount-wrap,
#allrecords .uc-cart .t706__cartwin-totalamount-label {
    font-family: 'Manrope', Arial, sans-serif !important;
    font-weight: 600 !important;
    font-size: 17px !important;
    color: #0F2A2E !important;
}
#allrecords .uc-cart .t706__cartwin-totalamount {
    font-family: 'Unbounded', Arial, sans-serif !important;
    font-weight: 400 !important;
    font-size: 22px !important;
    color: #0F2A2E !important;
}

/* ---------- Поля формы ---------- */
#allrecords .uc-cart .t-input-group {
    margin-bottom: 12px !important;
}
#allrecords .uc-cart .t-input,
#allrecords .uc-cart .t-input-phonemask {
    height: 52px !important;
    font-family: 'Manrope', Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #1B2B2E !important;
    border: 1px solid #E6DED6 !important;
    border-radius: 14px !important;
    background-color: #F8F4EF !important;
    padding: 0 16px !important;
    box-sizing: border-box;
    transition: border-color .2s ease, background-color .2s ease;
}
#allrecords .uc-cart .t-input::placeholder,
#allrecords .uc-cart .t-input-phonemask::placeholder {
    font-family: 'Manrope', Arial, sans-serif;
    color: #8A9A9C;
    opacity: 1;
}
#allrecords .uc-cart .t-input:focus,
#allrecords .uc-cart .t-input-phonemask:focus {
    border-color: #0F2A2E !important;
    background-color: #FFFFFF !important;
    outline: none;
}
/* Поле с ошибкой и текст ошибки */
#allrecords .uc-cart .js-error-control-box .t-input {
    border-color: #CF3B44 !important;
}
#allrecords .uc-cart .t-input-error {
    font-family: 'Manrope', Arial, sans-serif !important;
    font-size: 13px !important;
    color: #CF3B44 !important;
    margin-top: 6px;
}

/* ---------- Кнопка «Внести оргвзнос» ---------- */
#allrecords .uc-cart .t-submit {
    height: 58px !important;
    border-radius: 100px !important;
    font-family: 'Manrope', Arial, sans-serif !important;
    font-weight: 600 !important;
    font-size: 17px !important;
    letter-spacing: 0 !important;
    background-color: #CF3B44 !important;
    transition: background-color .2s ease;
}
#allrecords .uc-cart .t-submit:hover {
    background-color: #B32F38 !important;
}

/* ---------- Телефоны ---------- */
@media screen and (max-width: 640px) {
    #allrecords .uc-cart .t706__cartwin-content {
        padding: 28px 20px !important;
        border-radius: 24px !important;
    }
    #allrecords .uc-cart .t706__cartwin-heading,
    #allrecords .uc-cart .t706__cartwin-heading .t-name {
        font-size: 22px !important;
    }
    #allrecords .uc-cart .t-submit {
        height: 54px !important;
        font-size: 16px !important;
    }
}

/* ---------- Телефон: рамка только у обёртки ---------- */

/* Обёртка — это и есть видимое поле */
#allrecords .uc-cart .t-input-phonemask__wrap {
    display: flex !important;
    align-items: center;
    height: 52px !important;
    padding: 0 0 0 16px !important;
}

/* Внутренний input — без рамки, фона и своей высоты */
#allrecords .uc-cart .t-input-phonemask__wrap .t-input-phonemask {
    flex: 1 1 auto;
    min-width: 0;
    height: 100% !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: 0 16px 0 6px !important;
    box-shadow: none !important;
}

/* Флаг и код страны — в тон тексту */
#allrecords .uc-cart .t-input-phonemask__select {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: none;
}
#allrecords .uc-cart .t-input-phonemask__select-code {
    font-family: 'Manrope', Arial, sans-serif !important;
    font-size: 16px !important;
    color: #1B2B2E !important;
}

/* Фокус: подсвечиваем обёртку, а не внутренний input */
#allrecords .uc-cart .t-input-phonemask__wrap .t-input-phonemask:focus {
    background: transparent !important;
}
#allrecords .uc-cart .t-input-phonemask__wrap:focus-within {
    border-color: #0F2A2E !important;
    background-color: #FFFFFF !important;
}

/* Ошибка — тоже на обёртке */
#allrecords .uc-cart .js-error-control-box .t-input-phonemask__wrap {
    border-color: #CF3B44 !important;
}
#allrecords .uc-cart .js-error-control-box .t-input-phonemask__wrap .t-input-phonemask {
    border: 0 !important;
}