/* Блок «Регистрация на вебинар». Цвета и скругления берутся из настроек темы Аспро. */
.adv-webinar {
    --adv-accent: var(--theme-base-color, #004280);
    --adv-accent-soft: var(--theme-base-opacity-color, rgba(0, 66, 128, .08));
    --adv-radius: var(--theme-outer-border-radius, 12px);
    --adv-text: var(--white_text_black, #222);
    --adv-muted: #666;
    --adv-border: var(--stroke_black, #dce3eb);
    --adv-card: var(--card_bg_black, #fff);
    scroll-margin-top: 100px;
    margin-bottom: 40px !important;
}

.adv-webinar__inner {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    gap: 32px;
    padding: 36px;
    border-radius: var(--adv-radius);
    background: var(--adv-accent-soft);
    border: 1px solid rgba(0, 66, 128, 0.12);
}

.adv-webinar__label {
    display: inline-block;
    margin-bottom: 12px;
    padding: 4px 14px;
    border-radius: 100px;
    background: var(--adv-accent);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: .3px;
    text-transform: uppercase;
}

.adv-webinar__title {
    margin: 0 0 16px;
    color: var(--adv-text);
    font-size: 26px;
    line-height: 1.3;
    font-weight: 700;
}

.adv-webinar__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 20px;
}

.adv-webinar__meta-item {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--adv-text);
    font-size: 15px;
    font-weight: 600;
}

.adv-webinar__meta-item svg {
    flex: none;
    color: var(--adv-accent);
}

.adv-webinar__meta-item--full {
    width: 100%;
    font-size: 14px;
    line-height: 1.5;
    background: rgba(255, 255, 255, 0.7);
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid rgba(0, 66, 128, 0.15);
}

.adv-webinar__intro {
    margin-bottom: 24px;
    color: var(--adv-text);
    font-size: 15px;
    line-height: 1.6;
}

.adv-webinar__subtitle {
    margin: 24px 0 12px;
    color: var(--adv-text);
    font-size: 18px;
    font-weight: 700;
}

.adv-webinar__program {
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: advprog;
}

.adv-webinar__program li {
    position: relative;
    margin: 0 0 14px;
    padding: 0 0 0 44px;
    min-height: 32px;
    counter-increment: advprog;
    color: var(--adv-text);
    font-size: 15px;
    line-height: 1.45;
}

.adv-webinar__program li::before {
    content: counter(advprog);
    position: absolute;
    left: 0;
    top: -2px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--adv-accent);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
}

.adv-webinar__program li b {
    display: block;
    color: var(--adv-text);
}

.adv-webinar__program li span {
    color: var(--adv-muted);
}

.adv-webinar__speakers {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 28px;
}

.adv-webinar__speaker {
    display: flex;
    align-items: center;
    gap: 14px;
}

.adv-webinar__speaker-photo {
    flex: none;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
}

.adv-webinar__speaker-photo--empty {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--adv-accent);
    color: #fff;
    font-size: 24px;
    font-weight: 700;
}

.adv-webinar__speaker-name {
    color: var(--adv-text);
    font-size: 15px;
    font-weight: 700;
}

.adv-webinar__speaker-pos {
    color: var(--adv-muted);
    font-size: 13px;
    line-height: 1.35;
}

/* ---------- Форма ---------- */
.adv-webinar__form-wrap {
    align-self: start;
    padding: 32px 28px;
    border-radius: var(--adv-radius);
    background: var(--adv-card);
    box-shadow: 0 12px 36px rgba(0, 20, 45, .1);
    border: 1px solid rgba(0, 66, 128, 0.1);
    scroll-margin-top: 100px;
}

.adv-webinar__form-title {
    margin: 0 0 8px;
    color: var(--adv-text);
    font-size: 22px;
    font-weight: 700;
}

.adv-webinar__form-subtitle {
    margin: 0 0 20px;
    color: var(--adv-muted);
    font-size: 13px;
    line-height: 1.5;
}

.adv-webinar__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 14px;
}

.adv-webinar__row--full {
    grid-template-columns: 1fr !important;
}

.adv-webinar__field {
    display: block;
    margin: 0 0 14px;
    font-weight: normal;
}

.adv-webinar__field > span {
    display: block;
    margin-bottom: 6px;
    color: var(--adv-text);
    font-size: 13px;
    font-weight: 600;
}

.adv-webinar__field i {
    color: #c30101;
    font-style: normal;
}

.adv-webinar__field .form-control {
    display: block;
    width: 100%;
    height: 46px;
    padding: 0 14px;
    border: 1px solid var(--adv-border);
    border-radius: 8px;
    background: #fff;
    color: #222;
    font-size: 14px;
    box-shadow: none;
    transition: border-color .2s, box-shadow .2s;
}

.adv-webinar__field .form-control:focus {
    border-color: var(--adv-accent);
    box-shadow: 0 0 0 3px rgba(0, 66, 128, 0.15);
    outline: none;
}

.adv-webinar__field .form-control.is-invalid {
    border-color: #d93025;
    background-color: #fff9f9;
}

.adv-webinar__error {
    display: block;
    min-height: 0;
    margin-top: 4px;
    color: #d93025;
    font-size: 12px;
    font-style: normal;
    line-height: 1.3;
}

.adv-webinar__error:empty {
    display: none;
}

.adv-webinar__consent {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 6px 0 4px;
    color: var(--adv-muted);
    font-size: 12px;
    font-weight: normal;
    line-height: 1.45;
    cursor: pointer;
}

.adv-webinar__consent input {
    flex: none;
    width: 18px;
    height: 18px;
    margin: 1px 0 0;
    accent-color: var(--adv-accent);
}

.adv-webinar__consent a {
    color: var(--adv-accent);
    text-decoration: underline;
}

.adv-webinar__message {
    margin: 12px 0 0;
    padding: 10px 14px;
    border-radius: 8px;
    background: #fdecea;
    color: #b3261e;
    font-size: 14px;
}

.adv-webinar__submit {
    width: 100%;
    margin-top: 16px;
    padding: 14px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: .2px;
}

.adv-webinar__submit[disabled] {
    opacity: .7;
    cursor: wait;
}

