

#webinar-content-block > .lite-page.block-set > .o-lt-onecolumn-common:first-child .f-header {
    font-family: Manrope;
    font-style: normal;
    font-weight: 800;
    font-size: 30px;
    line-height: 110%;
    letter-spacing: -0.02em;
    color: #000000;
    margin-top: 20px;
    margin-bottom: 30px;
}

body {
    background: #ffffff;
}

#webinar-content-block .video-overlay-bottom.hide-watermark, 
#webinar-content-block .video-overlay-top.hide-watermark {
    background: #E1ECF7;
}

#webinar-content-block .videoWrapper, 
#webinar-content-block .videoWrapper iframe, 
#webinar-content-block .videoWrapper>.video-broadcast-block, 
#webinar-content-block .video-overlay-before,
#webinar-content-block #player .player-poster {
    border-radius: 12px;
}

#webinar-content-block .webinar-started-block {
    padding: 0 5px!important;
}

#ucss-code-wrapper {
    right: auto;
    left: 0
}

#webinar-content-block .chat-widget .comments-tree {
    /*padding-left: 27px;*/
    background: white;
    background-clip: content-box;
    margin-right: 0;
    box-shadow: -10px 0px 15px -6px #F13C3D;
}

#webinar-content-block .chat-widget {
    border: none;
    background: none;
}

#webinar-content-block .chat-widget .comments-container::-webkit-scrollbar {
    width: 6px
}

#webinar-content-block .chat-widget .comments-container::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 6px
}

#webinar-content-block .chat-widget .comments-container::-webkit-scrollbar-thumb {
    background-color: #bcb8cd;
    border-radius: 6px
}

#webinar-content-block .chat-widget .comments-container {
    scrollbar-color: #bcb8cd transparent;
    scrollbar-width: 6px
}

#webinar-content-block .chat-widget .gc-comment-form {
    width: 392px;
    background: white;
    border-top: 1px solid #F5F5F5;
    padding: 20px 20px 10px 20px!important;
}

#webinar-content-block .new-comment-input {
    background: #F5F5F5;
    border-radius: 6px;
    border: none!important;
    font-family: Manrope;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: -0.02em;
    color: #171717;
    padding: 15px!important;
    height: 50px;
    margin-bottom: 10px!important;
}

#webinar-content-block .new-comment-input::-webkit-input-placeholder {
    color: #38286F;
    opacity: 0.3;
}
#webinar-content-block .new-comment-input::-moz-placeholder {
    color: #38286F;
    opacity: 0.3;
}
#webinar-content-block .new-comment-input:-ms-input-placeholder {
    color: #38286F;
    opacity: 0.3;
}
#webinar-content-block .new-comment-input:-moz-placeholder {
    color: #38286F;
    opacity: 0.3;
}

#webinar-content-block .webinar-btn-send,
#webinar-content-block .webinar-btn-send:hover,
#webinar-content-block .webinar-btn-send:active
{
    background: #F13C3D!important;
    border-radius: 6px!important;
    border: none!important;
    width: 100%;
    height: 50px;
    margin-bottom: 10px;
    padding: 15px;
    font-family: Manrope!important;
    font-style: normal;
    font-weight: bold;
    font-size: 18px!important;
}

#webinar-content-block .webinar-btn-send .fa {
    display: none;
}

#webinar-content-block .chat-widget .comments-container .comments-top-level {
    margin-bottom: 180px;
    padding-top: 40px;
}

#webinar-content-block .chat-widget .comments-tree .level-1 .comment-wrapper {
    padding: 0 20px 0 20px !important;
}

#webinar-content-block .comments-tree {
    font-family: Manrope;
    font-style: normal;
    font-size: 14px;
    line-height: 140% !important;
    color: #171717;
}

