@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
    --gray: #141414;
    --red: #fd4739;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
    font-family: 'Inter', sans-serif;
    line-height: 22px;
    color: #CCCCCC;
    background: #111111;
    font-size: 14px;
}

body {
    -webkit-font-smoothing: antialiased; /* Для Chrome */
    -moz-osx-font-smoothing: grayscale; /* Для Firefox на MacOS */
    text-rendering: optimizeLegibility; /* Для улучшения читаемости */
}

a {
    color: #E0E0E0;
    text-decoration: none;
}
ol, ul {
	margin-left: 0;
    padding-left: 16px;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

* {
    box-sizing: border-box;
    font-family: 'Inter', sans-serif;
}

input {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
}

input:active, input:focus {
    outline: none;
}

.container {
    width: 1200px;
    margin: 0 auto;
    border-left: 1px #21211F solid;
    border-right: 1px #21211F solid;
}

.gray-bg {
    background: #161616;
}

.bgshka {
    position: absolute; /* Бгшка остаётся в документе */
    width: 540px;
    height: 540px;
    left: 50%;
    top: -270px;
    transform: translateX(-50%);
    
    background: linear-gradient(85.18deg, #FF4E50 -12.76%, #F83600 113.92%);
    opacity: 0.067;
    filter: blur(150px);
    
    z-index: 15; /* Выше хедера, но не мешает кликам */
    pointer-events: none; /* Чтобы ссылки работали */
}


.header {
    width: 100%;
    height: 80px;
    left: 0px;
    top: 0px;
    z-index: 12;
    padding-left: 30px;
    padding-right: 30px;
    border-bottom: 1px rgba(255, 255, 255, 0.05) solid;
    background: rgba(255, 255, 255, 0.03);
    position: fixed;
    transition: 0.3s;
}

.main-content-start {
    margin-top: 110px;
    margin-bottom: 30px;
    padding: 0 50px;
}

.header.scrolled {
    background: rgba(22, 22, 22, 0.9);
    backdrop-filter: blur(30px);
}


.header-icon-link {
    float: right;
    margin-top: 32px;
    margin-left: 20px;
    margin-right: 1px;
}

.az {
    position: relative;
    z-index: 5;
}

.header.out {
    transform: translateY(-86px);
    transition: 0.5s;
}

.logo {
    padding-top: 23px;
    float: left;
    margin-left: -2px;
}

.header-link {
    font-size: 13px;
    color: #fff;
    font-weight: 500;
    float: left;
    margin-left: 32px;
    margin-top: 29px;
    transition: 0.3s;
    z-index: 12;
    position: relative;
}

.header-link i {
    font-size: 11px;
    margin-left: 1px;
}

.hli {
    margin-right: 3px;
    font-size: 10px;
}

.header-link:hover {
    transition: 0.3s;
    color: #ccc;
}

.profile-button {
    float: right;
    width: 44px;
    height: 44px;
    border-radius: 50px;
    color: #fff;
    border: none;
    /* Gradient */
    background: var(--red);
    font-size: 15px;
    padding: 11px 15px;
    cursor: pointer;
}

.v3-search-button {
    width: 80px;
    height: 80px;
    border-left: none;
    border-right: none;
    background: none;
    float: right;
    outline: none;
    border-bottom: none;
    border-top: none;
    color: #fff;
}

.search-input {
    height: 80px;
    background: none;
    border-left: 1px #21211F solid;
    float: left;
    border: none;
    padding-left: 32px;
    width: calc(100% - 100px);
    margin-right: 20px;
    /*width: 320px;
    margin-right: 0;*/
    color: #fff;
}

.content {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 80px;
}

.content-left {
    width: 885px;
    border-right: 1px #21211F solid;
}

.content-index {
    width: 1080px;
}

.content-block {
    width: 100%;
    border-radius: 0px;
}

.breadcrumbs {
    width: 100%;
    background: rgba(20, 20, 22, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.03);
    border-radius: 20px;
    padding: 20px 30px;
    margin-bottom: 30px;
}

.inside-cat-name {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.03);
    border-radius: 10px;
    padding: 10px 18px;
    margin: 0px 0 20px 0;
    display: inline-block;
}

h1 {
    margin-bottom: 30px;
    color: #fff;
    font-weight: 600;
    margin-top: 3px;
    font-size: 22px;
    line-height: 30px;
}

/*.content-article {
    width: 730px;
    margin: 0 auto;
}*/

.content-article {
    width: 1200px;
    margin: 0px auto;
    margin-top: 30px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 15px;
    border: 1px rgba(255, 255, 255, 0.05) solid;
    padding: 32px;
}

.content-ads {
    width: 1200px;
    margin: 0px auto;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 15px;
    border: 1px rgba(255, 255, 255, 0.05) solid;
    max-height: 500px;
    min-height: 50px;
    margin-top: 30px;
    padding: 32px;
}

.v5-universal-place {
    width: 1200px;
    margin: 0px auto;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 15px;
    border: 1px rgba(255, 255, 255, 0.05) solid;
    padding: 34px 32px;
    margin-top: 30px;
}

.v5-catalog-analogs-place {
    width: 1200px;
    margin: 0px auto;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 15px;
    border: 1px rgba(255, 255, 255, 0.05) solid;
    padding: 34px 32px;
    margin-top: 30px;
    padding-bottom: 15px;
}

.v5-main-articles-list {
    width: 1200px;
    margin: 0px auto;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 15px;
    border: 1px rgba(255, 255, 255, 0.05) solid;
    padding: 34px 32px;
    margin-top: 30px;
}

.v5-main-catalog-place {
    width: 1200px;
    margin: 0px auto;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 15px;
    border: 1px rgba(255, 255, 255, 0.05) solid;
    padding: 34px 32px;
    margin-top: 30px;
}

.v5-glossary-place {
    width: 1200px;
    margin: 0px auto;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 15px;
    border: 1px rgba(255, 255, 255, 0.05) solid;
    padding: 34px 32px;
    margin-top: 30px;
}

.inside-padding {
    padding: 28px 32px;
    border-bottom: 1px #21211F solid;
}

.search-no-res-inside {
    margin-bottom: 28px;
}

.content-article h1 {
    font-size: 22px;
    line-height: 32px;
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: 600;
    color: #fff;
}

.content-article h2 {
    font-weight: 500;
    font-size: 24px;
    margin-top: 50px;
    line-height: 28px;
    font-weight: 600;
    color: #fff;
}

.content-article h2:first-child {
    margin-top: 0px;
}

.content-article h3 {
    font-weight: 500;
    font-size: 21px;
    margin-top: 40px;
    line-height: 24px;
    font-weight: 600;
}

.dict-inside p {
    margin-top: 25px;
    font-size: 15px;
    line-height: 1.5;
}

.content-article p {
    margin-top: 25px;
    font-size: 15px;
    line-height: 1.5;
}

.main-h2 {
    color: #fff;
    font-size: 24px;
    margin-top: 0px;
    margin-bottom: 18px;
    line-height: 28px;
    font-weight: 600;
}

.sidebar-title {
    font-size: 18px;
    margin-top: 0px;
    margin-bottom: 18px;
    line-height: 28px;
    font-weight: 600;
}

.sidebar .content-block {
    padding: 28px 32px;
    border-bottom: 1px #21211F solid;
}


.main-p {
    color: #ccc;
    margin-bottom: 0px;
    max-width: 80%;
}

.mt-30 {
    margin-top: 30px;
}

.sidebar {
    width: 310px;
    height: auto;
    /*min-height: 200px;
    overflow: auto;
    position: -webkit-sticky;
    position: sticky;
    top: 117px;*/
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
}

.index-mb0-block {
    margin-bottom: 0 !important;
}

.index-accent {
    width: 100%;
    border-radius: 20px;
    padding: 30px;
    background: rgba(20, 20, 22, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.03);
}

.index-accent-title {
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 18px;
}

.index-accent-try {
    margin-right: 17px;
    margin-top: 19px;
    float: right;
    border-radius: 50px;
    height: 44px;
    background: linear-gradient(85.18deg, #FF4E50 -12.76%, #F83600 113.92%);
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    padding: 11px 25px;
}

.index-accent-text {
    font-size: 14px;
}

.content-big-block {
    width: 100%;
    transition: 0.3s;
}

.content-big-block:hover {
    /*transform: translateY(-5px);*/
    transition: 0.3s;
}

.content-big-title {
    font-size: 22px;
    line-height: 32px;
    color: #fff;
    font-weight: 600;
}

.content-p {
    color: #dddddd;
        font-size: 15px;
    line-height: 1.5;
    margin-top: 25px;
}

.content-big-image {
    width: 400px;
    height: 100%;
    border-radius: 10px;
}

.content-big-image-bg {
    width: 400px;
    border-radius: 10px;
    margin-top: 0px;
    background-color: rgba(255, 255, 255, 0.03);
}

.content-big-image-inside {
    overflow: hidden;
    border-radius: 10px;
}

.content-mini-blocks {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.content-mini-block {
    width: 319px;
    transition: 0.3s;
    margin-bottom: 10px;
}

.content-mini-block:hover {
    transition: 0.3s;
    transform: translateY(-5px);
}

.content-mini-image {
    width: 100%;
    height: 170px;
    border-radius: 10px;
    margin-bottom: 27px;
}

.content-mini-title {
    font-size: 16px;
    line-height: 27px;
    font-weight: 600;
}

.content-mini-desc {
    color: #ddd;
    margin-top: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    box-orient: vertical;
}

.pages {
    width: 100%;
    display: flex;
    align-items: flex-end;
}

.pages-catalog {
    width: 100%;
    display: flex;
    align-items: flex-end;
    flex-direction: row;
}

.article-pages-inside {
    padding: 28px 32px;
    border-bottom: 1px #21211F solid;
    margin-bottom: 32px;
}

.main-big-read-more-button {
    margin-top: 30px;
}

.next-page {
    padding: 12px 20px;
    background: #1A1A1D;
    border: 1px rgba(255, 255, 255, 0.05) solid;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 10px;
    display: inline-block;
    margin-top: 0px;
    transition: 0.3s;
}

.pages-artc {
    margin-top: 0;
}

.prev-page {
    padding: 12px 20px;
    background: #1A1A1D;
    border: 1px rgba(255, 255, 255, 0.05) solid;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 10px;
    display: inline-block;
    margin-top: 0px;
    margin-right: 12px;
    transition: 0.3s;
}

.next-page:hover, .prev-page:hover, .add-service-button:hover {
    transition: 0.3s;
    background: #202020;
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.add-service-button {
    padding: 12px 20px;
    border: 1px rgba(255, 255, 255, 0.05) solid;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 10px;
    display: inline-block;
    margin-top: 0px;
    transition: 0.3s;
    margin-left: auto;
}


.catalog-page {
    margin-top: 0;
    margin-bottom: 0px;
}

.catalog-page-main {
    margin-top: 0px;
}

.catalog-page-main-2 {
    margin-top: 30px;
}

.catalog-page-main-3 {
    margin-top: 0;
}

#catalog-view-all-articles {
    display: none;
    margin-top: 15px;
}

.catalog-page-view {
    margin-top: 0px;
}

.sidebar-cat {
    display: flex;
    gap: 15px;
    transition: 0.3s;
}

.sidebar-cat:hover {
    transition: 0.3s;
    transform: translateX(5px);
}

.sidebar-cat-img {
    width: 44px;
    height: 44px;
}

.sidebar-cat-text {
    width: calc(100% - 44px - 15px);
    font-weight: 600;
    font-size: 16px;
}

.sidebar-cat-text-small {
    font-size: 13px;
    font-weight: 300;
    color: #ddd;
    display: block;
    margin-top: 2px;
}

.cats {
    display: flex;
    gap: 22px;
    flex-wrap: wrap;
}

.try-text {
    margin-top: 24px;
}

.toastify {
    background: rgba(20, 20, 22, 0.5) !important;
    backdrop-filter: blur(40px) !important;
    -webkit-backdrop-filter: blur(40px) !important;
    color: #fff !important;
    border-radius: 10px !important;
    box-shadow: 0 3px 6px -1px rgba(0, 0, 0, .12), 0 10px 76px -4px rgb(54, 24, 28) !important;
}

.admin-input {
    width: 100%;
    height: 44px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 10px;
    border: none;
    margin-bottom: 21px;
    padding-left: 12px;
    color: #fff;
    z-index: 3;
    position: relative;
}

.main-white label {
    display: block;
    font-size: 12px;
    margin-bottom: 4px;
}

.admin-textarea {
    height: 400px;
    padding: 10px;
}

.content-img {
    margin-top: 20px;
    border-radius: 10px;
    max-width: 100%;
}

.ca-img {
    margin-top: 30px;
    border-radius: 10px;
    max-width: 100%;
}

.ca-img-link {
    background: none !important;
    padding: 0 !important;
    cursor: zoom-in;
}

textarea, input, select {
    outline: none !important;
}

.article-data {
    display: flex;
    gap: 80px;
}

.article-author {
    height: 50px;
    display: flex;
    margin-top: 30px;
}

.author-pic {
    width: 44px;
    height: 44px;
    border-radius: 50px;
    background: url('/static/images/ava2.png') no-repeat;
    background-size: cover;
    overflow: hidden;
}

.author-pic-bg {
    width: 44px;
    height: 44px;
    border-radius: 50px;
    background-color: rgba(255, 255, 255, 0.03);
}

.author-desc {
    margin-left: 16px;
}

.author-text {
    font-size: 12px;
}

.author-name {
    font-size: 16px;
    font-weight: 500;
    margin-top: 2px;
    margin-bottom: 1px;
    color: #fff;
}

.article-ins-cat {
    height: 50px;
    display: flex;
    margin-top: 30px;
}

.ins-cat-pic {
    width: 44px;
    height: 44px;
    border-radius: 50px;
    background: var(--red);
    font-size: 15px;
    padding: 12px 13px;
    color: #fff;
}

.ins-cat-desc {
    margin-left: 16px;
}

.ins-cat-text {
    font-size: 12px;
}

.ins-cat-name {
    font-size: 16px;
    font-weight: 500;
    margin-top: 2px;
    margin-bottom: 1px;
    color: #fff;
}

.catalog-img {
    background: linear-gradient(85.18deg, #FF4E50 -12.76%, #F83600 113.92%);
    font-size: 15px;
    padding: 12px 15px;
    color: #fff;
    border-radius: 50px;
}

.v4-catalog-item-link {
    display: block;
    width: calc(50% - 15px);
    margin-bottom: 20px;
}

.catalog-item {
    display: flex;
    gap: 25px;
    transition: 0.3s;
}

.catalog-inside-desc {
    padding: 10px 32px 32px;
    border-bottom: 1px #21211F solid;
    margin-bottom: 28px;
}


.catalog-item-main {
    padding-bottom: 20px;
    margin-bottom: 25px;
}

.mt-30 {
    margin-top: 30px;
}

.catalog-item-list:hover {
    transition: 0.3s;
    transform: translateX(5px);
}

.catalog-item-page {
    margin-bottom: 0;
    padding: 30px 32px;
    border-bottom: 1px #21211F solid;
}


.catalog-item-img {
    width: 80px;
    height: 80px;
    border-radius: 12px;
    background-color: rgba(255, 255, 255, 0.03);
}

.catalog-item-img-bg { 
    width: 80px;
    height: 80px;
    border-radius: 12px;
    background-color: rgba(255, 255, 255, 0.03);
}

.catalog-item-id {
    font-size: 12px;
    font-weight: 400;
    background: rgba(255, 255, 255, 0.066);
    padding: 6px 10px 6px 6px;
    margin-bottom: 3px;
    position: relative;
    bottom: 4px;
    left: 10px;
    border-radius: 5px;
}

.catalog-item-title {
    font-size: 18px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 14px;
    line-height: 22px;
    font-weight: 600;
}

.catalog-item-desc {
    color: #ccc;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    box-orient: vertical;
    max-width: 550px;
}


.catalog-item-cat {
    padding: 10px 16px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.03);
    display: inline-block;
}

.catalog-item-link {
    background: linear-gradient(85.18deg, #FF4E50 -12.76%, #F83600 113.92%);
    padding: 10px 16px;
    border-radius: 10px;
    display: inline-block;
    margin-right: 10px;
    color: #fff;
}

.catalog-container {
    width: 860px;
    margin: 0 auto;
    margin-top: 130px;
}

.articles-c {
    position: relative;
    z-index: 3;
}

.catalog-h2 {
    font-weight: 600;
    margin-top: 0 !important;
    font-size: 24px;
    line-height: 28px;
    color: #fff;
}

.related-place {
    gap: 22px;
}

.related {
    margin-top: 35px;
    display: flex;
    width: 100%;
    gap: 30px;
}

.related-pic {
    width: 130px;
    height: 72px;
    border-radius: 10px;
    margin-top: 5px;
    background: #eee;
}

.inside-content {
    height: 440px;

    border-radius: 0;
}

.related-text {
    width: calc(100% - 160px);
}

.related-title {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 12px;
    line-height: 26px;
}

.related-p {
    font-size: 14px;
    color: #ddd;
}

.main-last-place {
    gap: 22px;
}

.main-last {
    margin-bottom: 45px;
    display: flex;
    width: 100%;
    gap: 25px;
    transition: 0.3s;
}

.main-last:hover {
    transition: 0.3s;
    opacity: 0.8;
}

.main-last-pic {
    width: 130px;
    height: 80px;
    border-radius: 10px;
    background: #eee;
}

.main-last-pic-bg {
    width: 130px;
    height: 80px;
    border-radius: 10px;
    margin-top: 1px;
    background-color: rgba(255, 255, 255, 0.03);
}

.main-last-text {
    width: calc(100% - 160px);
}

.main-last-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px;
    line-height: 26px;
}

.main-last-p {
    font-size: 14px;
    color: #cfcfcf;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    box-orient: vertical;
}

.read-more-h2 {
    margin-top: 0px !important;
    margin-bottom: 35px;
}

.pdb-place {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.swiper {
    width: 100%;
    height: 100%;
}

.pdb-block {
    display: flex;
    width: 100%;
    gap: 25px;
    transition: 0.3s;
}

.pdb-block:hover {
    transition: 0.3s;
    transform: translateX(5px);
}

.pdb-title {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 12px;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    box-orient: vertical;
}

.pdb-p {
    font-size: 14px;
    color: #ddd;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    box-orient: vertical;
}

.pdb-pic {
    width: 95px;
    height: 95px;
    border-radius: 50px;
    background: #eee;
}

.pdb-pic-bg {
    width: 95px;
    height: 95px;
    border-radius: 50px;
    margin-top: 8px;
    background-color: rgba(255, 255, 255, 0.03);
}

.catalog-cats {
    width: 100%;
    display: flex;
    margin-bottom: 30px;
    gap: 16px;
    z-index: 3;
    position: relative;
}

.catalog-cats a {
    border-radius: 50px;
    font-size: 13px;
    background: rgba(255, 255, 255, 0.03);
    padding: 10px 20px;
    color: #fff;
}

.content-article a {
    color: #fff;
    transition: 0.3s;
}

.content-article a:hover {
    color: #d85050;
    transition: 0.3s;
}

b { 
    font-weight: bold;
}

option {
    background: #212121;
}

.first-p-content {
    max-width: 95%;
    margin-top: 20px;
}

.popular-place {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  gap: 40px;
}

.popular-block {
    width: calc(50% - 40px);
    display: flex;
    gap: 30px;
    transition: 0.3s;
}

.popular-block:hover {
    transition: 0.3s;
    transform: translateX(5px);
}

.h-all-link {
    font-size: 12px;
    color: #d85050;
    position: absolute;
    z-index: 5;
    margin-left: 12px;
    margin-top: 2px;
}

.popular-block-pic {
    height: 80px;
    width: 80px;
    background: rgb(100, 88, 88);
    border-radius: 12px;
    background: url('/static/images/big-article-example.png') no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: 3px;
}

.popular-block-text h3 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    z-index: 5;
    color: #fff;
}

.popular-block-text p {
    color: #ddd;
    margin-top: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    box-orient: vertical;
}

.popular-block-text {
    width: calc(100% - 120px);
}

.content b {
    color: #fff;
}

.neuro-articles-desc { max-width: 77%; }

.editing-add-tag {
    background: rgba(255, 255, 255, 0.03);
    border-radius: 5px;
    padding: 2px 6px;
    cursor: pointer;
    margin-bottom: 8px;
    display: inline-block;
    margin-right: 3px;
}

.editing-add-tag:hover {
    background: rgba(255, 255, 255, 0.06);
}

.ai-main-place {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.ai-main-block {
    width: calc(50% - 40px);
    display: flex;
    gap: 30px;
    transition: 0.3s;
}

.ai-main-pic {
    width: 130px;
    height: 110px;
    border-radius: 10px;
    margin-top: 2px;
    background: #eee;
}

.ai-main-text {
    width: calc(100% - 160px);
}

.ai-main-title {
    font-size: 16px;
    line-height: 25px;
    font-weight: 600;
}

.ai-main-p {
    font-size: 14px;
    color: #ddd;
    margin-top: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    box-orient: vertical;
}

.tg-place {
    display: flex;
    gap: 30px;
    position: relative;
    z-index: 5;
    transition: 0.3s;
}

.tg-place:hover {
    transition: 0.3s;
    transform: translateX(5px);
}

.tg-place-pic {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(85.18deg, #FF4E50 -12.76%, #F83600 113.92%);
    padding-top: 22px;
    padding-left: 20px;
}

.tg-place-text {
    width: 740px;
}

.tg-place h3 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    z-index: 5;
    color: #fff;
}

.tg-place p {
    color: #ddd;
    margin-top: 16px;
}

.dict-place {
    width: 100%;
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    margin-bottom: 0px;
    margin-top: 40px;
}

.dict-block {
    width: calc(50% - 15px);
    background: rgba(255, 255, 255, 0.03);
    border-radius: 15px;
    border: 1px rgba(255, 255, 255, 0.05) solid;
    padding: 30px;
    transition: 0.3s;
}


.dict-block:hover {
    transform: translateY(-3px);
    transition: 0.3s;
}

.dict-block-related {
    width: calc(50% - 15px);
}

.dict-place-related {
    margin-top: 25px;
    margin-bottom: 0px;
}

.dict-title {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 18px;
    line-height: 22px;
    font-weight: 600;
}

.dict-desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    box-orient: vertical;
    color: #ddd;
    margin-top: 20px;
    max-width: 90%;
}

.dict-pic {
    width: 100%;
    height: 250px;
    margin-top: 30px;
    border-radius: 15px;
    background: linear-gradient(85.18deg, #FF4E50 -12.76%, #F83600 113.92%);
    padding-top: 85px;
}

.dict-icon {
    margin: 0 auto;
    border-radius: 10px;
    font-size: 50px;
    color: #fff;
    letter-spacing: 1px;
    text-align: center;
}

.dict-icon svg {
    width: 50px;
    filter: invert(1);
}

.dict-pic-inside {
    width: 100%;
    height: 250px;
    margin-top: 30px;
    border-radius: 15px;
    text-align: center;
    background: linear-gradient(85.18deg, #FF4E50 -12.76%, #F83600 113.92%);
    padding-top: 92px;
}

.dict-title-in-pic {
    font-size: 32px;
    font-weight: bold;
    color: #fff;
    padding: 16px;
    /*background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);*/
    border-radius: 10px;
    display: inline-block;
}

.dict-title-in-pic i {
    margin-right: 5px;
}

.catalog-item-desc-dict {
    max-width: 80%;
}

.in-content-bg {
    margin-top: 25px;
    font-size: 15px;
    line-height: 1.5;
    padding: 18px 20px 16px 20px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.02);
    /*border: 1px solid rgba(255, 255, 255, 0.03);*/
}

.in-content-icon {
    float: left;
    height: 42px;
    width: 42px;
    border-radius: 8px;
    margin-right: 18px;
    background: #2b2b2b;
}

.admin-button {
    position: fixed;
    bottom: 20px;
    left: 20px;
    width: 44px;
    height: 44px;
    border-radius: 50px;
    color: #fff;
    border: none;
    background: linear-gradient(85.18deg, #FF4E50 -12.76%, #F83600 113.92%);
    margin-top: 21px;
    font-size: 15px;
    padding: 11px 15px;
    cursor: pointer;
}

.maybe-no-work {
    width: 100%;
    color: #fff;
    border-radius: 12px;
    padding: 18px 22px;
    margin-bottom: 30px;
    line-height: 1.4;
    background: linear-gradient(85.18deg, #FF4E50 -12.76%, #F83600 113.92%);
}

.footer {
    background: rgba(20, 20, 22, 0.5);
    border-top: 1px solid rgba(255, 255, 255, 0.03);
    width: 100%;
    padding: 30px 0;
}

.footer-block {
    padding: 25px;
    border-top: 1px rgba(255, 255, 255, 0.05) solid;
    background: rgba(255, 255, 255, 0.03);
    margin-top: 30px;
}

.footer-round {
    display: flex;
    justify-content: center; /* Горизонтальное центрирование */
    align-items: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--red);
    float: right;
    padding-top: 2px;
}

.footer-round img {
    width: 18px;
    height: 18px;
}

.footer-p {
    width: 68%;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1050;
    opacity: 0;
    backdrop-filter: blur(0px);
    -webkit-transition: opacity 200ms ease-in;
    -moz-transition: opacity 200ms ease-in;
    transition: opacity 200ms ease-in;
    pointer-events: none;
}

.modal:target {
    opacity: 1;
    pointer-events: auto;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0px;
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    background: #111111;
    border-bottom: 1px #21211F solid;
    border-radius: 0px;
    outline: 0;
}

.modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 25px;
}

.modal-title {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 18px;
      font-weight: bold;
}

.close {
    float: right;
    font-family: sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    opacity: .5;
    text-decoration: none;
}

.close:focus,
.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .75;
}

.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0;
    line-height: 1.4;
    overflow: auto;
    font-size: 14px;
    width: 100%;
    margin: 0 auto;
}

.v2-main-big-block {
    width: 100%;
    height: 470px;
    background: var(--gray);
    overflow: hidden;
    transition: 0.3s;
    margin-bottom: 30px;
}

.v2-main-big-block:hover .v2-main-gradient {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #141414 100%);
    opacity: 0.9;
}

.v2-main-big-img {
    width: 100%;
    height: 470px;
}

.v2-main-gradient {
    width: 100%;
    height: 470px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #141414 100%);
    position: relative;
    transition: 0.3s;
    opacity: 1;
}

.v2-main-big-text {
    padding: 30px;
    position: absolute;
    bottom: 0px;
    left: 0;
}

.v2-main-big-title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 14px;
}

.v2-main-big-desc {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    box-orient: vertical;
    padding-right: 75px;
    line-height: 22px;
}

.sidebar-random-gl {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    box-orient: vertical;
    line-height: 22px;
    transition: 0.3s;
}

.sidebar-random-gl:hover {
    transition: 0.3s;
    opacity: 0.8;
}

.sidebar-pb-place {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    margin-top: 26px;
}

.pb-block {
    display: flex;
    gap: 20px;
    width: 100%;
    display: flex;
    align-items: center;
    transition: 0.3s;
}

.pb-block:hover {
    opacity: 0.8;
    transition: 0.3s;
}

.pb-block-bg {
    width: 44px;
    height: 44px;
    border-radius: 50px;
    background: #2b2b2b;
}

.pb-block-img {
    width: 44px;
    height: 44px;
    border-radius: 50px;
}

.pb-block-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
}