.adv-webinar__hp {
    position: absolute !important;
    left: -9999px !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.adv-webinar__thanks {
    color: var(--adv-text);
    font-size: 15px;
    line-height: 1.6;
}

.adv-webinar__thanks-title {
    margin-bottom: 12px;
    color: var(--adv-accent);
    font-size: 22px;
    font-weight: 700;
}

.adv-webinar__thanks a {
    color: var(--adv-accent);
    word-break: break-all;
}

.adv-webinar__thanks-actions {
    margin-top: 20px;
}

.adv-webinar__gcal-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #004280 !important;
    color: #ffffff !important;
    padding: 12px 20px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    box-shadow: 0 4px 12px rgba(0, 66, 128, .25);
    transition: background .2s, transform .2s;
}

.adv-webinar__gcal-btn:hover {
    background: #002d57 !important;
    color: #ffffff !important;
    transform: translateY(-1px);
}

.adv-webinar__gcal-btn svg {
    flex: none;
}

/* ==========================================================================
   Улучшения первого экрана (Hero-баннер) и скрытие лишних элементов шаблона
   Применяется только при наличии лендинга вебинара (.adv-has-webinar)
   ========================================================================== */

/* 1. Темный скругленный треугольник (острием вправо на десктопе, острием вниз на мобильном) с голубым свечением Advantech в стиле Kaspersky */
.banners-big__item {
    position: relative !important;
    background-color: #0b1017 !important;
    background-position: right center !important;
    background-size: cover !important;
    overflow: hidden !important;
}

html.adv-has-webinar .banners-big__item::before,
body.adv-has-webinar .banners-big__item::before,
.adv-has-webinar .banners-big__item::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 640' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='bgGrad' x1='42%25' y1='0%25' x2='100%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%230088ff' stop-opacity='0.58'/%3E%3Cstop offset='25%25' stop-color='%230072ce' stop-opacity='0.40'/%3E%3Cstop offset='60%25' stop-color='%23004c99' stop-opacity='0.24'/%3E%3Cstop offset='100%25' stop-color='%23071324' stop-opacity='0.45'/%3E%3C/linearGradient%3E%3Cfilter id='gWide' filterUnits='userSpaceOnUse' x='0' y='-200' width='1440' height='1040'%3E%3CfeGaussianBlur stdDeviation='85'/%3E%3C/filter%3E%3Cfilter id='gMed' filterUnits='userSpaceOnUse' x='0' y='-200' width='1440' height='1040'%3E%3CfeGaussianBlur stdDeviation='42'/%3E%3C/filter%3E%3Cfilter id='gTight' filterUnits='userSpaceOnUse' x='0' y='-200' width='1440' height='1040'%3E%3CfeGaussianBlur stdDeviation='15'/%3E%3C/filter%3E%3C/defs%3E%3Crect width='1440' height='640' fill='url(%23bgGrad)'/%3E%3Cpath d='M610,-80 L744,284 Q775,355 749,426 L660,720' fill='none' stroke='%230088ff' stroke-width='260' stroke-opacity='0.45' filter='url(%23gWide)'/%3E%3Cpath d='M610,-80 L744,284 Q775,355 749,426 L660,720' fill='none' stroke='%231aa3ff' stroke-width='110' stroke-opacity='0.52' filter='url(%23gMed)'/%3E%3Cpath d='M610,-80 L744,284 Q775,355 749,426 L660,720' fill='none' stroke='%234dbdff' stroke-width='32' stroke-opacity='0.68' filter='url(%23gTight)'/%3E%3Cpath d='M0,0 L620,0 L744,284 Q775,355 749,426 L670,640 L0,640 Z' fill='%230b1017'/%3E%3C/svg%3E") !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

.adv-hero-mobile-visual {
    display: none;
}

html.adv-has-webinar .banners-big__inner,
body.adv-has-webinar .banners-big__inner,
.adv-has-webinar .banners-big__inner {
    position: relative !important;
    z-index: 2 !important;
}

html.adv-has-webinar .banners-big .banners-big__text,
html.adv-has-webinar .banners-big #pagetitle,
html.adv-has-webinar .banners-big .banners-big__title,
html.adv-has-webinar .banners-big .banners-big__text-block,
html.adv-has-webinar .banners-big .switcher-title,
body.adv-has-webinar .banners-big .banners-big__text,
body.adv-has-webinar .banners-big #pagetitle,
body.adv-has-webinar .banners-big .banners-big__title,
body.adv-has-webinar .banners-big .banners-big__text-block,
body.adv-has-webinar .banners-big .switcher-title,
body.adv-has-webinar .banners-big__item--light .banners-big__text,
body.adv-has-webinar .banners-big__item--light #pagetitle,
body.adv-has-webinar .banners-big__item--light .banners-big__title,
body.adv-has-webinar .banners-big__item--light .banners-big__text-block {
    color: #ffffff !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35) !important;
}

html.adv-has-webinar .banners-big .banners-big__text-block,
body.adv-has-webinar .banners-big .banners-big__text-block {
    font-size: 19px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    color: rgba(255, 255, 255, 0.92) !important;
    margin-top: 12px !important;
}

.adv-has-webinar .banners-big .breadcrumbs__link,
.adv-has-webinar .banners-big .breadcrumbs__separator,
.adv-has-webinar .banners-big .breadcrumbs__item-name {
    color: rgba(255, 255, 255, 0.85) !important;
}

/* Принудительный возврат стандартных темных стилей для карточек товаров */
.catalog-block a,
.catalog-block .dark_link,
.catalog-block .switcher-title,
.catalog-block__info-title,
.catalog-block__info-title a,
.item-title a,
.goods .item-title a,
.goods .dark_link,
.goods .switcher-title {
    color: #222222 !important;
    text-shadow: none !important;
}

.catalog-block a:hover,
.catalog-block .dark_link:hover,
.item-title a:hover,
.goods .item-title a:hover,
.goods .dark_link:hover {
    color: #0056b3 !important;
}

/* 2. Голубая плашка «СТРИМ» над H1 (узкая, обнимает текст, темные буквы в цвет фона как у Kaspersky) */
.adv-hero-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    max-width: max-content !important;
    align-self: flex-start !important;
    flex: 0 0 auto !important;
    background: linear-gradient(135deg, #1aa3ff 0%, #47beff 100%) !important;
    color: #0b1017 !important;
    padding: 6px 18px !important;
    border-radius: 100px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
    margin-bottom: 18px !important;
    box-shadow: 0 4px 18px rgba(26, 163, 255, 0.45) !important;
    text-shadow: none !important;
}

