/*
 * Visual systems for the SEO brand network.
 *
 * These rules are loaded only for viborfin, finodobreno, odobri24,
 * prostozaimy and mycreditov. The original sravnim24.ru never receives
 * the body classes or this stylesheet.
 */

body.brand-network-site {
    --sravnim-page: var(--brand-page);
    --sravnim-surface: #ffffff;
    --sravnim-surface-soft: var(--brand-surface-soft);
    --sravnim-border: var(--brand-border);
    --sravnim-primary: var(--brand-primary);
    --sravnim-primary-dark: var(--brand-primary-dark);
    --sravnim-accent: var(--brand-accent);
    --sravnim-accent-soft: var(--brand-accent-soft);
    --sravnim-shadow: var(--brand-shadow);
    --brand-heading-font: "Trebuchet MS", "Segoe UI", sans-serif;
    --brand-body-font: "Segoe UI", Tahoma, sans-serif;
    --brand-card-radius: 14px;
    --brand-control-radius: 9px;
    --brand-card-shadow: 0 8px 24px rgba(24, 42, 72, 0.07);
    --brand-card-hover-shadow: 0 18px 38px rgba(24, 42, 72, 0.13);
    --brand-card-accent: var(--sravnim-primary);
    --brand-card-accent-width: 3px;
    --brand-card-hover-border: var(--sravnim-primary);
    font-family: var(--brand-body-font);
}

:root[data-theme="dark"] body.brand-network-site {
    --sravnim-page: #1d2431;
    --sravnim-surface: #2a3240;
    --sravnim-surface-soft: #323c4b;
    --sravnim-border: #465268;
    --sravnim-ink: #f4f6fb;
    --sravnim-muted: #b4bdcd;
    --sravnim-shadow: 0 16px 36px rgba(0, 0, 0, 0.22);
    --brand-card-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
    --brand-card-hover-shadow: 0 20px 40px rgba(0, 0, 0, 0.26);
}

body.brand-network-site .sravnim-home-intro h1,
body.brand-network-site .site-main .section__header .title,
body.brand-network-site .sravnim-lead-magnet__copy h2,
body.brand-network-site .sravnim-context-lead__copy h2,
body.brand-network-site .sravnim-tail-modal__copy h2,
body.brand-network-site .main-page-offers .card__header-title a,
body.brand-network-site .sravnim-post__header h1,
body.brand-network-site .sravnim-post-content h2,
body.brand-network-site .sravnim-post-content h3,
body.brand-network-site footer.footer .footer__services > h2 {
    font-family: var(--brand-heading-font);
}

body.brand-network-site .sravnim-home-intro::before {
    width: var(--brand-mark-width, 42px);
    height: var(--brand-mark-height, 4px);
    border-radius: var(--brand-mark-radius, 999px);
    background: var(--brand-mark-background, var(--sravnim-accent));
}

body.brand-network-site .header .header__top {
    border-bottom-color: var(--brand-header-border, var(--sravnim-border)) !important;
    background: var(--brand-header-background, rgba(255, 255, 255, 0.97)) !important;
    box-shadow: var(--brand-header-shadow, 0 8px 26px rgba(32, 43, 69, 0.08));
}

body.brand-network-site .header .header__logo .logo {
    font-family: var(--brand-heading-font);
    letter-spacing: -0.035em;
}

body.brand-network-site .header .navigation__item-link::after {
    background: var(--brand-nav-accent, var(--sravnim-accent));
}

body.brand-network-site .header .navigation__item-link,
body.brand-network-site .header .header__links-txt {
    font-family: var(--brand-body-font);
}

body.brand-network-site .header #themeBtn1,
body.brand-network-site .main-page-offers .offers-link-main,
body.brand-network-site .main-page-offers .nav-tabs .nav-link,
body.brand-network-site .main-page-offers .card__actions .btn-outline-primary,
body.brand-network-site .site-main .btn,
body.brand-network-site .sravnim-lead-form__submit,
body.brand-network-site .sravnim-tail-cta__button {
    border-radius: var(--brand-control-radius);
}