.dropdown {
    position: relative;
    display: inline-block;
    z-index: 12;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    list-style: none;
    padding: 0;
    margin: 0;
    display: block; /* Меняем логику: теперь скрываем через opacity */
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    border-radius: 0px;
    overflow: hidden;
    min-width: 200px;
    z-index: 1000;
    padding-top: 28px;
    margin-left: 61px;
    z-index: 12;
}

.dropdown-menu-other {
    width: 1200px;
    left: calc(50% + 198px);
    -webkit-box-shadow: 0px 14px 31px 5px rgba(17,17,17,0.7); 
    box-shadow: 0px 14px 31px 5px rgba(17,17,17,0.7);
}


.dropdown-menu-catalog {
    width: 1200px;
    left: calc(50% + 307px);
    -webkit-box-shadow: 0px 14px 31px 5px rgba(17,17,17,0.7); 
    box-shadow: 0px 14px 31px 5px rgba(17,17,17,0.7);
}

.dropdown-menu-lang {
    margin-left: 0px;
    padding-top: 24px;
}

.dropdown-bg {
    background: #161616;
    padding: 10px 0;
    border: 1px #21211F solid;
    border-radius: 15px;
}

.dropdown-bg-catalog {
    background: #161616;
    padding: 30px;
    border: 1px #21211F solid;
    display: flex;
    gap: 30px;
}