#webinar-content-block .comments-tree .comment .title span[style='color: red;'] {
    color: #8468F5 !important;
}
/* Позиционирование кнопок */
.webinar-ads-block .webinar-block {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

.webinar-ads-block .lite-block-live-wrapper {
    flex: 0 0 calc(50% - 5px) !important;
    max-width: calc(50% - 5px) !important;
    box-sizing: border-box !important;
}

/* Последний элемент на всю ширину, если нечетное количество */
.webinar-ads-block .webinar-block > .lite-block-live-wrapper:last-of-type {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

.webinar-ads-block .lt-block-wrapper {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.webinar-ads-block .btn.f-btn {
    width: 100% !important;
}

@media (max-width: 400px) {
    .webinar-ads-block .lite-block-live-wrapper {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

body.mobile {
    background: white;
}
body.mobile #webinar-content-block  .video-overlay-bottom.hide-watermark, 
body.mobile #webinar-content-block .video-overlay-top.hide-watermark {
    background: white;
}

body.mobile #webinar-content-block .videoWrapper, 
body.mobile #webinar-content-block .videoWrapper iframe, 
body.mobile #webinar-content-block .videoWrapper>.video-broadcast-block, 
body.mobile #webinar-content-block .video-overlay-before,
body.mobile #webinar-content-block #player .player-poster {
    border-radius: 0;
}

body.mobile #webinar-content-block.mobile .gc-comment-form {
    height: 90px;
    padding: 20px;
}

body.mobile .new-comment-input {
    margin-right: 8px;
    width: 61.8%!important;
    flex: 61.8%;
    font-size: 16px;
}

body.mobile .webinar-btn-send {
    width: 38.2%;
    flex: 38.2%;
    font-size: 16px!important;
}

body.mobile .webinar-started-block {
    padding: 0!important;
}

body.mobile .comment-form-wrapper {
    background: white;
    border-top: 1px solid #F5F5F5;
}
/*** Страница входа ***/
@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@300;400;500;600;700&display=swap');

/* Фон как на planerka2026 */
body {
    /*background: url(https://fs22.getcourse.ru/fileservice/file/download/a/540052/sc/101/h/4c716aa6f4f6f0156c17912ed90650c9.jpg) 50% 50% / cover no-repeat fixed;*/
    font-family: 'Geologica', sans-serif;
}

/* Заголовок вебинара */
[style*="font-size: 40px"] {
    font-family: 'Geologica', sans-serif !important;
    font-size: clamp(20px, 3.5vw, 36px) !important;
    color: #1a1a1a !important;
    font-weight: 600 !important;
}

/* Контейнер формы */
.webinar-login {
    background: rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-radius: 12px !important;
    border: 1px solid rgba(255, 220, 248, 0.4) !important;
    box-shadow: 0 4px 32px rgba(241, 60, 61, 0.08);
    padding: 40px 30px !important;
}

.webinar-login h3 {
    font-family: 'Geologica', sans-serif;
    font-size: 22px;
    font-weight: 500;
    color: #1a1a1a;
    text-align: center;
}

/* Поле ввода */
.webinar-login .form-control {
    border: 1px solid #ffdcf8 !important;
    border-radius: 8px !important;
    font-family: 'Geologica', sans-serif !important;
    height: 48px;
    padding: 0 16px;
    font-size: 15px;
}

.webinar-login .form-control:focus {
    border-color: #f479c4 !important;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.04), 0 0 8px rgba(255, 71, 153, 0.25) !important;
}

/* Кнопка */
.webinar-login .btn-success {
    background: #f13c3d !important;
    color: #ffdcf8 !important;
    border: none !important;
    border-radius: 8px !important;
    font-family: 'Geologica', sans-serif !important;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.5px;
    height: 52px;
    width: 100%;
    box-shadow: 0px 0px 28px 0px rgba(255, 71, 153, 0.4) !important;
    transition: opacity 0.2s, transform 0.15s;
}

.webinar-login .btn-success:hover {
    opacity: 0.92;
    transform: translateY(-1px);
}