/* 3. Капсула даты и времени «28 октября в 15:00 (Астана)» (узкая, обнимает текст) */
.adv-hero-time {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    max-width: max-content !important;
    align-self: flex-start !important;
    flex: 0 0 auto !important;
    gap: 8px !important;
    color: #0b1017 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin: 18px 0 24px !important;
    padding: 8px 18px !important;
    background: #ffffff !important;
    border-radius: 100px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25) !important;
    text-shadow: none !important;
}

.adv-hero-time span {
    color: #0b1017 !important;
    text-shadow: none !important;
    white-space: nowrap !important;
}

.adv-hero-time svg {
    flex: none !important;
    color: #0072ce !important;
}

/* 4. Крупная светящаяся голубая кнопка в Hero (темные буквы в цвет фона как у Kaspersky) */
.adv-hero-btn {
    background: linear-gradient(135deg, #1aa3ff 0%, #47beff 100%) !important;
    border: none !important;
    color: #0b1017 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    padding: 15px 32px !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 28px rgba(26, 163, 255, 0.48) !important;
    text-decoration: none !important;
    text-shadow: none !important;
    cursor: pointer !important;
    display: inline-block !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease !important;
}

.adv-hero-btn:hover,
.adv-hero-btn:focus {
    color: #0b1017 !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 34px rgba(26, 163, 255, 0.65) !important;
    filter: brightness(1.06);
}

/* 5. Скрытие лишних элементов шаблона только для этой страницы */
html.adv-has-webinar .detail-block.order_sale,
body.adv-has-webinar .detail-block.order_sale,
html.adv-has-webinar .detail-block.order_form,
body.adv-has-webinar .detail-block.order_form,
html.adv-has-webinar .detail-block.tizers,
body.adv-has-webinar .detail-block.tizers,
html.adv-has-webinar .tabs.tabs-history,
body.adv-has-webinar .tabs.tabs-history,
html.adv-has-webinar .tabs-block,
body.adv-has-webinar .tabs-block,
html.adv-has-webinar .nav.nav-tabs,
body.adv-has-webinar .nav.nav-tabs,
html.adv-has-webinar #video,
body.adv-has-webinar #video,
html.adv-has-webinar .right-sidebar-wrapper,
body.adv-has-webinar .right-sidebar-wrapper,
html.adv-has-webinar .right_dok,
body.adv-has-webinar .right_dok,
html.adv-has-webinar #social_network,
body.adv-has-webinar #social_network,
html.adv-has-webinar .bottom-icons-panel,
body.adv-has-webinar .bottom-icons-panel,
html.adv-has-webinar .bottom-icons-panel--fixed,
body.adv-has-webinar .bottom-icons-panel--fixed,
html.adv-has-webinar #bottom-panel-block,
html.adv-has-webinar [data-ajax-load-block="BOTTOM_PANEL"],
body.adv-has-webinar [data-ajax-load-block="BOTTOM_PANEL"],
html.adv-has-webinar .banners-big .breadcrumbs,
body.adv-has-webinar .banners-big .breadcrumbs,
html.adv-has-webinar .banners-big #navigation,
body.adv-has-webinar .banners-big #navigation,
html.adv-has-webinar .banners-big .mt--7,
body.adv-has-webinar .banners-big .mt--7,
html.adv-has-webinar .adv-webinar__label,
body.adv-has-webinar .adv-webinar__label,
html.adv-has-webinar .scroll-to-top,
html.adv-has-webinar #scrollToTop,
html.adv-has-webinar a.scroll-to-top,
body.adv-has-webinar .scroll-to-top,
body.adv-has-webinar #scrollToTop,
body.adv-has-webinar a.scroll-to-top,
html.adv-has-webinar .goods .catalog-block__info-tech,
body.adv-has-webinar .goods .catalog-block__info-tech,
html.adv-has-webinar .goods .catalog-block__info-bottom,
body.adv-has-webinar .goods .catalog-block__info-bottom,
html.adv-has-webinar .goods .side-icons,
body.adv-has-webinar .goods .side-icons,
html.adv-has-webinar .back-url,
body.adv-has-webinar .back-url,
html.adv-has-webinar .subscribe-block,
body.adv-has-webinar .subscribe-block,
html.adv-has-webinar form[name="subscribe-footer-form"],
body.adv-has-webinar form[name="subscribe-footer-form"],
html.adv-has-webinar .footer__top-part,
body.adv-has-webinar .footer__top-part {
    display: none !important;
}

/* Блок «Для кого этот эфир» (контрастные стили для светлого фона) */
.adv-webinar__audience {
    margin: 16px 0 20px;
    padding: 16px 18px;
    background: #ffffff;
    border: 1px solid #d4e2ee;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0, 34, 68, 0.04);
}

.adv-webinar__audience-title {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #004280;
    margin-bottom: 10px;
}

.adv-webinar__audience-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.adv-webinar__audience-tag {
    display: inline-flex;
    align-items: center;
    background: #f0f4f9;
    color: #1a2e40 !important;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    border: 1px solid #c8d9e8;
    transition: all .2s ease;
}

.adv-webinar__audience-tag:hover {
    background: #e2ecf6;
    border-color: #b0c9df;
    color: #004280 !important;
}

/* Нижний блок CTA со ссылкой на регистрацию */
.adv-bottom-cta {
    margin: 40px 0 20px;
    background: linear-gradient(135deg, #00142d 0%, #004280 100%);
    border-radius: 12px;
    padding: 40px 24px;
    text-align: center;
    color: #ffffff;
    box-shadow: 0 12px 32px rgba(0, 20, 45, 0.35);
}

.adv-bottom-cta__inner {
    max-width: 680px;
    margin: 0 auto;
}

.adv-bottom-cta__title {
    font-size: 24px;
    font-weight: 700;
    color: #ffffff !important;
    margin-bottom: 12px;
    line-height: 1.3;
}

.adv-bottom-cta__text {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.9) !important;
    margin: 0 auto 24px;
    line-height: 1.6;
}

.adv-bottom-cta__btn {
    display: inline-block;
    background: #c30101 !important;
    color: #ffffff !important;
    border: none !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    padding: 15px 34px !important;
    border-radius: 8px !important;
    box-shadow: 0 6px 20px rgba(195, 1, 1, 0.45) !important;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease !important;
    cursor: pointer !important;
}

.adv-bottom-cta__btn:hover {
    background: #e00202 !important;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 26px rgba(195, 1, 1, 0.65) !important;
}

/* Описание показываем напрямую, как обычный текст */
.adv-webinar-landing-page .tab-pane#desc,
.adv-has-webinar .tab-pane#desc {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    padding-top: 10px;
}

