@font-face {
  font-family: 'Work Sans Fallback';
  src: local('Arial');
  size-adjust: 107%;
  ascent-override: 95%;
  descent-override: 25%;
}

@font-face {
  font-family: 'Work Sans';
  src: url('/static/fonts/redesign/WorkSans-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: optional;
}

@font-face {
  font-family: 'Work Sans';
  src: url('/static/fonts/redesign/WorkSans-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: optional;
}

@font-face {
  font-family: 'Work Sans';
  src: url('/static/fonts/redesign/WorkSans-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: optional;
}

@font-face {
  font-family: 'Work Sans';
  src: url('/static/fonts/redesign/WorkSans-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: optional;
}
/* 1. Создаем "умный" фолбек на базе системного шрифта   */
@font-face {
  font-family: 'Plus Jakarta Sans Fallback';
  src: local('Arial'); /* Используем локальный Arial как базу [cite: 68] */
  /* Применяем корректировки только здесь [cite: 55, 126] */
  ascent-override: 91%;
  descent-override: 28%;
  size-adjust: 102%;
  line-gap-override: 4%;


}

@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('/static/fonts/redesign/PlusJakartaSans-VariableFont_wght.woff2') format('woff2');
  font-weight: 500 800; /* Диапазон весов для вариативного шрифта [cite: 26] */
  font-style: normal;
  font-display: swap; /* Стратегия для заголовков и брендовых элементов [cite: 87] */
}


h1, h2, h3, .brand-font {
  /* Сначала основной шрифт, затем настроенный фолбек  */
  font-family: 'Plus Jakarta Sans', 'Plus Jakarta Sans Fallback', Arial, sans-serif;
}

body { font-family: 'Work Sans', 'Work Sans Fallback', Arial, sans-serif; }


/* Mobile modal positioning fix */
@media (max-width: 1199px) {
.modal-backdrop {display:none} 
.offcanvas-backdrop {display:none!important}
.navbar-body { display: none; }
.navbar-body.open { display: block; }
.landing-form-modal { position: unset; }
}
 img,table { max-width: 100vw; height: auto; }

 .navbar-nav .dropdown-menu .group-link-link {gap:15px}
.menu-toggle {align-items:center; display:flex; flex-direction:column; gap:4.5px; justify-content:center}
.menu-line {background-color:#6c757d; border-radius:2px; height:1.4px; transition:all .3s cubic-bezier(.4,0,.2,1); width:20px}
.navbar-toggler[aria-expanded=true] .menu-line:first-child {transform:translateY(6.3px) rotate(45deg)}
.navbar-toggler[aria-expanded=true] .menu-line:nth-child(2) {opacity:0; transform:scale(0)}
.navbar-toggler[aria-expanded=true] .menu-line:nth-child(3) {transform:translateY(-6.3px) rotate(-45deg)}
.navbar-toggler:focus {-webkit-box-shadow:0 0 5px 0 #ccc; box-shadow:0 0 5px 0 #ccc}
.lang-switcher {display:inline-block; position:relative; user-select:none; width:100px}
.lang-trigger {align-items:center; background:#fff; border:1px solid #4b5565; border-radius:43px; color:#1d1d1f; cursor:pointer; display:flex; font-weight:500; justify-content:space-between; line-height:24px; padding:11px 24px; transition:all .2s ease}
.lang-trigger:hover {background-color:#f1f5f9}
.dropdown-toggle svg, .lang-trigger svg {height:18px; width:18px; stroke:#6c757d; transition:transform .3s ease}
.dropdown-toggle.show svg, .lang-switcher.open .lang-trigger svg {transform:rotate(180deg)}
.lang-dropdown {background:#fff; border:1.5px solid #334155; border-radius:16px; box-shadow:0 4px 12px rgba(0,0,0,.05); left:0; opacity:0; overflow:hidden; position:absolute; right:0; top:calc(100% + 8px); transform:translateY(-10px); transition:all .3s cubic-bezier(.4, 0, .2, 1); visibility:hidden; z-index:1000}
.lang-switcher.open .lang-dropdown {opacity:1; transform:translateY(0); visibility:visible}
.lang-list {list-style:none; margin:0; padding:8px 0}
.lang-item {color:#0f172a; cursor:pointer; font-size:18px; padding:10px 16px; text-align:center; transition:background .2s}
.lang-item:hover {background-color:#f8fafc}
.lang-item.selected {color:#7cb932; font-weight:600}
#languageSelect {display:none}

.breadcrumb .breadcrumb-item+.breadcrumb-item:before {color:#6c757d; content:"/"; display:inline-block; margin-right:.3rem}


@media (min-width: 769px) {
    .landing-form-modal {
        z-index:1500
    } 
}

.breadcrumb-item.active {
    color: inherit;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width: 768px) {
    .mob {
        display:block
    }

    .contents.top-header {
        display: none
    }

    .mob .blog-audio-player {
        display: block
    }
}

@media (min-width: 1200px) {
    .offcanvas {        
        z-index: 1060;
    }
}




#languageSelect {
	display: none
}

.breadcrumb .breadcrumb-item+.breadcrumb-item:before {
	color: #6c757d;
	content: "/";
	display: inline-block;
	margin-right: .3rem
}

.breadcrumb-item.active {
	color: inherit;
	font-weight: 400;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #6c757d
}
@media (max-width:768px){ 
	.breadcrumb-item.active {
	display: none  
}
}
.modal-backdrop {
       z-index: 1040 !important;
    }
@media (max-width: 1199px) {
    .modal-backdrop {
        display: none;
    }
}