body.brand-network-site .sravnim-lead-magnet,
body.brand-network-site .sravnim-context-lead,
body.brand-network-site .sravnim-tail-modal__dialog,
body.brand-network-site footer.footer .footer__subscribe {
    border-radius: var(--brand-card-radius);
}

body.brand-network-site .sravnim-lead-magnet,
body.brand-network-site .sravnim-context-lead {
    position: relative;
    isolation: isolate;
    box-shadow: var(--brand-shadow);
}

body.brand-network-site .sravnim-lead-magnet::after,
body.brand-network-site .sravnim-context-lead::after {
    position: absolute;
    z-index: 0;
    top: var(--brand-deco-top, -28px);
    right: var(--brand-deco-right, -24px);
    width: var(--brand-deco-width, 170px);
    height: var(--brand-deco-height, 130px);
    border-radius: var(--brand-deco-radius, 24px);
    background: var(--brand-deco-background, none);
    content: "";
    opacity: var(--brand-deco-opacity, 0);
    pointer-events: none;
    transform: var(--brand-deco-transform, none);
}

body.brand-network-site .sravnim-lead-magnet > *,
body.brand-network-site .sravnim-context-lead > * {
    position: relative;
    z-index: 1;
}

body.brand-network-site .sravnim-lead-magnet__copy,
body.brand-network-site .sravnim-context-lead__copy,
body.brand-network-site .sravnim-tail-cta,
body.brand-network-site .sravnim-tail-modal__copy {
    background: var(--brand-panel-background, var(--sravnim-filter-bg));
}