/* ---------- Адаптив для мобильных ---------- */
@media (max-width: 991px) {
    .adv-webinar__inner {
        grid-template-columns: 1fr;
        padding: 24px;
        gap: 24px;
    }
    .adv-hero-time {
        font-size: 13px !important;
        padding: 8px 16px !important;
    }
}

@media (max-width: 767px) {
    /* На мобильном: сверху темный фон #0b1017 с выравниванием по левому краю и кнопкой по центру,
       снизу под кнопкой — картинка с темным треугольником острием вниз (как на сайте Kaspersky) */
    html.adv-has-webinar .banners-big .banners-big__item,
    body.adv-has-webinar .banners-big .banners-big__item {
        background-image: none !important;
        background-color: #0b1017 !important;
        height: auto !important;
        min-height: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        padding-bottom: 0 !important;
    }

    html.adv-has-webinar .banners-big .banners-big__item::before,
    body.adv-has-webinar .banners-big .banners-big__item::before {
        display: none !important;
    }

    html.adv-has-webinar .banners-big .maxwidth-banner .maxwidth-theme,
    body.adv-has-webinar .banners-big .maxwidth-banner .maxwidth-theme {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        height: auto !important;
        padding: 28px 20px 14px !important;
        background-color: #0b1017 !important;
        z-index: 3 !important;
    }

    html.adv-has-webinar .banners-big .banners-big__inner,
    body.adv-has-webinar .banners-big .banners-big__inner,
    html.adv-has-webinar .banners-big .banners-big__depend-height,
    body.adv-has-webinar .banners-big .banners-big__depend-height {
        height: auto !important;
        min-height: 0 !important;
    }

    html.adv-has-webinar .banners-big .banners-big__text,
    body.adv-has-webinar .banners-big .banners-big__text {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        text-align: left !important;
        padding: 0 !important;
    }

    html.adv-has-webinar .banners-big .banners-big__title,
    html.adv-has-webinar .banners-big #pagetitle,
    html.adv-has-webinar .banners-big .banners-big__text-wrapper,
    html.adv-has-webinar .banners-big .banners-big__text-block,
    body.adv-has-webinar .banners-big .banners-big__title,
    body.adv-has-webinar .banners-big #pagetitle,
    body.adv-has-webinar .banners-big .banners-big__text-wrapper,
    body.adv-has-webinar .banners-big .banners-big__text-block {
        text-align: left !important;
        align-items: flex-start !important;
        width: 100% !important;
    }

    html.adv-has-webinar .banners-big #pagetitle,
    body.adv-has-webinar .banners-big #pagetitle {
        font-size: 28px !important;
        line-height: 1.22 !important;
    }

    html.adv-has-webinar .banners-big .banners-big__text-block,
    body.adv-has-webinar .banners-big .banners-big__text-block {
        font-size: 16px !important;
        line-height: 1.45 !important;
        margin-top: 12px !important;
    }

    html.adv-has-webinar .banners-big .adv-hero-badge,
    body.adv-has-webinar .banners-big .adv-hero-badge,
    html.adv-has-webinar .banners-big .adv-hero-time,
    body.adv-has-webinar .banners-big .adv-hero-time {
        align-self: flex-start !important;
        margin-left: 0 !important;
        margin-right: auto !important;
    }

    /* Кнопка CTA посередине */
    html.adv-has-webinar .banners-big .banners-big__buttons,
    body.adv-has-webinar .banners-big .banners-big__buttons {
        width: 100% !important;
        margin: 6px 0 0 !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    html.adv-has-webinar .banners-big .banners-big__buttons-item,
    body.adv-has-webinar .banners-big .banners-big__buttons-item {
        width: 100% !important;
        margin: 0 !important;
        display: flex !important;
        justify-content: center !important;
    }

    html.adv-has-webinar .banners-big .adv-hero-btn,
    body.adv-has-webinar .banners-big .adv-hero-btn {
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        margin: 0 auto !important;
        padding: 15px 20px !important;
    }

    /* Нижний блок с картинкой и темным треугольником острием вниз + голубым свечением */
    html.adv-has-webinar .adv-hero-mobile-visual,
    body.adv-has-webinar .adv-hero-mobile-visual {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        height: 250px !important;
        margin-top: -2px !important;
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        overflow: hidden !important;
        z-index: 2 !important;
    }

    html.adv-has-webinar .adv-hero-mobile-visual::before,
    body.adv-has-webinar .adv-hero-mobile-visual::before {
        content: '' !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 300' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='mBgGrad' x1='0%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%230088ff' stop-opacity='0.52'/%3E%3Cstop offset='45%25' stop-color='%230072ce' stop-opacity='0.34'/%3E%3Cstop offset='100%25' stop-color='%23071324' stop-opacity='0.42'/%3E%3C/linearGradient%3E%3Cfilter id='mgWide' filterUnits='userSpaceOnUse' x='-100' y='-100' width='800' height='500'%3E%3CfeGaussianBlur stdDeviation='48'/%3E%3C/filter%3E%3Cfilter id='mgMed' filterUnits='userSpaceOnUse' x='-100' y='-100' width='800' height='500'%3E%3CfeGaussianBlur stdDeviation='22'/%3E%3C/filter%3E%3Cfilter id='mgTight' filterUnits='userSpaceOnUse' x='-100' y='-100' width='800' height='500'%3E%3CfeGaussianBlur stdDeviation='8'/%3E%3C/filter%3E%3C/defs%3E%3Crect width='600' height='300' fill='url(%23mBgGrad)'/%3E%3Cpath d='M-40,15 L242,97 Q300,115 358,97 L640,15' fill='none' stroke='%230088ff' stroke-width='110' stroke-opacity='0.45' filter='url(%23mgWide)'/%3E%3Cpath d='M-40,15 L242,97 Q300,115 358,97 L640,15' fill='none' stroke='%231aa3ff' stroke-width='52' stroke-opacity='0.55' filter='url(%23mgMed)'/%3E%3Cpath d='M-40,15 L242,97 Q300,115 358,97 L640,15' fill='none' stroke='%234dbdff' stroke-width='18' stroke-opacity='0.72' filter='url(%23mgTight)'/%3E%3Cpath d='M-20,-20 L620,-20 L620,15 L358,97 Q300,115 242,97 L-20,15 Z' fill='%230b1017'/%3E%3C/svg%3E") !important;
        background-size: 100% 100% !important;
        background-repeat: no-repeat !important;
        z-index: 1 !important;
        pointer-events: none !important;
    }
}