.dropdown-bg-other {
    background: #161616;
    padding: 30px;
    border: 1px #21211F solid;
    display: flex;
    gap: 30px;
}

.dropdown-catalog-item {
    width: 203px;
    height: 290px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.03);
    padding: 22px 26px;
    transition: 0.3s;
}

.dropdown-catalog-item:hover {
    transition: 0.3s;
    transform: translateY(-5px);
}

.dropdown-other-item {
    width: 100%;
    height: auto;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.03);
    padding: 22px 26px;
    transition: 0.3s;
}

.dropdown-other-item:hover {
    transition: 0.3s;
    transform: translateY(-5px);
}

.dropdown-other-item-pic {
    float: right;
    margin-top: 10px;
}

.dci-red {
    background: linear-gradient(to top, #ff416c, #ff4b2b);
}

.dci-orange {
    background: linear-gradient(to top, #f46b45, #eea849);
}

.dci-green {
    background: linear-gradient(to top, #11998e, #1dcc60);
}

.dci-blue {
    background: linear-gradient(to top, #2f80ed, #1ea4d1);
}

.dci-purple {
    background: linear-gradient(to top, #4e54c8, #8f94fb);
}

.dci-red-1 {
    background: linear-gradient(to top, #d11818, #e92a2a);
}

.dci-red-2 {
    background: linear-gradient(to top, #e72626, #e73a3a);
}

.dci-red-3 {
    background: linear-gradient(to top, #f03232, #ec4141);
}

.dci-red-4 {
    background: linear-gradient(to top, #f13a3a, #ec4e4e);
}

.dci-red-5 {
    background: linear-gradient(to top, #ee4444, #f15d5d);
}

.dci-images {
    background: url('/static/images/menu/images.png') no-repeat;
}

.dci-video {
    background: url('/static/images/menu/video.png') no-repeat;
}

.dci-audio {
    background: url('/static/images/menu/music.png') no-repeat;
}

.dci-all {
    background: url('/static/images/menu/all.png') no-repeat;
}

.dci-other {
    background: url('/static/images/menu/other.png') no-repeat;
}

.dropdown-catalog-item-title {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    max-width: 100%;
}

.dropdown-other-item-title {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    max-width: 100%;
}

.dropdown-other-item-desc {
    font-size: 14px;
    color: #ccc;
    margin-top: 12px;
    font-weight: 400;
}

.dropdown-menu li:last-child {
    border-bottom: none;
}

.dropdown-menu a {
    display: block;
    padding: 12px 22px;
    text-decoration: none;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    white-space: nowrap;
}

.dropdown-bg-catalog a, .dropdown-bg-other a {
    padding: 0;
    white-space: wrap;
}

.dropdown-bg-other a {
    width: calc(50% - 15px);
}

/* Анимация появления */
.dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
    transition: 0.3s;
}

.mt-18 {
    margin-top: 18px;
}


.swiper {
    width: 100%;
    height: 470px;
    background: var(--gray);
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 30px;
}

.swiper-scrollbar {
    margin: 30px 20px 26px 20px;
    width: calc(100% - 60px);
}

.swiper-scrollbar-drag {
    background: #bcbcbc !important;
}

.autoplay-progress {
    position: absolute;
    right: 30px;
    bottom: 34px;
    z-index: 10;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: #cfcfcf;

}

.autoplay-progress svg {
    --progress: 0;
    position: absolute;
    left: 0;
    top: 0px;
    z-index: 10;
    width: 100%;
    height: 100%;
    stroke-width: 6px;
    stroke: #cfcfcf;
    fill: none;
    stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
    stroke-dasharray: 125.6;
    transform: rotate(-90deg);
}

.sidebar-title img {
    width: 24px;
}

.catalog-main-bnr {
    width: 100%;
    background: var(--red);
    border-radius: 15px;
    padding: 30px;
    margin-bottom: 30px;
    color: #fff;
}

.v3-main-inside {
    padding: 32px;
}

.v3-second-inside {
    padding: 32px;
    padding-top: 0;
}

.v3-main-catalog-place {
    display: flex;
    gap: 32px;
    padding-right: 10px;
    margin-top: 40px;
    flex-wrap: wrap;
}

.v3-main-catalog-place a {
    width: calc(33% - 18px);
}

.v3-main-catalog-item {
    display: flex;
    gap: 28px;
    transition: 0.3s;
}

.v3-main-catalog-item:hover {
    transition: 0.3s;
    transform: translateX(5px);
}

.v3-catalog-item-title {
    font-size: 18px;
    color: #eee;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 14px;
    line-height: 22px;
    font-weight: 600;
}

.v3-border-bottom {
    border-bottom: 1px #21211F solid;
    margin-bottom: 32px;
}

.v3-main-articles {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin-top: 10px;
}

.v3-main-article-block {
    width: 50%;
    padding: 0 32px 27px 32px;
    display: flex;
    gap: 28px;
    margin-bottom: 26px;
    border-bottom: 1px #21211F solid;
    transition: 0.3s;
}

.v3-main-article-block:hover {
    transition: 0.3s;
    transform: translateX(5px);
}

.v3-main-pic {
    width: 190px;
    height: 110px;
    border-radius: 10px;
}

.v3-main-pic-bg {
    width: 190px;
    height: 110px;
    border-radius: 10px;
    margin-top: 2px;
    background-color: rgba(255, 255, 255, 0.03);
}

.v3-main-title {
    font-size: 17px;
    line-height: 26px;
    font-weight: 600;
    color: #eee;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    box-orient: vertical;
}

.v3-main-p {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    box-orient: vertical;
    margin-top: 20px;
    color: #ccc;
}

.v3-bgshka {
    position: absolute;
    width: 584px;
    height: 110px;
    left: -34px;
    top: 74px;
    background: rgba(226, 63, 63, 0.15);
    filter: blur(100px);
    pointer-events: none;
}

.v3-bg-gray {
    z-index: 10;
    width: calc(50% - 600px);
    background: #111111;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
}

.v3-main-arrow-go {
    float: right;
    transition: 0.3s;
}

.v3-main-arrow-go:hover {
    transition: 0.3s;
    opacity: 0.7;
}

.mw-70 {
    max-width: 70%;
}

.v4-main-cat-place {
    width: 100%;
    gap: 0px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
}

.v4-main-cat-place a {
    display: block;
    width: 20%;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 0;
    border: 1px rgba(255, 255, 255, 0.05) solid;
    border-right: 0;
    border-left: 0;
    padding: 20px 20px 18px 20px;
    font-weight: 500;
    line-height: 1.6;
    color: #fff;
    font-size: 13px;
}

.v4-main-cat-text {
    float: left;
}

.v4-main-cat-place-img-all {
    float: left;
    margin-right: 14px;
    width: 46px;
    height: 46px;
    background: url('/static/images/v4/cat/all.png') no-repeat;
    transition: 0.3s;
}

.v4-cat-all-active {
    background: url('/static/images/v4/cat/all-hover.png') no-repeat;
}

.cat-all { border-radius: 15px 0 0 15px !important; border-left: 1px rgba(255, 255, 255, 0.05) solid !important; }
.cat-other { border-radius: 0 15px 15px 0 !important; border-right: 1px rgba(255, 255, 255, 0.05) solid !important; }

.cat-all:hover .v4-main-cat-place-img-all {
    background: url('/static/images/v4/cat/all-hover.png') no-repeat;
    transition: 0.3s;
}

.v4-main-cat-place-img-images {
    float: left;
    margin-right: 14px;
    width: 46px;
    height: 46px;
    background: url('/static/images/v4/cat/images.png') no-repeat;
    transition: 0.3s;
}

.v4-cat-images-active {
    background: url('/static/images/v4/cat/images-hover.png') no-repeat;
}

.cat-images:hover .v4-main-cat-place-img-images {
    background: url('/static/images/v4/cat/images-hover.png') no-repeat;
    transition: 0.3s;
}

.v4-main-cat-place-img-video {
    float: left;
    margin-right: 14px;
    width: 46px;
    height: 46px;
    background: url('/static/images/v4/cat/video.png') no-repeat;
    transition: 0.3s;
}

.v4-cat-video-active {
    background: url('/static/images/v4/cat/video-hover.png') no-repeat;
}

.cat-video:hover .v4-main-cat-place-img-video {
    background: url('/static/images/v4/cat/video-hover.png') no-repeat;
    transition: 0.3s;
}

.v4-main-cat-place-img-audio {
    float: left;
    margin-right: 14px;
    width: 46px;
    height: 46px;
    background: url('/static/images/v4/cat/audio.png') no-repeat;
    transition: 0.3s;
}

.v4-cat-audio-active {
    background: url('/static/images/v4/cat/audio-hover.png') no-repeat;
}

.cat-audio:hover .v4-main-cat-place-img-audio {
    background: url('/static/images/v4/cat/audio-hover.png') no-repeat;
    transition: 0.3s;
}

.v4-main-cat-place-img-other {
    float: left;
    margin-right: 14px;
    width: 46px;
    height: 46px;
    background: url('/static/images/v4/cat/other.png') no-repeat;
    transition: 0.3s;
}

.v4-cat-other-active {
    background: url('/static/images/v4/cat/other-hover.png') no-repeat;
}

.cat-other:hover .v4-main-cat-place-img-other {
    background: url('/static/images/v4/cat/other-hover.png') no-repeat;
    transition: 0.3s;
}

.v4-main-articles {
    width: 100%;
    gap: 30px;
    flex-wrap: wrap;
    display: flex;
    margin-top: 30px;
}

.v4-main-article-block {
    width: calc(33% - 16.75px);
    transition: 0.3s;
}

.v4-main-article-block:hover {
    transform: translateY(-3px);
    transition: 0.3s;   
}

.v4-main-pic-bg {
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #2f2f2f;
    border-radius: 15px;
    overflow: hidden;
}

.v4-main-pic {
    width: 100%;
    height: 100%;
}

.v4-main-title {
    color: #fff;
    font-size: 17px;
    line-height: 27px;
    font-weight: 600;
    margin-top: 25px;
}

.v4-main-p {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    box-orient: vertical;
    margin-top: 20px;
    color: #ccc;
}

.v4-catalog-place {
    margin-top: 0px;
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.v4-catalog-header {
    width: 1200px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 15px;
    border: 1px rgba(255, 255, 255, 0.05) solid;
    padding: 32px;
    display: flex;
    justify-content: space-between;
}

.v4-catalog-header-additional {
    padding-top: 18px;
    padding-right: 18px;
}

.v4-catalog-content {
    width: 860px;
    margin: 80px auto;
}

.v4-catalog-analog {
    width: 100%;
}

.v4-catalog-articles {
    width: 860px;
    margin: 0 auto;
    margin-top: 80px;
}

.cl-analogs {
    margin-bottom: 45px;
}

.cl-catalog {
    margin-bottom: 45px;
}

.v4-article-header {
    background: rgba(255, 255, 255, 0.03);
    border-radius: 15px;
    border: 1px rgba(255, 255, 255, 0.05) solid;
    padding: 26px 32px;
    padding-right: 28px;
    display: flex;
    justify-content: space-between;
    width: 1200px;
    margin: 0 auto;
}

.v4-ah-left {
    max-width: calc(100% - 500px);
    position: relative;
}

.v4-ah-left h1 {
    max-width: 820px;
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 20px;
}

.v4-ah-left .first-p-content {
    max-width: 720px;
}

audio {
    filter: invert(0.94);
}

.coop-h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #fff;
}

.coop-h2 {
    font-size: 22px;
    margin-bottom: 22px;
    font-weight: 600;
    color: #fff;
}

.coop-place {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 35px;
}

.coop-block {
    background: rgba(255, 255, 255, 0.03);
    border-radius: 15px;
    border: 1px rgba(255, 255, 255, 0.05) solid;
    padding: 30px;
    width: calc(50% - 15px);
}

.coop-block b {
    color: #fff;
    margin-top: 20px;
    display: block;
}

@media (min-width: 760px) {
    .np { display: none; }
}
  
@media (max-width: 760px) {
    body { font-weight: 500; }
    .nm { display: none !important; }
    .container { width: 100%; padding: 0; }
    .header { padding-left: 32px; padding-right: 32px; width: 100%; left: 0; }

    .v3-bgshka { display: none; }
    .bgshka { width: 100%; }
    .content { width: 100%; flex-wrap: wrap; gap: 0; display: block; }
    .content-index { width: 100%; }
    .content-big-image { height: 180px; }
    .content-big-image-bg { height: 180px }
    .content-mini-block { width: 100%; }
    .content-block { border-radius: 0; }

    .sidebar { display: none; }
    .content-left { width: auto; border-right: 0; }
    .content-article { width: 100%; border-radius: 0; border-right: 0; border-left: 0; }
    .article-data { flex-wrap: wrap; gap: 0; margin-bottom: 30px;  }
    .article-ins-cat { margin-top: 20px; }

    .catalog-container { width: 100%; margin-top: 115px; padding: 0 8%; }
    .catalog-item-text { width: 100%; margin-top: 25px; }
    .related { width: 100%; flex-wrap: wrap; }
    .related-pic { width: 100%; height: 130px; }
    .related-text { width: 100%; }

    .catalog-cats { flex-wrap: wrap; padding: 20px; }
    .content-article p { font-weight: 500; }
    .content-mini-desc, .try-text, .sidebar-cat-text-small, .content-block { font-weight: 500; }
    .first-p-content { max-width: 100%; }

    .main-p { max-width: 100%; margin-bottom: 0px; font-weight: 500; }
    .main-last-p { font-weight: 500; }
    .next-page, .prev-page { font-weight: 500; }


    .popular-place { display: block; }
    .popular-block { width: 100%; margin-top: 40px; }
    .popular-block-pic { width: 50px; height: 50px; }
    .content-mini-blocks { margin-top: 30px; }
    .neuro-articles-desc { max-width: 100%; }

    .ai-main-place { margin-top: 35px; }
    .ai-main-block { width: 100%; flex-wrap: wrap; }
    .ai-main-pic { width: 100%; height: 130px; }
    .ai-main-text { width: 100%; }

    .dict-block { width: 100%; }
    .dict-place { margin-top: 40px; }
    .catalog-item-desc-dict { max-width: 100%; }
    .dict-icon svg { width: 40px; }
    .dict-pic { height: 200px; padding-top: 68px; }
    .dict-pic-inside { height: 200px; padding-top: 68px; }
    .dict-desc { max-width: 100%; }
    
    .main-last { width: 100%; flex-wrap: wrap; }
    .main-last-pic { width: 100%; height: 180px; }
    .main-last-pic-bg { width: 100%; height: 180px; }
    .main-last-text { width: 100%; }

    .cid-mob, .fpc-mob, .main-last-p { 
        overflow: hidden;
        text-overflow: ellipsis;
        display: -moz-box;
        -moz-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-clamp: 2;
        box-orient: vertical;
    }

    .in-content-icon { display: block; width: 60px; height: 60px; margin-bottom: 20px; margin-right: calc(100% - 60px); border-radius: 10px; }
    .footer-round { display: none; }
    .footer-p { width: 100%; }

    .search-input { margin-top: 0; width: calc(100% - 64px); padding-left: 0;}
    .v3-search-button { width: auto; }
    .mob-search-button { margin-top: 0; }

    .v2-main-big-block { display: none; }
    .modal-body { width: 100%; padding-right: 32px; padding-left: 32px; }
    .dropdown-menu { margin-left: 0; margin-right: 30px;}

    .content-big-image-inside { width: 100%; margin-right: 0; margin-left: 0; border-radius: 10px; overflow: hidden;}

    .v3-main-article-block { width: 100%; flex-wrap: wrap; }
    .v3-second-inside { padding-top: 32px; }
    .v3-main-pic-bg { width: 100%; height: 180px; }
    .v3-main-pic { width: 100%; height: 180px; }
    .v3-bg-gray { display: none; }

    .read-more-h2 { max-width: 100%; margin-top: 0; }

    .main-content-start { margin-top: 115px; padding: 0; }
    .v4-main-cat-place a { width: 100%; }
    .v4-main-article-block { width: 100%; margin-bottom: 20px; }
    .v4-catalog-item-link { width: 100%; }
    .v4-catalog-place { margin-top: 0px; }
    .main-h2 { line-height: 32px; font-size: 22px; }

    .v4-main-cat-place-img-all { float: right; margin-right: 0; }
    .v4-main-cat-place-img-images { float: right; margin-right: 0; }
    .v4-main-cat-place-img-video { float: right; margin-right: 0; }
    .v4-main-cat-place-img-audio { float: right; margin-right: 0; }
    .v4-main-cat-place-img-other { float: right; margin-right: 0; }

    .v4-ah-left { max-width: 100%; }
    .v4-ah-left h1 { font-size: 22px; line-height: 32px; }
    .content-article h2 { font-size: 22px; }
    .v4-catalog-articles { width: 100%; }

    .v4-catalog-header { display: block; }
    .catalog-item { display: block; }

    .coop-block { width: 100%; }

    .pages { flex-wrap: wrap; }
    .add-service-button { margin-left: 0; margin-top: 15px;}

    .v5-main-articles-list { width: 100%; }
    .v5-universal-place { width: 100%; border-radius: 0; border-right: 0; border-left: 0; }
    .v4-catalog-header { width: 100%; border-radius: 0; border-right: 0; border-left: 0; }
    .v5-catalog-analogs-place { width: 100%; border-radius: 0; border-right: 0; border-left: 0; }
    .v4-article-header { width: 100%; border-radius: 0; border-right: 0; border-left: 0; display: block; }

    .content-ads { width: 100%; border-radius: 0; border-right: 0; border-left: 0; max-height: 400px; min-height: 50px;}
    .v4-main-cat-place a { border-radius: 15px !important; border-right: 1px rgba(255, 255, 255, 0.05) solid !important; border-left: 1px rgba(255, 255, 255, 0.05) solid !important;}
    .v4-main-cat-place { gap: 26px; }
    .v4-catalog-header-additional { display: flex; flex-wrap: wrap; gap: 20px; }
}