body.brand-network-site .sravnim-lead-magnet__eyebrow {
    border-radius: var(--brand-control-radius);
    background: var(--brand-eyebrow-background, rgba(255, 255, 255, 0.14));
    color: var(--brand-eyebrow-color, #ffffff);
}

body.brand-network-site .sravnim-lead-form__submit,
body.brand-network-site .sravnim-tail-cta__button {
    border-color: var(--brand-cta-border, var(--sravnim-primary));
    background: var(--brand-cta-background, var(--sravnim-primary));
}

body.brand-network-site .sravnim-lead-form__submit:hover:not(:disabled),
body.brand-network-site .sravnim-tail-cta__button:hover {
    border-color: var(--brand-cta-hover-border, var(--sravnim-primary-dark));
    background: var(--brand-cta-hover-background, var(--sravnim-primary-dark));
}

body.brand-network-site .sravnim-lead-magnet .sravnim-lead-form input[type="tel"],
body.brand-network-site .sravnim-lead-magnet .sravnim-lead-form input[type="email"],
body.brand-network-site .sravnim-context-lead .sravnim-lead-form input[type="tel"],
body.brand-network-site .sravnim-context-lead .sravnim-lead-form input[type="email"],
body.brand-network-site .sravnim-tail-modal .sravnim-lead-form input[type="tel"],
body.brand-network-site .sravnim-tail-modal .sravnim-lead-form input[type="email"] {
    border-radius: var(--brand-control-radius);
}

body.brand-network-site .sravnim-lead-magnet .sravnim-lead-form input[type="tel"]:focus,
body.brand-network-site .sravnim-lead-magnet .sravnim-lead-form input[type="email"]:focus,
body.brand-network-site .sravnim-context-lead .sravnim-lead-form input[type="tel"]:focus,
body.brand-network-site .sravnim-context-lead .sravnim-lead-form input[type="email"]:focus,
body.brand-network-site .sravnim-tail-modal .sravnim-lead-form input[type="tel"]:focus,
body.brand-network-site .sravnim-tail-modal .sravnim-lead-form input[type="email"]:focus {
    border-color: var(--sravnim-primary);
}

body.brand-network-site .site-main .card.card__vertical,
body.brand-network-site .site-main .card_custom_v1,
body.brand-network-site .site-main .article__one,
body.brand-network-site .site-main .bank__item {
    border-top: var(--brand-card-accent-width) solid var(--brand-card-accent);
    border-radius: var(--brand-card-radius);
    box-shadow: var(--brand-card-shadow);
}

body.brand-network-site .site-main .card.card__vertical:hover,
body.brand-network-site .site-main .card_custom_v1:hover,
body.brand-network-site .site-main .article__one:hover,
body.brand-network-site .site-main .bank__item:hover {
    border-color: var(--brand-card-hover-border);
    box-shadow: var(--brand-card-hover-shadow);
}

body.brand-network-site footer.footer {
    background: var(--brand-footer-background) !important;
}

body.brand-network-site footer.footer::before {
    height: var(--brand-footer-line-height, 4px);
    background: var(--brand-footer-line, linear-gradient(90deg, var(--sravnim-primary), var(--sravnim-accent)));
}

body.brand-network-site footer.footer .footer__services > h2::after {
    border-radius: var(--brand-mark-radius, 999px);
    background: var(--brand-footer-accent, var(--sravnim-accent));
}

body.brand-network-site footer.footer .footer__subscribe {
    border-color: var(--brand-footer-card-border, rgba(255, 255, 255, 0.2)) !important;
    background: var(--brand-footer-card-background, rgba(255, 255, 255, 0.075)) !important;
}

/* ViborFin: clear product design with a blue precision stripe and teal signal. */
body.brand-theme-viborfin {
    --brand-page: #f3f7ff;
    --brand-surface-soft: #eaf2ff;
    --brand-border: #d7e3f7;
    --brand-primary: #155eef;
    --brand-primary-dark: #0f47bd;
    --brand-accent: #14b8a6;
    --brand-accent-soft: #e5fbf8;
    --brand-shadow: 0 18px 42px rgba(21, 94, 239, 0.11);
    --brand-panel-background: linear-gradient(135deg, #16315c 0%, #104cb3 100%);
    --brand-header-background: rgba(255, 255, 255, 0.98);
    --brand-header-border: #d7e3f7;
    --brand-header-shadow: inset 0 3px 0 #155eef, 0 10px 28px rgba(21, 94, 239, 0.1);
    --brand-nav-accent: #14b8a6;
    --brand-card-accent: #14b8a6;
    --brand-card-accent-width: 3px;
    --brand-card-radius: 14px;
    --brand-control-radius: 9px;
    --brand-card-shadow: 0 10px 26px rgba(21, 94, 239, 0.075);
    --brand-card-hover-shadow: 0 18px 38px rgba(21, 94, 239, 0.15);
    --brand-cta-background: linear-gradient(135deg, #155eef, #087fe8);
    --brand-cta-hover-background: linear-gradient(135deg, #0f47bd, #0668c4);
    --brand-cta-border: #155eef;
    --brand-cta-hover-border: #0f47bd;
    --brand-footer-background: radial-gradient(circle at 88% 8%, rgba(20, 184, 166, 0.2), transparent 25%), radial-gradient(circle at 6% 90%, rgba(21, 94, 239, 0.3), transparent 30%), #10264a;
    --brand-footer-line: linear-gradient(90deg, #155eef, #14b8a6);
    --brand-footer-accent: #14b8a6;
    --brand-mark-background: linear-gradient(90deg, #155eef, #14b8a6);
    --brand-deco-background: radial-gradient(circle, rgba(21, 94, 239, 0.45) 1.1px, transparent 1.25px);
    --brand-deco-background-size: 13px 13px;
    --brand-deco-width: 190px;
    --brand-deco-height: 145px;
    --brand-deco-right: -18px;
    --brand-deco-top: -20px;
    --brand-deco-opacity: 0.22;
    --brand-deco-transform: skewX(-8deg);
}

body.brand-theme-viborfin .sravnim-lead-magnet::after,
body.brand-theme-viborfin .sravnim-context-lead::after {
    background-size: var(--brand-deco-background-size);
}

/* FinOdobreno: calm approval-focused identity with serif authority and gold signals. */
body.brand-theme-finodobreno {
    --brand-page: #f2f8f5;
    --brand-surface-soft: #e7f3ef;
    --brand-border: #d3e5de;
    --brand-primary: #087a67;
    --brand-primary-dark: #056354;
    --brand-accent: #f0a11a;
    --brand-accent-soft: #fff3d7;
    --brand-shadow: 0 18px 42px rgba(8, 122, 103, 0.1);
    --brand-heading-font: Georgia, "Times New Roman", serif;
    --brand-body-font: "Segoe UI", Tahoma, sans-serif;
    --brand-panel-background: linear-gradient(145deg, #0b5b4f 0%, #087a67 68%, #18a387 100%);
    --brand-header-background: rgba(251, 255, 253, 0.98);
    --brand-header-border: #bcd9cf;
    --brand-header-shadow: 0 10px 28px rgba(8, 122, 103, 0.09);
    --brand-nav-accent: #f0a11a;
    --brand-card-accent: #f0a11a;
    --brand-card-accent-width: 4px;
    --brand-card-radius: 18px;
    --brand-control-radius: 999px;
    --brand-card-shadow: 0 10px 28px rgba(8, 122, 103, 0.07);
    --brand-card-hover-shadow: 0 18px 40px rgba(8, 122, 103, 0.15);
    --brand-card-hover-border: #f0a11a;
    --brand-cta-background: linear-gradient(135deg, #087a67, #08a083);
    --brand-cta-hover-background: linear-gradient(135deg, #056354, #07846e);
    --brand-cta-border: #087a67;
    --brand-cta-hover-border: #056354;
    --brand-footer-background: radial-gradient(circle at 90% 12%, rgba(240, 161, 26, 0.18), transparent 24%), radial-gradient(circle at 2% 90%, rgba(20, 184, 156, 0.22), transparent 30%), #123f38;
    --brand-footer-line: linear-gradient(90deg, #087a67, #f0a11a);
    --brand-footer-accent: #f0a11a;
    --brand-mark-width: 54px;
    --brand-mark-height: 3px;
    --brand-mark-background: linear-gradient(90deg, #087a67 0 72%, #f0a11a 72% 100%);
    --brand-deco-background: transparent;
    --brand-deco-width: 180px;
    --brand-deco-height: 180px;
    --brand-deco-right: 34px;
    --brand-deco-top: -92px;
    --brand-deco-radius: 50%;
    --brand-deco-opacity: 1;
    --brand-deco-transform: rotate(18deg);
}

body.brand-theme-finodobreno .sravnim-home-intro {
    padding: 17px 0 3px 24px;
    border-left: 4px solid #f0a11a;
}

body.brand-theme-finodobreno .sravnim-home-intro::before {
    display: none;
}

body.brand-theme-finodobreno .sravnim-lead-magnet::after,
body.brand-theme-finodobreno .sravnim-context-lead::after {
    border: 30px solid rgba(240, 161, 26, 0.12);
}

body.brand-theme-finodobreno .sravnim-lead-magnet__copy,
body.brand-theme-finodobreno .sravnim-context-lead__copy {
    background-image: linear-gradient(145deg, #0b5b4f 0%, #087a67 68%, #18a387 100%);
}

body.brand-theme-finodobreno .sravnim-home-intro h1,
body.brand-theme-finodobreno .site-main .section__header .title,
body.brand-theme-finodobreno .sravnim-lead-magnet__copy h2,
body.brand-theme-finodobreno .sravnim-context-lead__copy h2 {
    letter-spacing: -0.025em;
}

/* Odobri24: fast, warm and action-oriented, with compact controls and orange direction. */
body.brand-theme-odobri24 {
    --brand-page: #fff8f2;
    --brand-surface-soft: #fff0e4;
    --brand-border: #f0d8c7;
    --brand-primary: #e55b20;
    --brand-primary-dark: #bf4312;
    --brand-accent: #2459c6;
    --brand-accent-soft: #eaf0ff;
    --brand-shadow: 0 18px 42px rgba(198, 77, 25, 0.11);
    --brand-heading-font: Arial, Helvetica, sans-serif;
    --brand-body-font: "Segoe UI", Tahoma, sans-serif;
    --brand-panel-background: linear-gradient(125deg, #50301f 0%, #8c381d 60%, #d95720 100%);
    --brand-header-background: rgba(255, 253, 250, 0.98);
    --brand-header-border: #efd1bd;
    --brand-header-shadow: inset 0 4px 0 #e55b20, 0 10px 28px rgba(198, 77, 25, 0.1);
    --brand-nav-accent: #e55b20;
    --brand-card-accent: #e55b20;
    --brand-card-accent-width: 4px;
    --brand-card-radius: 10px;
    --brand-control-radius: 999px;
    --brand-card-shadow: 0 9px 24px rgba(198, 77, 25, 0.065);
    --brand-card-hover-shadow: 0 18px 38px rgba(198, 77, 25, 0.15);
    --brand-card-hover-border: #e55b20;
    --brand-cta-background: linear-gradient(135deg, #e55b20, #f47b2d);
    --brand-cta-hover-background: linear-gradient(135deg, #bf4312, #db5e1d);
    --brand-cta-border: #e55b20;
    --brand-cta-hover-border: #bf4312;
    --brand-footer-background: radial-gradient(circle at 86% 4%, rgba(229, 91, 32, 0.29), transparent 25%), radial-gradient(circle at 6% 92%, rgba(36, 89, 198, 0.18), transparent 28%), #3c2d29;
    --brand-footer-line: linear-gradient(90deg, #e55b20 0 72%, #2459c6 72% 100%);
    --brand-footer-accent: #f47b2d;
    --brand-mark-width: 48px;
    --brand-mark-height: 5px;
    --brand-mark-background: linear-gradient(90deg, #e55b20 0 72%, #2459c6 72% 100%);
    --brand-deco-background: repeating-linear-gradient(135deg, rgba(229, 91, 32, 0.45) 0 5px, transparent 5px 15px);
    --brand-deco-width: 250px;
    --brand-deco-height: 150px;
    --brand-deco-right: -52px;
    --brand-deco-top: -28px;
    --brand-deco-opacity: 0.24;
    --brand-deco-transform: rotate(-8deg);
}

body.brand-theme-odobri24 .sravnim-home-intro h1,
body.brand-theme-odobri24 .site-main .section__header .title,
body.brand-theme-odobri24 .sravnim-lead-magnet__copy h2,
body.brand-theme-odobri24 .sravnim-context-lead__copy h2 {
    font-weight: 900;
    letter-spacing: 0;
}

body.brand-theme-odobri24 .site-main .card.card__vertical,
body.brand-theme-odobri24 .site-main .card_custom_v1,
body.brand-theme-odobri24 .site-main .article__one,
body.brand-theme-odobri24 .site-main .bank__item {
    border-top-width: 1px;
    border-left: 4px solid var(--brand-card-accent);
}

body.brand-theme-odobri24 .sravnim-lead-form__submit,
body.brand-theme-odobri24 .sravnim-tail-cta__button {
    box-shadow: 0 8px 18px rgba(229, 91, 32, 0.2);
}

/* ProstoZaimy: straightforward financial utility with squared, ledger-like detailing. */
body.brand-theme-prostozaimy {
    --brand-page: #eef7f8;
    --brand-surface-soft: #e2f1f2;
    --brand-border: #c4dfe2;
    --brand-primary: #007f8b;
    --brand-primary-dark: #00646e;
    --brand-accent: #ef5b62;
    --brand-accent-soft: #ffeaeb;
    --brand-shadow: 0 14px 34px rgba(0, 83, 91, 0.09);
    --brand-heading-font: Verdana, Geneva, sans-serif;
    --brand-body-font: "Segoe UI", Tahoma, sans-serif;
    --brand-panel-background: linear-gradient(135deg, #eaf8f8 0%, #d7eff0 100%);
    --brand-header-background: rgba(251, 255, 255, 0.98);
    --brand-header-border: #9fcdd1;
    --brand-header-shadow: inset 0 -3px 0 #007f8b, 0 8px 22px rgba(0, 83, 91, 0.08);
    --brand-nav-accent: #ef5b62;
    --brand-card-accent: #007f8b;
    --brand-card-accent-width: 2px;
    --brand-card-radius: 7px;
    --brand-control-radius: 5px;
    --brand-card-shadow: 0 3px 0 rgba(0, 127, 139, 0.08);
    --brand-card-hover-shadow: 0 10px 24px rgba(0, 83, 91, 0.12);
    --brand-card-hover-border: #ef5b62;
    --brand-cta-background: #007f8b;
    --brand-cta-hover-background: #00646e;
    --brand-cta-border: #007f8b;
    --brand-cta-hover-border: #00646e;
    --brand-footer-background: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 72px), radial-gradient(circle at 88% 8%, rgba(239, 91, 98, 0.18), transparent 24%), #0d4c53;
    --brand-footer-line: linear-gradient(90deg, #007f8b 0 78%, #ef5b62 78% 100%);
    --brand-footer-accent: #ef5b62;
    --brand-mark-width: 62px;
    --brand-mark-height: 3px;
    --brand-mark-radius: 0;
    --brand-mark-background: linear-gradient(90deg, #007f8b 0 78%, #ef5b62 78% 100%);
    --brand-deco-background: repeating-linear-gradient(0deg, rgba(0, 127, 139, 0.4) 0 1px, transparent 1px 18px);
    --brand-deco-width: 220px;
    --brand-deco-height: 180px;
    --brand-deco-right: -40px;
    --brand-deco-top: -22px;
    --brand-deco-radius: 0;
    --brand-deco-opacity: 0.25;
}

body.brand-theme-prostozaimy .sravnim-home-intro {
    border-bottom: 1px solid #c4dfe2;
    padding-bottom: 20px;
}

body.brand-theme-prostozaimy .sravnim-home-intro h1,
body.brand-theme-prostozaimy .site-main .section__header .title {
    letter-spacing: -0.025em;
}

body.brand-theme-prostozaimy .sravnim-lead-magnet__copy,
body.brand-theme-prostozaimy .sravnim-context-lead__copy {
    color: #163f44;
}

body.brand-theme-prostozaimy .sravnim-lead-magnet__copy h2,
body.brand-theme-prostozaimy .sravnim-context-lead__copy h2,
body.brand-theme-prostozaimy .sravnim-lead-magnet__copy p,
body.brand-theme-prostozaimy .sravnim-context-lead__copy p,
body.brand-theme-prostozaimy .sravnim-lead-magnet__benefits li,
body.brand-theme-prostozaimy .sravnim-context-lead__points li {
    color: #163f44;
}

body.brand-theme-prostozaimy .sravnim-lead-magnet__eyebrow {
    background: #007f8b;
    color: #ffffff;
}

body.brand-theme-prostozaimy .main-page-offers .nav-tabs {
    border-bottom-width: 2px;
}

/* MyCreditov: premium editorial layer with larger radii, purple depth and mint accent. */
body.brand-theme-mycreditov {
    --brand-page: #f8f6fc;
    --brand-surface-soft: #f0ebfa;
    --brand-border: #ded4ef;
    --brand-primary: #6541c1;
    --brand-primary-dark: #4b2b9c;
    --brand-accent: #00a889;
    --brand-accent-soft: #e2f8f3;
    --brand-shadow: 0 22px 52px rgba(72, 43, 140, 0.13);
    --brand-heading-font: "Times New Roman", Times, serif;
    --brand-body-font: "Segoe UI", Tahoma, sans-serif;
    --brand-panel-background: linear-gradient(140deg, #34255f 0%, #5d37b4 68%, #7454ce 100%);
    --brand-header-background: linear-gradient(90deg, rgba(255, 255, 255, 0.99), rgba(246, 242, 255, 0.99));
    --brand-header-border: #d9cdee;
    --brand-header-shadow: 0 12px 34px rgba(72, 43, 140, 0.11);
    --brand-nav-accent: #00a889;
    --brand-card-accent: #00a889;
    --brand-card-accent-width: 3px;
    --brand-card-radius: 20px;
    --brand-control-radius: 13px;
    --brand-card-shadow: 0 12px 30px rgba(72, 43, 140, 0.085);
    --brand-card-hover-shadow: 0 22px 46px rgba(72, 43, 140, 0.17);
    --brand-card-hover-border: #6541c1;
    --brand-cta-background: linear-gradient(135deg, #6541c1, #7654d3);
    --brand-cta-hover-background: linear-gradient(135deg, #4b2b9c, #6541c1);
    --brand-cta-border: #6541c1;
    --brand-cta-hover-border: #4b2b9c;
    --brand-footer-background: radial-gradient(circle at 90% 8%, rgba(0, 168, 137, 0.2), transparent 25%), radial-gradient(circle at 6% 88%, rgba(101, 65, 193, 0.34), transparent 31%), #251b45;
    --brand-footer-line: linear-gradient(90deg, #6541c1, #00a889);
    --brand-footer-accent: #00a889;
    --brand-mark-width: 34px;
    --brand-mark-height: 5px;
    --brand-mark-background: linear-gradient(90deg, #6541c1 0 64%, #00a889 64% 100%);
    --brand-deco-background: radial-gradient(circle at 32% 38%, rgba(101, 65, 193, 0.33), transparent 42%), radial-gradient(circle at 72% 68%, rgba(0, 168, 137, 0.25), transparent 38%);
    --brand-deco-width: 250px;
    --brand-deco-height: 220px;
    --brand-deco-right: -52px;
    --brand-deco-top: -72px;
    --brand-deco-radius: 50%;
    --brand-deco-opacity: 0.8;
}

body.brand-theme-mycreditov .sravnim-home-intro {
    padding-left: 28px;
    border-left: 5px solid #6541c1;
}

body.brand-theme-mycreditov .sravnim-home-intro::before {
    display: none;
}

body.brand-theme-mycreditov .sravnim-home-intro h1,
body.brand-theme-mycreditov .site-main .section__header .title,
body.brand-theme-mycreditov .sravnim-lead-magnet__copy h2,
body.brand-theme-mycreditov .sravnim-context-lead__copy h2 {
    font-weight: 700;
    letter-spacing: -0.02em;
}

body.brand-theme-mycreditov .sravnim-lead-form__submit,
body.brand-theme-mycreditov .sravnim-tail-cta__button {
    box-shadow: 0 10px 24px rgba(101, 65, 193, 0.23);
}

@media (max-width: 767px) {
    body.brand-network-site .sravnim-home-intro {
        padding-right: 0;
    }

    body.brand-network-site .sravnim-lead-magnet::after,
    body.brand-network-site .sravnim-context-lead::after {
        display: none;
    }

    body.brand-theme-finodobreno .sravnim-home-intro,
    body.brand-theme-mycreditov .sravnim-home-intro {
        padding-left: 18px;
    }

    body.brand-network-site .sravnim-home-intro h1 {
        font-size: 29px;
        line-height: 1.08;
    }

    body.brand-network-site .site-main .section__header .title {
        font-size: 25px;
        line-height: 1.14;
    }
}