@media (max-width: 575px) {
    .adv-webinar {
        margin-bottom: 24px !important;
    }
    .adv-webinar__inner {
        padding: 18px 14px;
        gap: 20px;
    }
    .adv-webinar__title {
        font-size: 21px;
    }
    .adv-webinar__form-wrap {
        padding: 20px 16px;
    }
    .adv-webinar__row {
        grid-template-columns: 1fr;
    }
    .adv-hero-badge {
        font-size: 12px !important;
        padding: 6px 16px !important;
    }
    .adv-hero-time {
        font-size: 13.5px !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 8px 16px !important;
    }
}

/* ==========================================================================
   ADV-LANDING: ИНФОГРАФИКА, ROI И АРХИТЕКТУРА vPAC ДЛЯ ЦИФРОВЫХ ПОДСТАНЦИЙ
   ========================================================================== */

.adv-landing-content {
    margin-top: 15px;
    color: #1e293b;
    font-family: inherit;
}

/* 1. Блок с ключевыми цифрами (ROI) */
.adv-roi-section {
    margin: 10px 0 44px;
}

.adv-roi-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.adv-roi-card {
    background: #ffffff;
    border: 1px solid #dce3eb;
    border-top: 4px solid #004280;
    border-radius: 12px;
    padding: 22px 18px;
    box-shadow: 0 4px 16px rgba(0, 40, 85, 0.05);
    transition: transform .2s ease, box-shadow .2s ease;
    display: flex;
    flex-direction: column;
}

.adv-roi-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0, 66, 128, 0.12);
}

.adv-roi-val {
    font-size: 30px;
    font-weight: 800;
    color: #004280;
    line-height: 1.15;
    margin-bottom: 8px;
    letter-spacing: -0.5px;
}

.adv-roi-title {
    font-size: 13.5px;
    font-weight: 700;
    color: #0f172a;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    margin-bottom: 10px;
}

.adv-roi-desc {
    font-size: 13px;
    color: #475569;
    line-height: 1.5;
    margin: 0;
}

/* 2. Общие секции лендинга */
.adv-section {
    margin-bottom: 48px;
}

.adv-section-title {
    font-size: 24px;
    font-weight: 700;
    color: #002855;
    margin: 0 0 14px;
    line-height: 1.3;
}

.adv-section-lead {
    font-size: 15px;
    line-height: 1.65;
    color: #334155;
    margin-bottom: 24px;
    background: #f8fafc;
    padding: 18px 22px;
    border-radius: 10px;
    border-left: 4px solid #004280;
    border-top: 1px solid #e2e8f0;
    border-right: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
}

.adv-table-title {
    font-size: 18px;
    font-weight: 700;
    color: #0f172a;
    margin: 28px 0 14px;
}

/* 3. Трехуровневый стек vPAC */
.adv-vpac-stack {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 24px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
    margin-bottom: 32px;
}

.adv-vpac-stack__header {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 16px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 20px;
    padding-bottom: 14px;
    border-bottom: 1px solid #e2e8f0;
    flex-wrap: wrap;
}

.adv-badge {
    display: inline-block;
    background: #004280;
    color: #ffffff;
    padding: 4px 12px;
    border-radius: 100px;
    font-size: 11.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.adv-vpac-layer {
    border-radius: 10px;
    padding: 18px 20px;
    border: 1px solid transparent;
}

.adv-vpac-layer--app {
    background: #f0f7ff;
    border-color: #bfdbfe;
}

.adv-vpac-layer--virt {
    background: #f8fafc;
    border-color: #cbd5e1;
}

.adv-vpac-layer--hw {
    background: #fef2f2;
    border-color: #fecaca;
}

.adv-vpac-layer__badge {
    font-size: 13.5px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
}

.adv-vpac-layer--app .adv-vpac-layer__badge { color: #0369a1; }
.adv-vpac-layer--virt .adv-vpac-layer__badge { color: #334155; }
.adv-vpac-layer--hw .adv-vpac-layer__badge { color: #b91c1c; }

.adv-vpac-layer__content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

.adv-vpac-layer__item {
    background: #ffffff;
    padding: 14px;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    font-size: 13px;
    line-height: 1.5;
    color: #334155;
}

.adv-vpac-tag {
    display: inline-block;
    padding: 2px 8px;
    background: #e2e8f0;
    color: #1e293b;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 700;
    margin-bottom: 6px;
}

.adv-vpac-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 0;
    color: #94a3b8;
}

/* 4. Таблицы (Сравнение ПС и Сравнение серверов) */
.adv-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 16px 0 28px;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.03);
    background: #ffffff;
}

.adv-table {
    width: 100%;
    min-width: 650px;
    border-collapse: collapse;
    font-size: 13.5px;
    text-align: left;
    background: #ffffff;
}

.adv-table th {
    background: #002855;
    color: #ffffff !important;
    padding: 14px 16px;
    font-weight: 700;
    border: 1px solid #001f42;
    font-size: 13.5px;
    vertical-align: top;
}

.adv-table td {
    padding: 13px 16px;
    border: 1px solid #e2e8f0;
    vertical-align: top;
    line-height: 1.5;
    color: #1e293b;
}

.adv-table tbody tr:nth-child(even) {
    background: #f8fafc;
}

.adv-table tbody tr:hover {
    background: #f1f5f9;
}

.adv-td-highlight {
    font-weight: 700;
    color: #004280;
}

.adv-th-badge {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.2);
    margin-top: 4px;
    color: #ffffff;
}

.adv-th-badge--accent {
    background: #c30101;
    color: #ffffff;
}

/* 5. Карточки оборудования */
.adv-equip-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin-top: 16px;
}

.adv-equip-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 18px 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
}

.adv-equip-card__title {
    font-size: 15px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.adv-equip-badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    background: #004280;
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
}

.adv-equip-card p {
    font-size: 13px;
    color: #475569;
    line-height: 1.55;
    margin: 0;
}

/* 6. Карточки преимуществ и кибербезопасности */
.adv-benefits-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    margin-top: 18px;
}

.adv-benefit-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 22px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
    display: flex;
    flex-direction: column;
}

.adv-benefit-card--security {
    border-left: 5px solid #16a34a;
    background: #f0fdf4;
    border-color: #bbf7d0 #e2e8f0 #e2e8f0 #16a34a;
}

.adv-benefit-card__icon {
    color: #004280;
    margin-bottom: 12px;
}

.adv-benefit-card--security .adv-benefit-card__icon {
    color: #16a34a;
}

.adv-benefit-card__title {
    font-size: 15.5px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 10px;
    line-height: 1.35;
}

.adv-benefit-card p {
    font-size: 13px;
    color: #475569;
    line-height: 1.55;
    margin: 0;
}

/* Мобильная адаптивность */
@media (max-width: 991px) {
    .adv-roi-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .adv-vpac-layer__content {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .adv-equip-grid,
    .adv-benefits-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575px) {
    .adv-roi-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }
    .adv-roi-card {
        padding: 18px 16px;
    }
    .adv-roi-val {
        font-size: 26px;
    }
    .adv-section-title {
        font-size: 20px;
    }
    .adv-section-lead {
        font-size: 14px;
        padding: 14px 16px;
    }
    .adv-vpac-stack {
        padding: 16px 14px;
    }
}

/* 7. Скрытие кнопки «Поделиться» под финальным CTA-блоком на странице вебинара */
.adv-has-webinar .bottom-links-block .share,
.adv-has-webinar .share.bottom,
.adv-has-webinar .shares-block,
.adv-has-webinar .ya-share2 {
    display: none !important;
}

/* 8. Упрощенный лендинг: Блок «Для кого и какие задачи (боли) разберем» */
.adv-pain-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 24px;
}

.adv-pain-card {
    background: #ffffff;
    border: 1px solid #dce3eb;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 4px 16px rgba(0, 40, 85, 0.04);
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.adv-pain-role {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 17px;
    font-weight: 700;
    color: #002855;
    line-height: 1.3;
    padding-bottom: 12px;
    border-bottom: 1px solid #e2e8f0;
}

.adv-pain-role svg {
    flex-shrink: 0;
    color: #004280;
}

.adv-pain-box {
    padding: 12px 14px;
    border-radius: 8px;
    font-size: 13.5px;
    line-height: 1.55;
}

.adv-pain-box--problem {
    background: #fff5f5;
    border-left: 3px solid #dc2626;
    color: #334155;
}

.adv-pain-box--solution {
    background: #f0f7ff;
    border-left: 3px solid #004280;
    color: #1e293b;
}

.adv-pain-label {
    display: block;
    font-size: 11.5px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    margin-bottom: 4px;
}

.adv-pain-box--problem .adv-pain-label {
    color: #b91c1c;
}

.adv-pain-box--solution .adv-pain-label {
    color: #004280;
}

/* 9. Блок «О компании Advantech и участии в vPAC Alliance» */
.adv-about-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin: 20px 0 24px;
}

.adv-about-stat {
    background: #ffffff;
    border: 1px solid #dce3eb;
    border-left: 4px solid #004280;
    border-radius: 12px;
    padding: 20px 22px;
    box-shadow: 0 4px 14px rgba(0, 40, 85, 0.04);
}

.adv-about-stat__val {
    font-size: 20px;
    font-weight: 800;
    color: #004280;
    margin-bottom: 6px;
    line-height: 1.25;
}

.adv-about-stat__desc {
    font-size: 13.5px;
    color: #475569;
    line-height: 1.5;
    margin: 0;
}

.adv-vpac-alliance-box {
    background: linear-gradient(135deg, #002855 0%, #004280 100%);
    color: #ffffff;
    border-radius: 14px;
    padding: 28px 32px;
    box-shadow: 0 8px 28px rgba(0, 40, 85, 0.14);
}

.adv-vpac-alliance-box__badge {
    display: inline-block;
    background: rgba(255, 255, 255, 0.16);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #ffffff;
    font-size: 11.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    padding: 4px 12px;
    border-radius: 100px;
    margin-bottom: 12px;
}

.adv-vpac-alliance-box__title {
    font-size: 21px;
    font-weight: 700;
    color: #ffffff !important;
    margin: 0 0 12px;
    line-height: 1.3;
}

.adv-vpac-alliance-box__text {
    font-size: 14.5px;
    line-height: 1.65;
    color: rgba(255, 255, 255, 0.92);
    margin: 0 0 16px;
}

.adv-vpac-partners {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

.adv-vpac-partner-pill {
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: #ffffff;
    font-size: 12.5px;
    font-weight: 600;
    padding: 5px 12px;
    border-radius: 6px;
}

.adv-vpac-partner-pill--active {
    background: #ffffff;
    color: #002855;
    font-weight: 800;
}

@media (max-width: 991px) {
    .adv-about-stats {
        grid-template-columns: 1fr;
        gap: 14px;
    }
}

@media (max-width: 767px) {
    .adv-pain-grid {
        grid-template-columns: 1fr;
    }
    .adv-vpac-alliance-box {
        padding: 22px 20px;
    }
    .adv-vpac-alliance-box__title {
        font-size: 18px;
    }
}

/* ==========================================================================
   10. Второй блок «О вебинаре» в стиле Kaspersky (.adv-about-stream)
       Слева картинка с синим сиянием, справа текст с голубыми акцентами;
       на мобильном картинка уходит вниз под текст (flex-direction: column-reverse)
   ========================================================================== */

html.adv-has-webinar .banners-big--detail,
body.adv-has-webinar .banners-big--detail {
    margin-bottom: 0 !important;
}

.adv-about-stream {
    background: #0b1017 radial-gradient(87.34% 118.77% at 15.36% -3.52%, rgba(0, 140, 255, 0.22), rgba(0, 140, 255, 0) 70.39%);
    color: #ffffff;
    margin: 0;
    position: relative;
    overflow: hidden;
    border-top: 1px solid rgba(42, 168, 255, 0.14);
}

.adv-about-stream__container {
    max-width: 1412px;
    margin: 0 auto;
    padding: 64px 32px 48px;
}

.adv-about-stream__block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 64px;
    width: 100%;
    margin: 0;
}

.adv-about-stream__img-wrap {
    flex: 0 0 47%;
    max-width: 580px;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 12px 44px rgba(0, 136, 255, 0.24), 0 0 0 1px rgba(56, 182, 255, 0.22);
}

.adv-about-stream__img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 16px;
}

.adv-about-stream__info {
    flex: 1 1 53%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
    text-align: left;
}

.adv-about-stream__text {
    font-size: 18px !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
    color: rgba(255, 255, 255, 0.92) !important;
    margin: 0 !important;
}

.adv-about-stream__highlight {
    color: #38b6ff !important;
    font-weight: 600 !important;
}

@media (max-width: 991px) {
    .adv-about-stream {
        background: #0b1017 radial-gradient(115.13% 51.79% at 50% 35.79%, rgba(0, 140, 255, 0.22), rgba(0, 140, 255, 0) 70.39%);
        margin-bottom: 0;
    }

    .adv-about-stream__container {
        padding: 48px 24px 32px;
    }

    .adv-about-stream__block {
        flex-direction: column-reverse !important;
        align-items: center;
        gap: 32px;
    }

    .adv-about-stream__img-wrap {
        flex: 0 0 auto;
        width: 100%;
        max-width: 540px;
    }

    .adv-about-stream__info {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .adv-about-stream__container {
        padding: 32px 20px 24px;
    }

    .adv-about-stream__text {
        font-size: 16px !important;
        line-height: 1.45 !important;
    }

    .adv-about-stream__img-wrap {
        max-width: 100%;
    }
}

/* ==========================================================================
   11. Блок «Программа» в стиле Kaspersky (.adv-program-stream)
   ========================================================================== */

.adv-program-stream {
    background:
        radial-gradient(31.33% 42.24% at 33.98% 63.64%, rgba(0, 136, 255, 0.26), rgba(0, 136, 255, 0)),
        radial-gradient(33.84% 48.54% at 53.1% 61.27%, rgba(56, 182, 255, 0.22), rgba(56, 182, 255, 0) 97.96%),
        #0b1017;
    color: #ffffff;
    margin: 0;
    position: relative;
    overflow: hidden;
}

.adv-program-stream__container {
    max-width: 1220px;
    margin: 0 auto;
    padding: 32px 32px 72px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

.adv-program-stream__title {
    font-size: 42px !important;
    line-height: 1.15 !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    text-align: center !important;
    margin: 0 !important;
    letter-spacing: -0.3px;
}

.adv-program-stream__list {
    border: 2px solid #212a36;
    box-shadow: 0 8px 36px rgba(0, 0, 0, 0.45);
    background: #131a23;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 16px;
    width: 100%;
    overflow: hidden;
}

.adv-program-stream__item {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 32px;
    border-bottom: 2px solid #212a36;
    padding: 24px 48px;
    margin: 0;
    transition: background 0.2s ease;
}

.adv-program-stream__item:hover {
    background: rgba(56, 182, 255, 0.04);
}

.adv-program-stream__item--last,
.adv-program-stream__item:last-child {
    border-bottom: none;
}

.adv-program-stream__icon {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    filter: drop-shadow(0 0 8px rgba(56, 182, 255, 0.25));
}

.adv-program-stream__text {
    font-size: 20px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    color: #ffffff !important;
    margin: 0 !important;
    text-align: left !important;
}

@media (max-width: 991px) {
    .adv-program-stream {
        margin-bottom: 0;
    }

    .adv-program-stream__container {
        padding: 24px 24px 52px;
        gap: 28px;
    }

    .adv-program-stream__item {
        padding: 20px 28px;
        gap: 24px;
    }

    .adv-program-stream__text {
        font-size: 18px !important;
    }
}

@media (max-width: 640px) {
    .adv-program-stream {
        background:
            radial-gradient(76.18% 49.95% at 53.06% 50.05%, rgba(0, 136, 255, 0.26), rgba(0, 136, 255, 0)),
            radial-gradient(92.98% 43.89% at 44.58% 51.98%, rgba(56, 182, 255, 0.22), rgba(56, 182, 255, 0) 97.96%),
            #0b1017;
    }

    .adv-program-stream__container {
        padding: 16px 20px 40px;
        gap: 24px;
    }

    .adv-program-stream__title {
        font-size: 32px !important;
        line-height: 1.2 !important;
    }

    .adv-program-stream__item {
        padding: 16px 18px;
        gap: 16px;
    }

    .adv-program-stream__icon {
        width: 34px;
        height: 34px;
        flex: 0 0 34px;
    }

    .adv-program-stream__text {
        font-size: 15.5px !important;
        line-height: 1.35 !important;
    }
}

/* ==========================================================================
   12. Блок «Регистрация» в стиле Kaspersky (#webinar / .adv-webinar__split)
       На десктопе: слева картинка цифровой подстанции, справа темная форма.
       На мобильном: картинка скрыта, форма по центру темного блока.
   ========================================================================== */

html.adv-has-webinar #webinar.adv-webinar,
body.adv-has-webinar #webinar.adv-webinar {
    background: #0b1017 !important;
    border: none !important;
    border-top: 1px solid rgba(42, 168, 255, 0.14) !important;
    border-bottom: 1px solid rgba(42, 168, 255, 0.2) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 0 56px 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.adv-webinar__split {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
    min-height: 680px;
    margin: 0 auto;
    position: relative;
}

.adv-webinar__visual {
    flex: 0 0 48%;
    width: 48%;
    min-height: 680px;
    background-size: cover;
    background-position: left center;
    background-repeat: no-repeat;
    position: relative;
}

.adv-webinar__visual::after {
    content: '';
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(11, 16, 23, 0) 55%, #0b1017 100%),
        linear-gradient(180deg, #0b1017 0%, rgba(11, 16, 23, 0) 14%, rgba(11, 16, 23, 0) 86%, #0b1017 100%);
    pointer-events: none;
}

html.adv-has-webinar #webinar .adv-webinar__form-wrap,
body.adv-has-webinar #webinar .adv-webinar__form-wrap {
    flex: 1 1 52%;
    max-width: 680px;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 64px 48px 64px 40px !important;
    margin: 0 auto 0 0 !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

html.adv-has-webinar #webinar .adv-webinar__form-title,
body.adv-has-webinar #webinar .adv-webinar__form-title {
    font-size: 36px !important;
    line-height: 1.18 !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin: 0 0 14px 0 !important;
    text-align: left !important;
    letter-spacing: -0.3px;
}

html.adv-has-webinar #webinar .adv-webinar__form-subtitle,
body.adv-has-webinar #webinar .adv-webinar__form-subtitle {
    font-size: 17px !important;
    line-height: 1.48 !important;
    font-weight: 400 !important;
    color: rgba(255, 255, 255, 0.88) !important;
    margin: 0 0 28px 0 !important;
    text-align: left !important;
}

html.adv-has-webinar #webinar .adv-webinar__field > span,
body.adv-has-webinar #webinar .adv-webinar__field > span {
    color: rgba(255, 255, 255, 0.88) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    margin-bottom: 6px !important;
}

html.adv-has-webinar #webinar .adv-webinar__field i,
body.adv-has-webinar #webinar .adv-webinar__field i,
html.adv-has-webinar #webinar .adv-webinar__consent i,
body.adv-has-webinar #webinar .adv-webinar__consent i {
    color: #ff4d4f !important;
    font-style: normal !important;
}

html.adv-has-webinar #webinar .adv-webinar__field .form-control,
body.adv-has-webinar #webinar .adv-webinar__field .form-control {
    background: #17202b !important;
    border: 1px solid #263343 !important;
    border-radius: 6px !important;
    color: #ffffff !important;
    height: 48px !important;
    padding: 10px 16px !important;
    font-size: 15px !important;
    box-shadow: none !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

html.adv-has-webinar #webinar .adv-webinar__field select.form-control option,
body.adv-has-webinar #webinar .adv-webinar__field select.form-control option {
    background: #17202b !important;
    color: #ffffff !important;
}

html.adv-has-webinar #webinar .adv-webinar__field .form-control::placeholder,
body.adv-has-webinar #webinar .adv-webinar__field .form-control::placeholder {
    color: rgba(255, 255, 255, 0.42) !important;
}

html.adv-has-webinar #webinar .adv-webinar__field .form-control:focus,
body.adv-has-webinar #webinar .adv-webinar__field .form-control:focus {
    background: #1b2634 !important;
    border-color: #38b6ff !important;
    box-shadow: 0 0 0 3px rgba(56, 182, 255, 0.18) !important;
    outline: none !important;
}

html.adv-has-webinar #webinar .adv-webinar__field .form-control.is-invalid,
body.adv-has-webinar #webinar .adv-webinar__field .form-control.is-invalid {
    border-color: #ff4d4f !important;
}

html.adv-has-webinar #webinar .adv-webinar__error,
body.adv-has-webinar #webinar .adv-webinar__error {
    color: #ff6b6b !important;
}

html.adv-has-webinar #webinar .adv-webinar__consent,
body.adv-has-webinar #webinar .adv-webinar__consent {
    color: rgba(255, 255, 255, 0.82) !important;
    font-size: 13.5px !important;
    line-height: 1.45 !important;
    margin-top: 10px !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    cursor: pointer !important;
}

html.adv-has-webinar #webinar .adv-webinar__consent input[type="checkbox"],
body.adv-has-webinar #webinar .adv-webinar__consent input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    margin-top: 2px !important;
    accent-color: #38b6ff !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
}

html.adv-has-webinar #webinar .adv-webinar__consent a,
body.adv-has-webinar #webinar .adv-webinar__consent a {
    color: #38b6ff !important;
    text-decoration: underline !important;
}

html.adv-has-webinar #webinar .adv-webinar__submit,
body.adv-has-webinar #webinar .adv-webinar__submit {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    max-width: max-content !important;
    min-width: 210px !important;
    align-self: flex-start !important;
    background: linear-gradient(135deg, #1aa3ff 0%, #47beff 100%) !important;
    border: none !important;
    color: #0b1017 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    padding: 14px 40px !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 28px rgba(26, 163, 255, 0.45) !important;
    margin-top: 22px !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease !important;
}

html.adv-has-webinar #webinar .adv-webinar__submit:hover,
body.adv-has-webinar #webinar .adv-webinar__submit:hover {
    color: #0b1017 !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 34px rgba(26, 163, 255, 0.65) !important;
    filter: brightness(1.06);
}

html.adv-has-webinar #webinar .adv-webinar__thanks,
body.adv-has-webinar #webinar .adv-webinar__thanks {
    background: #131a23 !important;
    border: 1px solid rgba(56, 182, 255, 0.3) !important;
    border-radius: 14px !important;
    padding: 28px !important;
    color: #ffffff !important;
}

/* Скрытие всех блоков после формы регистрации до самого футера */
html.adv-has-webinar #webinar ~ .container,
body.adv-has-webinar #webinar ~ .container,
html.adv-has-webinar .adv-landing-content,
body.adv-has-webinar .adv-landing-content,
html.adv-has-webinar .adv-bottom-cta,
body.adv-has-webinar .adv-bottom-cta,
html.adv-has-webinar .ordered-block.desc,
body.adv-has-webinar .ordered-block.desc,
html.adv-has-webinar .bottom-links-block,
body.adv-has-webinar .bottom-links-block {
    display: none !important;
}

html.adv-has-webinar #webinar.adv-webinar,
body.adv-has-webinar #webinar.adv-webinar {
    margin-bottom: 0 !important;
}

html.adv-has-webinar .body,
body.adv-has-webinar .body,
html.adv-has-webinar .main,
body.adv-has-webinar .main {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    background-color: #0b1017 !important;
}

/* В мобильной и планшетной версии (<= 991px) убираем картинку слева, оставляем чистую форму */
@media (max-width: 991px) {
    html.adv-has-webinar #webinar.adv-webinar,
    body.adv-has-webinar #webinar.adv-webinar {
        background: #0b1017 linear-gradient(180deg, rgba(0, 140, 255, 0) 0%, rgba(0, 140, 255, 0.14) 100%) !important;
        margin-bottom: 0 !important;
    }

    .adv-webinar__split {
        min-height: 0;
        justify-content: center;
    }

    .adv-webinar__visual {
        display: none !important;
    }

    html.adv-has-webinar #webinar .adv-webinar__form-wrap,
    body.adv-has-webinar #webinar .adv-webinar__form-wrap {
        flex: 1 1 100%;
        max-width: 680px;
        margin: 0 auto !important;
        padding: 44px 24px !important;
    }

    html.adv-has-webinar #webinar .adv-webinar__form-title,
    body.adv-has-webinar #webinar .adv-webinar__form-title {
        font-size: 28px !important;
    }
}

@media (max-width: 640px) {
    html.adv-has-webinar #webinar .adv-webinar__form-wrap,
    body.adv-has-webinar #webinar .adv-webinar__form-wrap {
        padding: 32px 20px !important;
    }

    html.adv-has-webinar #webinar .adv-webinar__form-title,
    body.adv-has-webinar #webinar .adv-webinar__form-title {
        font-size: 24px !important;
        line-height: 1.22 !important;
    }

    html.adv-has-webinar #webinar .adv-webinar__form-subtitle,
    body.adv-has-webinar #webinar .adv-webinar__form-subtitle {
        font-size: 15.5px !important;
        margin-bottom: 22px !important;
    }
}