/*Блог стили*/

p {
    font-family: 'CoFoGothic';
}
a, a:hover, a:visited, a:active {
    color: inherit;
    text-decoration: none;
}

@font-face {
    font-family: 'CoFo Gothic';
    src: url('https://static.tildacdn.com/tild3834-3231-4166-b239-646264356531/CoFoGothic-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'CoFo Gothic';
    src: url('https://static.tildacdn.com/tild3163-3635-4366-b031-356330666233/CoFoGothic-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

.page-container {
    display: flex;
    gap: 0px;
    max-width: 1200px;
    margin: 0 auto;
}

.catalog-container {
    flex: 1;
    max-width: 808px;
    display: flex;
    flex-direction: column;
}

.search-container {
    height: 56px;
    padding: 0 24px;
    background: white;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
}

.search-input {
    flex: 1;
    border: none;
    outline: none;
    color: #87898F;
    font-size: 18px;
    font-family: CoFo Gothic;
    font-weight: 400;
    line-height: 1;
}

.search-icons {
    display: flex;
    align-items: center;
    gap: 12px;
}

.search-icon,
.clear-icon {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.search-icon.hidden,
.clear-icon.hidden {
    display: none;
}

.cards-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.card {
    width: 100%;
    padding: 24px;
    background: white;
    border-radius: 16px;
    display: flex;
    gap: 24px;
    box-sizing: border-box;
    transition: transform 0.3s ease;
}

.card:hover {
    transform: scale(1.02); 
}

.card .image-container {
    width: 320px;
    height: 180px;
    background: #F6F6F6;
    border-radius: 8px;
    overflow: hidden;
}

.card .image-container img {
    width: 100%;
    /*height: 100%;*/
    object-fit: cover;
}

.card .info-container {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.card .title {
    font-size: 20px;
    font-family: CoFo Gothic;
    font-weight: 500;
    line-height: 22px;
    color: black;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card .description {
    font-size: 18px;
    font-family: CoFo Gothic;
    font-weight: 400;
    line-height: 21.6px;
    color: black;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card .date {
    font-size: 16px;
    font-family: CoFo Gothic;
    font-weight: 400;
    line-height: 1.2;
    color: rgba(0, 0, 0, 0.50);
}

.card .tags {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.card .tag {
    padding: 4px 12px;
    background: white;
    border-radius: 100px;
    font-size: 14px;
    font-family: CoFo Gothic;
    font-weight: 400;
    line-height: 1.1;
    color: black !important;
}

.load-more-container {
    z-index: 10000;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 32px 0 0 0;
}

.load-more-btn {
    padding: 12px 24px;
    background: #8137FB;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    font-family: CoFo Gothic;
    font-weight: 400;
}

.load-more-btn:hover {
    background: #8137FB;
}

.load-more-btn:disabled {
    background: #ccc;
    cursor: not-allowed;
}

.card .image-container {
    position: relative;
    width: 320px;
    height: 180px;
    background: #F6F6F6;
    border-radius: 8px;
    overflow: hidden;
}

.tags-on-image {
    position: absolute;
    top: 12px;
    left: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    z-index: 2;
}

.tags-on-image .tag {
    padding: 4px 12px;
    background: white;
    border-radius: 100px;
    font-size: 14px;
    font-family: CoFo Gothic;
    font-weight: 400;
    line-height: 16.8px;
    color: black;
    text-decoration: none;
    backdrop-filter: blur(4px);
}

.tags-on-image .tag:hover {
    background: white;
}

.tags-on-image .new-tag {
    padding: 4px 12px;
    background: #8137FB;
    border-radius: 100px;
    font-size: 14px;
    font-family: CoFo Gothic;
    font-weight: 400;
    line-height: 16.8px;
    color: #FFFFFF;
    text-decoration: none;
    backdrop-filter: blur(4px);
}

.card .info-container {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.card .tags {
    display: none;
}

@media screen and (max-width: 1200px) {
    .page-container {
        flex-direction: column;
    }

    .catalog-container {
        width: 100%;
        max-width: 100%;
    }

    .search-container {
        padding: 0 16px;
    }

    .card {
        flex-direction: column;
        padding: 20px;
    }

    .card > div {
        flex-direction: column !important; 
        gap: 20px !important;
    }

    .card .image-container {
        width: 100%;
        border-radius: 8px;
        overflow: hidden;
    }

    .card .image-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .card .info-container {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .card .title {
        font-size: 20px;
        line-height: 20px;
    }

    .card .description {
        font-size: 18px;
        line-height: 19.2px;
    }

    .card .date {
        font-size: 16px;
        line-height: 16.8px;
    }
    .load-more-container {
    margin: 20px 0 60px 0;
}
}


/*Боковое меню*/


@font-face {
    font-family: 'CoFo Gothic';
    src: url('https://static.tildacdn.com/tild3834-3231-4166-b239-646264356531/CoFoGothic-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'CoFo Gothic';
    src: url('https://static.tildacdn.com/tild3163-3635-4366-b031-356330666233/CoFoGothic-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

.sidebar {
    width: 360px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.sidebar.mobile {
    display: none;
}

.sidebar.desktop {
    display: flex;
}

.sidebar-section {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.section-title {
    font-size: 28px;
    font-family: CoFo Gothic;
    font-weight: 500;
    line-height: 1;
    color: black;
}

.categories-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.category {
    padding: 8px 12px;
    background: white;
    border-radius: 100px;
    cursor: pointer;
    font-size: 18px;
    font-family: CoFo Gothic;
    font-weight: 400;
    line-height: 1.2;
    color: black !important;
    transition: background 0.3s;
    white-space: nowrap; 
}

.category:hover {
    background: #E7E7E7;
    color: black !important;
}

.category.active {
    background: #8137FB;
    color: #ffffff !important;
}

.articles-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.popular-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.popular-slides {
    display: flex;
    transition: transform 0.5s ease-in-out;
    margin: 0 -12px;
}

.popular-slide {
    flex: 0 0 100%;
    min-width: 100%;
    padding: 0 12px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
}

.popular-card {
    max-width: 100%;
    padding: 20px;
    background: white;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    position: relative;
}

.popular-card .image-container {
    position: relative;
    width: 100%;
    height: 180px;
    background: #F6F6F6;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 24px;
}

.popular-card .tags-on-image {
    position: absolute;
    top: 12px;
    left: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    z-index: 2;
}

.popular-card .tags-on-image .tag {
    padding: 4px 12px;
    background: white;
    border-radius: 100px;
    font-size: 14px;
    font-family: CoFo Gothic;
    font-weight: 400;
    line-height: 16.8px;
    color: black !important;
    text-decoration: none;
    backdrop-filter: blur(4px);
}

.popular-card .tags-on-image .tag:hover {
    background: white;
}

.popular-card .image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.popular-card .title {
    font-size: 20px;
    font-family: CoFo Gothic;
    font-weight: 500;
    line-height: 22px;
    color: black;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 12px;
}

.popular-card .description {
    font-size: 18px;
    font-family: CoFo Gothic;
    font-weight: 400;
    line-height: 21.6px;
    color: black;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 24px;
}

.popular-card .date {
    font-size: 16px;
    font-family: CoFo Gothic;
    font-weight: 400;
    line-height: 19.2px;
    color: rgba(0, 0, 0, 0.50);
}

.recommended-card {
    padding: 20px;
    background: white;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
}

.recommended-card .title {
    font-size: 18px;
    font-family: CoFo Gothic;
    font-weight: 500;
    line-height: 20px;
    color: black;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 8px;
}

.recommended-card .date {
    font-size: 14px;
    font-family: CoFo Gothic;
    font-weight: 400;
    line-height: 16.8px;
    color: rgba(0, 0, 0, 0.50);
}

.slider-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 20px;
}

.slider-dot {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: #D9D9D9;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    flex-shrink: 0;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.slider-dot.active {
    width: 24px !important;
    height: 8px !important;
    border-radius: 4px !important;
    background: #8137FB;
}

.popular-card .tags {
    display: none;
}

@media screen and (max-width: 1200px) {
    .sidebar {
        width: 100%;
        max-width: 360px;
        gap: 80px;
    }
    
    .sidebar.mobile {
        display: flex;
    }
    
    .sidebar.desktop {
    display: none;
}
    
    .popular-card .image-container {
        height: 180px;
        margin-bottom: 20px;
    }
    
    .popular-card .title {
        margin-bottom: 12px;
    }
    
    .popular-card .description {
        margin-bottom: 20px;
    }
    
    .recommended-card .title {
        margin-bottom: 12px;
    }
    
    .slider-dot {
        width: 6px;
        height: 6px;
    }
    
    .slider-dot.active {
        width: 20px;
        height: 6px;
    }
    
    .categories-container.mobile {
        flex-wrap: nowrap; 
        overflow-x: auto;
        overflow-y: hidden; 
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x proximity;  
        -ms-overflow-style: none; 
        scrollbar-width: none; 
        padding-bottom: 32px;
    }

    .categories-container.mobile::-webkit-scrollbar {
        display: none; 
    }
    
    .section-title.mobile {
        display: none;
    }
}


/*Cтили статья*/


@font-face {
    font-family: 'CoFo Gothic';
    src: url('/tilda/blocks/fonts/CoFoGothic.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

.container {
    display: flex;
    gap: 32px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.article-wrapper {
    padding: 32px;
    background-color: #fff;
    border-radius: 16px;
    width: 808px;
    box-sizing: border-box;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 48px;
}

.article-top {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 32px;
}

.article-header {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}

.article-title {
    align-self: stretch;
    color: black;
    font-size: 40px;
    font-family: 'CoFo Gothic', sans-serif;
    font-weight: 500;
    word-wrap: break-word;
    line-height: 1;
    margin: 0;
}

.article-subtitle {
    align-self: stretch;
    color: black;
    font-size: 20px;
    font-family: 'CoFo Gothic', sans-serif;
    font-weight: 400;
    line-height: 1.2;
    word-wrap: break-word;
    margin: 0;
}

.reading-time-mobile {
    align-self: stretch;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    display: none;
}

.time-icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' viewBox='0 0 18 19' fill='none'%3E%3Ccircle cx='9' cy='9.5' r='8' stroke='black' stroke-width='1.2'/%3E%3Cpath d='M9 6.2998V9.4998L11 11.4998' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.time-text {
    color: black;
    font-size: 16px;
    font-family: 'CoFo Gothic', sans-serif;
    font-weight: 400;
    line-height: 19.20px;
    word-wrap: break-word;
}

.article-main-image {
    align-self: stretch;
    height: 410px;
    width: 100%;
    border-radius: 8px;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

.article-main-image img {
  width: 100%;
  height: 100%;
}

.article-meta {
    align-self: stretch;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
}

.author-info {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
}

.author-avatar {
    width: 48px;
    height: 48px;
    border-radius: 10000px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    flex-shrink: 0;
}

.author-link {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: inherit;
}

.author-link:hover {
    opacity: 0.8;
}

.author-details {
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 2px;
}

.author-name {
    color: black;
    font-size: 18px;
    font-family: 'CoFo Gothic', sans-serif;
    font-weight: 500;
    line-height: 1.1;
    word-wrap: break-word;
    margin: 0;
}

.author-role {
    color: black;
    font-size: 16px;
    font-family: 'CoFo Gothic', sans-serif;
    font-weight: 400;
    line-height: 1.2;
    word-wrap: break-word;
    margin: 0;
}

.meta-info {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}

.reading-time-desktop {
    display: flex;
    align-items: center;
    gap: 8px;
    color: black;
    font-size: 16px;
    font-family: 'CoFo Gothic', sans-serif;
    font-weight: 400;
    line-height: 19.2px;
}

.share-button {
    height: 48px;
    padding: 0px 20px;
    background: #8137FB;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.share-button:hover {
    background: #6a29d9;
}

.share-icon {
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'%3E%3Cpath d='M10.4155 1.77576L13.9226 4.99146C15.3075 6.26132 16 6.89625 16 7.7142C16 8.53215 15.3075 9.16708 13.9226 10.4369L10.4155 13.6526C9.78333 14.2323 9.46725 14.5221 9.20664 14.4014C8.94604 14.2807 8.94604 13.8444 8.94604 12.972V10.8367C5.76762 10.8367 2.32434 12.3979 1 15C1 6.67337 5.70876 4.59171 8.94604 4.59171V2.45644C8.94604 1.58397 8.94604 1.14774 9.20664 1.02702C9.46725 0.906301 9.78333 1.19612 10.4155 1.77576Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.share-text {
    color: white;
    font-size: 14px;
    font-family: 'CoFo Gothic', sans-serif;
    font-weight: 500;
    line-height: 15.4px;
    word-wrap: break-word;
}

.article-content {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 48px;
}

.article-content h2 {
    align-self: stretch;
    color: black;
    font-size: 28px;
    font-family: 'CoFo Gothic', sans-serif;
    font-weight: 500;
    line-height: 1.1;
    word-wrap: break-word;
    margin: 0 0 20px 0;
}

.article-content h3 {
    align-self: stretch;
    color: black;
    font-size: 20px;
    font-family: 'CoFo Gothic', sans-serif;
    font-weight: 500;
    line-height: 1.1;
    word-wrap: break-word;
    margin: 0 0 20px 0;
}

.article-content h4 {
    align-self: stretch;
    color: black;
    font-size: 18px;
    font-family: 'CoFo Gothic', sans-serif;
    font-weight: 500;
    line-height: 1.1;
    word-wrap: break-word;
}

.article-content p {
    align-self: stretch;
    color: black;
    font-size: 18px;
    font-family: 'CoFo Gothic', sans-serif;
    font-weight: 400;
    line-height: 1.2;
    word-wrap: break-word;
    margin: 0;
}

.article-content img {
    align-self: stretch;
    height: 100%;
    width: 100%;
    object-fit: cover;
    margin: 0;
    border-radius: 8px;
}

.article-content .p-20 {
    margin-bottom: 20px !important;
}

.article-content .p-24 {
    margin-bottom: 24px !important;
}

.article-content .p-32 {
    margin-bottom: 32px !important;
}

.article-date {
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
    font-family: 'CoFo Gothic', sans-serif;
    font-weight: 400;
    line-height: 1.2;
    word-wrap: break-word;
    margin: 0;
}

.article-content .content-block {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.article-content .image-block {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.article-content .source-image {
    margin-top: 12px;
    font-size: 12px;
    font-family: 'CoFo Gothic', sans-serif;
    font-weight: 400;
    opacity: 0.3;
}

.reading-time-mobile {
        display: none;
    }
    
.reading-time-desktop {
        display: flex; 
        align-items: center;
        gap: 8px;
    }

.art-tags {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
}

.art-tag {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  background: #8137FB;
  border-radius: 100px;
  font-family: 'CoFo Gothic', sans-serif;
  font-weight: 400;
  color: white;
  font-size: 16px;
  line-height: 19.20px;
  word-wrap: break-word;
}

.art-date {
  font-family: 'CoFo Gothic', sans-serif;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.50);
  font-size: 16px;
  line-height: 19.20px;
  word-wrap: break-word;
}

.content-block-selected {
        padding: 20px;
    background: #F3ECFF;
    border-radius: 8px;
    border: 1px solid #8137FB;
    }
    
    .article-wrapper b {
        font-weight: 500 !important;
    }
@media screen and (max-width: 1200px) {
    .article-wrapper {
        padding: 20px;
        margin-bottom: 80px;
        width: 360px;
        gap: 32px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    
    .article-top {
        width: 100%;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-end;
        gap: 32px;
        display: flex;
    }
    
    .article-header {
        align-self: stretch;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 16px;
        display: flex;
    }
    
    .article-title {
        font-size: 24px;
        line-height: 1;
    }
    
    .article-subtitle {
        font-size: 18px;
        line-height: 1.2;
    }
    
    .reading-time-mobile {
        display: flex;
        align-self: stretch;
        justify-content: flex-start;
        align-items: center;
        gap: 8px;
    }

    .reading-time-desktop {
        display: none;
    }
    
    .article-main-image {
        height: 180px;
        border-radius: 8px;
    }
    
    .article-meta {
        align-self: stretch;
        flex-direction: row; 
        justify-content: space-between; 
        align-items: center;
        gap: 20px;
        display: flex;
    }
    
    .meta-info {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 20px;
    }
    
    .author-info {
        justify-content: flex-start;
        align-items: center;
        gap: 12px;
        display: flex;
    }
    
    .author-details {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        display: inline-flex;
    }
    
    .author-name {
        font-size: 16px;
        line-height: 1.2;
    }
    
    .author-role {
        font-size: 14px;
        line-height: 1.2;
    }
    
    .share-button {
        width: 48px;
        height: 48px;
        padding: 0px 0px;
    }
    
    .share-text {
        display: none;
    }
    .article-content {
    gap: 32px;
}
    
    .article-content h2 {
        font-size: 24px;
    }
    
    .article-date {
        width: auto;
        font-size: 14px;
    }
    .art-tags {
    gap: 12px;
  }
  
  .art-tag {
    padding: 4px 12px;
    font-size: 14px;
    line-height: 16.80px;
  }
  
  .art-date {
    font-size: 14px;
    line-height: 16.80px;
  }
}


/*Стили для списков и цитат*/


.cl {
    list-style: none;
    padding-left: 12px !important;
}

.cl li {
    position: relative;
    padding-left: 24px;
    margin-bottom: 12px;
    font-size: 18px;
}

.cl li:last-child {
    margin-bottom: 0;
}

.cl li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 10px;
    height: 10px;
    background-color: #DEC9FF; 
    border: 2px solid #8137FB; 
    border-radius: 50%;
}

.cl h3 {
    font-weight: 400 !important;
    font-style: normal !important;
    margin: 0 0 12px 0 !important;
}
.cl li:last-child h3 {
    margin: 0 0 0 0 !important; 
}

.cl-link {
    color: #8137FB !important;
    text-decoration: underline !important;
    text-decoration-color: #8137FB !important;
    text-underline-offset: 1px;
}

.cl-item {
    color: #000 !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-family: 'CoFo Gothic', sans-serif;
    font-size: 18px;
}

@media screen and (max-width: 1200px) {
        .cl li {
   font-size: 16px; 
    }
    
    .cl li::before {
    border: 1px solid #8137FB; 
    }
}



.quote {
    width: 100%;
    max-width: 808px;
    padding: 20px 28px;
    background: #F3ECFF;
    border-left: 6px solid #8137FB;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
}

.quote-text {
    flex: 1 1 0;
    color: #000;
    font-size: 18px;
    font-family: 'CoFo Gothic', sans-serif;
    font-weight: 400;
    line-height: 1.2;
    word-wrap: break-word;
}

@media (max-width: 1200px) {
    .quote {
        padding: 16px 20px;
    }

    .quote-text {
        font-size: 18px;
        line-height: 1.2;
    }
}


/* Боковой баннер с промо */


.sidebar.desktop {
    position: relative;
    flex-shrink: 0;
}

.page-wrapper {
    display: flex;
    flex-direction: row;
    gap: 32px;
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
}

.sidebar-banner {
    height: 449px;
    padding: 24px;
    overflow: hidden;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    box-sizing: border-box;
    width: 100%;
    position: sticky;
    top: 132px;
    align-self: flex-start;
}

.banner-content {
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none;
}

@media (max-width: 1200px) {
    .page-wrapper {
        flex-direction: column;
        gap: 0px;
        width: 360px;
        margin: 0 auto;
    }
    
    .sidebar.desktop {
        width: 100%;
    }
    
    .sidebar-banner {
        width: 360px;
        max-width: 100%;
        padding: 20px;
        position: static !important;
        top: auto;
    }
}


/*Добавление в популярные статьи автора*/


.autor-container-articles {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 24px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    flex-wrap: wrap;
}

.author-article-card {
    max-width: 100%;
    padding: 20px;
    background: white;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    position: relative;
    width: 384px;
    box-sizing: border-box;
    cursor: pointer;
}

.author-image-container {
    position: relative;
    width: 100%;
    height: 180px;
    background: #F6F6F6;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 24px;
}

.author-image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.author-tags-on-image {
    position: absolute;
    top: 12px;
    left: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    z-index: 2;
}

.author-tags-on-image .author-tag {
    padding: 4px 12px;
    background: white;
    border-radius: 100px;
    font-size: 14px;
    font-family: CoFo Gothic;
    font-weight: 400;
    line-height: 1.2;
    color: black !important;
    text-decoration: none;
    backdrop-filter: blur(4px);
}

.author-tags-on-image .author-new-tag {
    padding: 4px 12px;
    background: #8137FB;
    border-radius: 100px;
    font-size: 14px;
    font-family: CoFo Gothic;
    font-weight: 400;
    line-height: 1.2;
    color: #FFFFFF !important;
    text-decoration: none;
    backdrop-filter: blur(4px);
}

.author-title {
    font-size: 20px;
    font-family: CoFo Gothic;
    font-weight: 500;
    line-height: 22px;
    color: black !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 12px;
    text-decoration: none;
}

.author-description {
    font-size: 18px;
    font-family: CoFo Gothic;
    font-weight: 400;
    line-height: 21.6px;
    color: black !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 24px;
    text-decoration: none;
}

.author-date {
    font-size: 16px;
    font-family: CoFo Gothic;
    font-weight: 400;
    line-height: 1.2;
    color: rgba(0, 0, 0, 0.50);
}

.author-info-container {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.author-info-container > a {
    flex: 1;
}

@media screen and (max-width: 1200px) {
    .autor-container-articles {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    
    .author-article-card {
        width: 100%;
        max-width: 387px;
    }
    
    .author-image-container {
        height: 180px;
        margin-bottom: 20px;
    }
    
    .author-title {
        margin-bottom: 12px;
    }
    
    .author-description {
        margin-bottom: 20px;
    }
}


/*Добавление похожих статей*/


.sameart-articles {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 24px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    flex-wrap: wrap;
}

.sameart-article-card {
    max-width: 100%;
    padding: 20px;
    background: white;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    position: relative;
    width: 384px;
    box-sizing: border-box;
    transition: box-shadow 0.3s ease;
}

.sameart-image-container {
    position: relative;
    width: 100%;
    height: 180px;
    background: #F6F6F6;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 24px;
}

.sameart-image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.sameart-tags-on-image {
    position: absolute;
    top: 12px;
    left: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    z-index: 2;
}

.sameart-tags-on-image .sameart-tag {
    padding: 4px 12px;
    background: white;
    border-radius: 100px;
    font-size: 14px;
    font-family: CoFo Gothic;
    font-weight: 400;
    line-height: 16.8px;
    color: black !important;
    text-decoration: none;
    backdrop-filter: blur(4px);
    transition: background-color 0.2s ease;
    display: inline-block;
}

.sameart-tags-on-image .sameart-new-tag {
    padding: 4px 12px;
    background: #8137FB;
    border-radius: 100px;
    font-size: 14px;
    font-family: CoFo Gothic;
    font-weight: 400;
    line-height: 16.8px;
    color: #FFFFFF !important;
    text-decoration: none;
    backdrop-filter: blur(4px);
    transition: background-color 0.2s ease;
    display: inline-block;
}

.sameart-title {
    font-size: 20px;
    font-family: CoFo Gothic;
    font-weight: 500;
    line-height: 22px;
    color: black !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 12px;
    text-decoration: none;
    transition: color 0.2s ease;
}

.sameart-description {
    font-size: 18px;
    font-family: CoFo Gothic;
    font-weight: 400;
    line-height: 21.6px;
    color: black !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 24px;
    text-decoration: none;
}

.sameart-date {
    font-size: 16px;
    font-family: CoFo Gothic;
    font-weight: 400;
    line-height: 19.2px;
    color: rgba(0, 0, 0, 0.50);
}

.sameart-info-container {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.sameart-info-container > a {
    flex: 1;
}

@media screen and (max-width: 1200px) {
    .sameart-articles {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    
    .sameart-article-card {
        width: 100%;
        max-width: 387px;
    }
}


/*Кнопка поделиться*/


.vk-icon {
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Crect width='18' height='18' rx='2' fill='%23F6F6F6'/%3E%3Cpath d='M14.4417 11.4187C14.4283 11.3912 14.4159 11.3685 14.4044 11.3502C14.2135 11.0216 13.8488 10.6183 13.3105 10.1401L13.2991 10.1291L13.2934 10.1237L13.2877 10.1182H13.2819C13.0376 9.89556 12.8828 9.74584 12.818 9.66919C12.6995 9.52317 12.6729 9.37537 12.7377 9.22561C12.7835 9.11246 12.9554 8.87351 13.2532 8.50842C13.4098 8.31494 13.5338 8.15986 13.6254 8.04303C14.286 7.20343 14.5724 6.66692 14.4845 6.43328L14.4504 6.37868C14.4275 6.34581 14.3683 6.31573 14.273 6.28831C14.1774 6.26094 14.0552 6.25642 13.9063 6.27466L12.2569 6.28555C12.2302 6.2765 12.192 6.27734 12.1423 6.28831L12.0678 6.30478L12.0391 6.3185L12.0163 6.33497C11.9972 6.34586 11.9762 6.36502 11.9533 6.39241C11.9305 6.4197 11.9114 6.45172 11.8962 6.48822C11.7166 6.9299 11.5124 7.34055 11.2833 7.72016C11.142 7.94651 11.0123 8.14268 10.8938 8.30878C10.7754 8.47482 10.6762 8.59716 10.596 8.67557C10.5158 8.75407 10.4434 8.81695 10.3784 8.86445C10.3134 8.91198 10.2639 8.93206 10.2295 8.92471C10.1951 8.91737 10.1627 8.91008 10.1321 8.90279C10.0786 8.86992 10.0357 8.82522 10.0033 8.76864C9.97074 8.71207 9.94884 8.64086 9.93738 8.55508C9.92599 8.46924 9.91925 8.39541 9.91732 8.33333C9.91554 8.27133 9.91636 8.18363 9.92023 8.07048C9.92421 7.95727 9.92599 7.88068 9.92599 7.84052C9.92599 7.70179 9.92882 7.55122 9.9345 7.38879C9.94027 7.22635 9.94495 7.09765 9.94886 7.00283C9.95275 6.90792 9.95456 6.80751 9.95456 6.70165C9.95456 6.59579 9.94782 6.51277 9.9345 6.45251C9.92119 6.3922 9.90108 6.33345 9.87452 6.27728C9.84774 6.22071 9.80854 6.17695 9.75711 6.14588C9.70557 6.11485 9.6415 6.09022 9.56525 6.07193C9.36287 6.02815 9.10516 6.00446 8.79201 6.00078C8.08187 5.99349 7.62557 6.03733 7.4232 6.13224C7.34302 6.17234 7.27047 6.22713 7.20559 6.29644C7.13685 6.37678 7.12726 6.42062 7.17689 6.42783C7.40601 6.46064 7.56822 6.53914 7.66368 6.66324L7.69808 6.729C7.72484 6.77644 7.75156 6.86044 7.7783 6.98088C7.805 7.10131 7.82223 7.23454 7.82982 7.38048C7.84887 7.64699 7.84887 7.87513 7.82982 8.06492C7.8107 8.25478 7.79265 8.40258 7.77541 8.50844C7.75818 8.6143 7.73243 8.70008 7.69808 8.76577C7.66368 8.83147 7.64079 8.87163 7.62932 8.8862C7.61786 8.90078 7.60832 8.90996 7.60073 8.91357C7.55139 8.93175 7.49895 8.94106 7.44607 8.94101C7.39257 8.94101 7.3277 8.91543 7.25135 8.8643C7.17502 8.81317 7.09581 8.74294 7.0137 8.6535C6.9316 8.56404 6.839 8.43902 6.73587 8.27842C6.63283 8.11783 6.52591 7.92803 6.41518 7.70902L6.32356 7.55019C6.26629 7.44801 6.18806 7.29923 6.08878 7.10398C5.98945 6.90865 5.90164 6.71971 5.82532 6.5372C5.79481 6.46055 5.74897 6.40219 5.68789 6.36203L5.65922 6.34556C5.64016 6.33098 5.60957 6.3155 5.56761 6.29901C5.52524 6.28246 5.48105 6.27053 5.43588 6.26346L3.86661 6.27435C3.70626 6.27435 3.59745 6.30908 3.54016 6.37845L3.51723 6.41126C3.50578 6.42954 3.5 6.45872 3.5 6.4989C3.5 6.53906 3.51145 6.58835 3.53438 6.6467C3.76347 7.16143 4.01259 7.65785 4.28175 8.13603C4.55092 8.6142 4.78481 8.99939 4.98331 9.29124C5.18184 9.58329 5.3842 9.85893 5.5904 10.118C5.79659 10.3772 5.93308 10.5433 5.99986 10.6163C6.06672 10.6894 6.11923 10.744 6.15741 10.7805L6.30062 10.9119C6.39225 10.9995 6.52681 11.1045 6.70436 11.2267C6.88195 11.3491 7.07856 11.4695 7.29428 11.5882C7.51004 11.7068 7.76105 11.8035 8.04745 11.8783C8.3338 11.9532 8.61251 11.9833 8.88362 11.9688H9.54227C9.67584 11.9577 9.77705 11.9176 9.84583 11.8483L9.86862 11.8208C9.88394 11.799 9.89829 11.7652 9.91153 11.7197C9.92493 11.674 9.93159 11.6238 9.93159 11.5691C9.92768 11.4122 9.94017 11.2707 9.96874 11.1448C9.99728 11.0189 10.0298 10.924 10.0662 10.8601C10.1026 10.7962 10.1436 10.7423 10.1893 10.6987C10.2351 10.6549 10.2677 10.6283 10.2868 10.6192C10.3058 10.61 10.321 10.6038 10.3325 10.6001C10.4241 10.5709 10.532 10.5991 10.6562 10.685C10.7803 10.7708 10.8967 10.8767 11.0056 11.0026C11.1144 11.1286 11.2451 11.2699 11.3978 11.4269C11.5506 11.5839 11.6842 11.7006 11.7987 11.7773L11.9132 11.843C11.9897 11.8869 12.089 11.927 12.2112 11.9635C12.3332 12 12.4401 12.0091 12.5318 11.9909L13.9979 11.969C14.143 11.969 14.2558 11.9461 14.3358 11.9005C14.416 11.8549 14.4637 11.8046 14.479 11.75C14.4944 11.6952 14.4952 11.6331 14.4819 11.5637C14.4684 11.4944 14.455 11.446 14.4417 11.4187Z' fill='%23C4C4C4'/%3E%3C/svg%3E");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.telegram-icon {
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Crect width='18' height='18' rx='2' fill='%23F6F6F6'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.68723 8.44395C7.37068 7.31496 9.16009 6.57065 10.0554 6.21107C12.6117 5.18433 13.1429 5.00596 13.4891 5.00006C13.5653 4.99878 13.7355 5.01701 13.8458 5.10343C14.0094 5.23162 14.0104 5.50989 13.9922 5.69405C13.8537 7.09961 13.2543 10.5105 12.9493 12.0847C12.8202 12.7508 12.5662 12.9742 12.3202 12.996C11.7857 13.0435 11.3798 12.6549 10.862 12.3272C10.0519 11.8143 9.59417 11.4951 8.80775 10.9947C7.89893 10.4163 8.48809 10.0985 9.00601 9.57902C9.14157 9.44308 11.4968 7.37437 11.5424 7.18669C11.5481 7.16322 11.5534 7.07572 11.4996 7.02954C11.4457 6.98336 11.3663 6.99912 11.309 7.01169C11.2277 7.02951 9.9335 7.85558 7.42627 9.48989C7.0589 9.7335 6.72615 9.85218 6.42803 9.84597C6.09934 9.83913 5.46714 9.66652 4.99714 9.51899C4.42068 9.33805 3.96251 9.24235 4.00242 8.93506C4.02321 8.77496 4.25146 8.61128 4.68723 8.44395Z' fill='%23C4C4C4'/%3E%3C/svg%3E");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.ok-icon {
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Crect width='18' height='18' rx='2' fill='%23F6F6F6'/%3E%3Cpath d='M11.092 8.0782C10.8186 8.35492 10.4931 8.57461 10.1343 8.72454C9.77543 8.87448 9.39045 8.95168 9.00161 8.95168C8.61277 8.95168 8.22779 8.87448 7.86897 8.72454C7.51014 8.57461 7.18461 8.35492 6.91121 8.0782C6.49906 7.66177 6.21874 7.13298 6.10529 6.55795C5.99185 5.98292 6.05032 5.38718 6.27341 4.84523C6.49649 4.30329 6.87427 3.83919 7.35951 3.51099C7.84475 3.18279 8.41591 3.00505 9.00155 3C9.5883 3.00401 10.1608 3.18138 10.6472 3.50985C11.1336 3.83833 11.5122 4.30326 11.7354 4.84631C11.9587 5.38935 12.0168 5.98631 11.9023 6.56225C11.7878 7.13819 11.5059 7.66745 11.0919 8.08361L11.092 8.0782ZM8.99614 4.62276C8.63959 4.62445 8.29822 4.76738 8.0467 5.02029C7.79518 5.27321 7.65397 5.61552 7.65397 5.97235C7.65397 6.32918 7.79518 6.6715 8.0467 6.92441C8.29822 7.17732 8.63959 7.32026 8.99614 7.32194C9.35269 7.32026 9.69406 7.17732 9.94558 6.92441C10.1971 6.6715 10.3383 6.32918 10.3383 5.97235C10.3383 5.61552 10.1971 5.27321 9.94558 5.02029C9.69406 4.76738 9.35269 4.62445 8.99614 4.62276ZM12.1069 8.96145L12.9728 10.1537C13.0169 10.2145 13.0059 10.2973 12.9507 10.3414C12.2335 10.9267 11.3921 11.3402 10.4908 11.5502L12.162 14.7958C12.1735 14.8168 12.1793 14.8405 12.1789 14.8645C12.1785 14.8885 12.1718 14.9119 12.1596 14.9325C12.1473 14.9531 12.1299 14.9702 12.1091 14.982C12.0882 14.9939 12.0646 15.0001 12.0407 15H10.2481C10.193 15 10.1434 14.9669 10.1213 14.9172L9.00165 12.2401L7.8765 14.9172C7.86574 14.9419 7.84799 14.9629 7.82545 14.9776C7.80291 14.9923 7.77656 15.0001 7.74965 15H5.95714C5.85234 15 5.79167 14.8896 5.8358 14.7958L7.51247 11.5502C6.63001 11.3405 5.78063 10.9431 5.05259 10.3414C5.02489 10.3196 5.0066 10.288 5.00147 10.2531C4.99634 10.2182 5.00476 10.1826 5.02501 10.1537L5.89644 8.96699C5.90785 8.95152 5.92224 8.9385 5.93876 8.9287C5.95529 8.91891 5.97361 8.91253 5.99264 8.90996C6.01168 8.90738 6.03103 8.90866 6.04956 8.91372C6.06809 8.91877 6.08542 8.9275 6.10051 8.93939C6.89773 9.66085 7.92712 10.0721 9.00161 10.0985C10.0771 10.0985 11.0809 9.6459 11.9027 8.93939C11.9579 8.88419 12.0571 8.89523 12.1068 8.96147L12.1069 8.96145Z' fill='%23C4C4C4'/%3E%3C/svg%3E");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.copy-icon {
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Crect width='18' height='18' rx='2' fill='%23F6F6F6'/%3E%3Cpath d='M8.21836 9.8C7.61598 9.19528 7.67024 8.16035 8.33956 7.48843L10.2786 5.54185C10.9479 4.86993 11.9789 4.81546 12.5812 5.42019C13.1836 6.02491 13.1294 7.05982 12.4601 7.73174L11.4905 8.70504' stroke='%23C4C4C4' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M9.78144 8.2002C10.3838 8.80492 10.3296 9.83983 9.66025 10.5117L8.69072 11.485L7.7212 12.4583C7.05188 13.1303 6.02095 13.1847 5.41856 12.58C4.81617 11.9753 4.87043 10.9404 5.53976 10.2684L6.50929 9.29513' stroke='%23C4C4C4' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.share-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 8px;
    background: white;
    border-radius: 8px;
    padding: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
    min-width: 180px;
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    text-align: left !important;
    align-items: flex-start; 
}

.share-dropdown.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.share-item {
    display: flex !important; 
    align-items: center;
    gap: 8px;
    padding: 8px;
    border-radius: 6px;
    text-decoration: none;
    color: black;
    font-family: 'CoFo Gothic', Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.1;
    transition: background-color 0.2s ease;
    cursor: pointer;
    text-align: left !important; 
    justify-content: flex-start !important; 
    width: 100%;
    box-sizing: border-box;
}

.share-item:hover {
    background: #f8f8f8;
}

.share-item .text {
    text-align: left !important; 
    justify-content: flex-start;
    flex: 1;
}


.share-dropdown button.share-item {
    background: none;
    border: none;
    width: 100%;
    text-align: left;
}
@media (max-width: 1200px) {
    .share-dropdown {
    padding: 8px;
    }
}


/*FAQ в статью*/


.faq-item {
  border-bottom: 1px solid #eee;
}

.faq-question {
  cursor: pointer;
  padding: 16px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: color 0.2s ease;
}
.faq-question:hover { color: #007aff; }

.faq-question h3 {
  margin: 0 !important;
  font-size: 18px;
  font-weight: 500;
  flex: 1;
}

.faq-icon {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-right: 1.2px solid #000;
  border-bottom: 1.2px solid #000;
  transform: rotate(45deg);
  transition: transform 0.28s ease;
  margin-left: 12px;
  flex-shrink: 0;
}
.faq-item.active .faq-icon {
  transform: rotate(225deg); 
}

.faq-answer {
  max-height: 0;
  font-family: 'CoFo Gothic';
  overflow: hidden;
  font-size: 18px;
  color: #000;
  line-height: 1.2;
  transition: max-height 0.28s ease;
}
.faq-answer.open { margin-bottom: 10px; }


/*Контейнер с фидбеком*/
    
        .feedback-container {
            max-width: 744px;
            width: 100%;
            font-family: CoFo Gothic;
            font-weight: 500;
        }

        .feedback-question {
            padding: 0 24px;
            height: 104px;
            border-radius: 8px;
            outline: 1px #eee solid;
            outline-offset: -1px;
            justify-content: space-between;
            align-items: center;
            display: flex;
            background: white;
            transition: all 0.3s ease;
        }
        
        .feedback-text {
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            gap: 20px;
            display: inline-flex;
        }
        
        .feedback-title {
            align-self: stretch;
            color: black;
            font-size: 24px;
            font-weight: 500;
            line-height: 1.1;
        }
        
        .feedback-buttons {
            justify-content: flex-start;
            align-items: center;
            gap: 12px;
            display: flex;
        }
        
        .feedback-btn {
    width: 56px;
    height: 56px;
    background: #EEE6FE;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    display: flex;
    cursor: pointer;
    border: none;
    transition: all 0.2s ease;
    padding: 0;
        }
        
        .feedback-btn:hover {
            background: #e0d2fc;
            transform: translateY(-2px);
        }
        
        .feedback-btn:active {
            transform: translateY(0);
        }

        .like-icon {
    width: 20px;
    height: 22px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='22' viewBox='0 0 16 18' fill='none'%3E%3Cpath d='M14.9807 9.14815L14.2411 9.0238L14.2411 9.0238L14.9807 9.14815ZM14.4319 12.412L13.6923 12.2876L13.6923 12.2876L14.4319 12.412ZM4.06271 15.7817L3.31535 15.8445L3.31535 15.8445L4.06271 15.7817ZM3.43103 8.26752L4.17839 8.20469L4.17839 8.20469L3.43103 8.26752ZM9.55163 3.57714L10.2923 3.69512L10.2923 3.69512L9.55163 3.57714ZM9.03621 6.81278L9.77688 6.93077L9.77688 6.93077L9.03621 6.81278ZM3.87633 7.14199L3.37886 6.58072L3.37886 6.58072L3.87633 7.14199ZM4.99535 6.15016L5.49282 6.71142L5.49282 6.71142L4.99535 6.15016ZM6.84737 3.22699L7.5746 3.4104L7.5746 3.4104L6.84737 3.22699ZM7.21737 1.75991L7.9446 1.94332L7.9446 1.94332L7.21737 1.75991ZM8.51924 1.05148L8.28393 1.76361L8.28393 1.76361L8.51924 1.05148ZM8.63199 1.08874L8.8673 0.376609L8.8673 0.376609L8.63199 1.08874ZM6.33707 4.57009L7.00266 4.91576L7.00266 4.91576L6.33707 4.57009ZM9.48142 1.99802L8.75419 2.18143L8.75419 2.18143L9.48142 1.99802ZM7.7466 1.10591L7.41353 0.433927L7.41353 0.433927L7.7466 1.10591ZM1.75569 16.5766L1.00832 16.6394L1.00832 16.6394L1.75569 16.5766ZM1 7.58736L1.74736 7.52453C1.71369 7.12396 1.37019 6.82117 0.968558 6.83802C0.566928 6.85487 0.25 7.18538 0.25 7.58736L1 7.58736ZM14.9807 9.14815L14.2411 9.0238L13.6923 12.2876L14.4319 12.412L15.1715 12.5363L15.7203 9.27251L14.9807 9.14815ZM8.96831 17V16.25H5.35271V17V17.75H8.96831V17ZM4.06271 15.7817L4.81007 15.7188L4.17839 8.20469L3.43103 8.26752L2.68366 8.33035L3.31535 15.8445L4.06271 15.7817ZM14.4319 12.412L13.6923 12.2876C13.3087 14.5694 11.3145 16.25 8.96831 16.25V17V17.75C12.0375 17.75 14.6649 15.5497 15.1715 12.5363L14.4319 12.412ZM9.55163 3.57714L8.81097 3.45915L8.29555 6.6948L9.03621 6.81278L9.77688 6.93077L10.2923 3.69512L9.55163 3.57714ZM3.87633 7.14199L4.37381 7.70326L5.49282 6.71142L4.99535 6.15016L4.49788 5.58889L3.37886 6.58072L3.87633 7.14199ZM6.84737 3.22699L7.5746 3.4104L7.9446 1.94332L7.21737 1.75991L6.49014 1.57651L6.12015 3.04359L6.84737 3.22699ZM8.51924 1.05148L8.28393 1.76361L8.39669 1.80087L8.63199 1.08874L8.8673 0.376609L8.75455 0.339352L8.51924 1.05148ZM6.33707 4.57009L7.00266 4.91576C7.25042 4.4387 7.44263 3.9337 7.5746 3.4104L6.84737 3.22699L6.12015 3.04359C6.01667 3.45388 5.86592 3.85002 5.67148 4.22443L6.33707 4.57009ZM8.63199 1.08874L8.39669 1.80087C8.5766 1.86032 8.70978 2.00533 8.75419 2.18143L9.48142 1.99802L10.2086 1.81461C10.0376 1.13649 9.53006 0.595602 8.8673 0.376609L8.63199 1.08874ZM7.21737 1.75991L7.9446 1.94332C7.96222 1.87345 8.01044 1.81221 8.07967 1.7779L7.7466 1.10591L7.41353 0.433927C6.95426 0.661564 6.61583 1.07813 6.49014 1.57651L7.21737 1.75991ZM7.7466 1.10591L8.07967 1.7779C8.14277 1.74663 8.21647 1.74132 8.28393 1.76361L8.51924 1.05148L8.75455 0.339353C8.31273 0.193364 7.83058 0.22722 7.41353 0.433927L7.7466 1.10591ZM9.67509 7.58736V8.33736H13.7048V7.58736V6.83736H9.67509V7.58736ZM1.75569 16.5766L2.50305 16.5137L1.74736 7.52453L1 7.58736L0.252636 7.65019L1.00832 16.6394L1.75569 16.5766ZM1 16.6102H1.75V7.58736H1H0.25V16.6102H1ZM1.75569 16.5766L1.00832 16.6394C0.992662 16.4531 1.1383 16.25 1.37855 16.25V17V17.75C2.06269 17.75 2.557 17.1554 2.50305 16.5137L1.75569 16.5766ZM9.55163 3.57714L10.2923 3.69512C10.392 3.06923 10.3635 2.42882 10.2086 1.81461L9.48142 1.99802L8.75419 2.18143C8.85934 2.59838 8.87873 3.03372 8.81097 3.45916L9.55163 3.57714ZM5.35271 17V16.25C5.08878 16.25 4.83689 16.0378 4.81007 15.7188L4.06271 15.7817L3.31535 15.8445C3.40441 16.904 4.27299 17.75 5.35271 17.75V17ZM4.99535 6.15016L5.49282 6.71142C6.02495 6.23978 6.61283 5.6664 7.00266 4.91576L6.33707 4.57009L5.67148 4.22443C5.41521 4.71787 5.00414 5.14016 4.49788 5.58889L4.99535 6.15016ZM14.9807 9.14815L15.7203 9.27251C15.9299 8.02573 14.998 6.83736 13.7048 6.83736V7.58736V8.33736C14.0185 8.33736 14.3056 8.6402 14.2411 9.0238L14.9807 9.14815ZM1.37855 17V16.25C1.60426 16.25 1.75 16.4321 1.75 16.6102H1H0.25C0.25 17.2188 0.734703 17.75 1.37855 17.75V17ZM9.03621 6.81278L8.29555 6.6948C8.16243 7.53054 8.78884 8.33736 9.67509 8.33736V7.58736V6.83736C9.7148 6.83736 9.74578 6.85754 9.76022 6.87504C9.77419 6.89198 9.77962 6.91351 9.77688 6.93077L9.03621 6.81278ZM3.43103 8.26752L4.17839 8.20469C4.16192 8.00882 4.23881 7.82291 4.37381 7.70325L3.87633 7.14199L3.37886 6.58072C2.88283 7.02037 2.62833 7.67207 2.68366 8.33035L3.43103 8.26752Z' fill='%238137FB'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
        
        .dislike-btn .like-icon {
            transform: rotate(180deg);
        }

        .feedback-thanks {
            height: 104px;
            padding: 0 24px;
            background: #EEE6FE;
            overflow: hidden;
            border-radius: 8px;
            justify-content: space-between;
            align-items: center;
            display: none;
            position: relative;
            background-image: url('https://static.tildacdn.com/tild3130-3937-4637-b664-383938366635/d.svg');
            background-size: cover;
            background-position: center;
        }
        
        .thanks-text {
            flex: 1 1 0;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            gap: 20px;
            display: inline-flex;
        }
        
        .thanks-title {
            align-self: stretch;
            color: black;
            font-size: 24px;
            font-weight: 500;
            line-height: 26.40px;
        }
        @keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.fade-in {
    animation: fadeIn 0.5s ease forwards;
}

.pulse {
    animation: pulse 0.3s ease;
}

        @media (max-width: 1200px) {
            .feedback-question {
                height: 76px;
                padding: 0 20px;
                gap: 20px;
            }
            
            .feedback-title {
                font-size: 18px;
            }
            
            .feedback-buttons {
                justify-content: flex-end;
            }
            
            .feedback-btn {
                width: 36px;
                height: 36px;
            }
            
            .like-icon {
                width: 14px;
                height: 16px;
            }
            
            .feedback-thanks {
                height: 76px;
                padding: 0 20px;
                justify-content: flex-start;
                background-image: url('https://static.tildacdn.com/tild6636-3762-4461-b135-643534663334/m.svg');
            }
            
            .thanks-title {
                width: 140px;
                font-size: 18px;
                line-height: 19.80px;
            }
        }
    
    
/*Хлебные крошки*/


.breadcrumbs {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 0px;
}

.breadcrumbs a {
    color: #000;
}

.breadcrumbs-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.breadcrumb-link {
    color: #000;
    opacity: 0.5;
    font-size: 18px;
    line-height: 1.2;
    font-family: 'CoFo Gothic', sans-serif;
    font-weight: 400;
    text-decoration: none;
    transition: opacity 0.3s ease;
}

.breadcrumb-current {
    color: #000;
    font-size: 18px;
    line-height: 1.2;
    font-family: 'CoFo Gothic', sans-serif;
    font-weight: 400;
    text-decoration: none;
    transition: opacity 0.3s ease;
}

.breadcrumb-link:hover {
    color: #000;
    opacity: 1;
    text-decoration: underline;
}

.breadcrumb-separator {
    width: 6px;
    height: 10px;
    opacity: 0.5;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' viewBox='0 0 6 10' fill='none'%3E%3Cpath d='M0.601562 0.599609L4.60156 4.59961L0.601562 8.59961' stroke='%23000000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

@media (max-width: 1200px) {
    .breadcrumbs {
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
    padding: 32px 0px 32px 0px;
}

.breadcrumbs-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.breadcrumb-link {
    font-size: 16px;
}

.breadcrumb-current {
    font-size: 16px;
}

}

    
/*Другие авторы*/


  .avtors-slider-container {
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
  }

  .avtor-card {
    width: 386px;
    height: 480px !important;
    min-height: 480px !important;
    padding: 24px;
    background: var(--bg-desktop) no-repeat center/cover;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    margin: 0 10px;
    transition: transform 0.3s ease;
    background-color: #fff !important;
  }

  .avtor-card a {
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    width: 100%;
    align-items: center;
  }

  .avtor-header {
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-align: center;
  }

  .avtor-label {
    color: black;
    font-size: 18px;
    font-family: CoFo Gothic, sans-serif;
    font-weight: 400;
    line-height: 1.2;
  }

  .avtor-name {
    color: black;
    font-size: 28px;
    font-family: CoFo Gothic, sans-serif;
    font-weight: 500;
    line-height: 1.1;
  }

  .avtor-button {
    width: 100%;
    height: 56px;
    background: #8137FB;
    border-radius: 4px;
    outline-offset: -1px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 18px;
    font-family: CoFo Gothic, sans-serif;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    transition: background-color 0.3s ease;
  }
  
  .avtor-button:hover {
      background-color: #732BE8;
  }

  .avtor-slider-nav-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 48px;
    gap: 24px;
    flex-wrap: wrap;
  }

  .avtor-slider-nav-bottoms {
    display: inline-flex;
    background: #fff;
    border-radius: 100px;
    padding: 4px;
    gap: 4px;
    order: 2;
  }

  .avtor-slider-nav-bottom {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
  }

  .avtor-slider-nav-bottom svg rect {
    fill: #f6f6f6;
    transition: fill 0.3s;
  }

  .avtor-slider-nav-bottom svg path {
    stroke: black;
  }

  @media (hover: hover) {
    .avtor-slider-nav-bottom:hover svg rect {
      fill: #E8E8E8;
    }
  }

  .slick-prev,
  .slick-next {
    display: none !important;
  }

  .slick-initialized .slick-slide {
    display: flex !important;
    height: 480px !important;
  }

  .slick-slide > div {
    width: 100% !important;
    height: 100% !important;
  }

  .slick-track {
    display: flex !important;
    align-items: stretch !important;
  }

  @media (max-width: 1200px) {
    .avtors-slider-container {
      max-width: 1140px;
    }
    
    .avtor-name {
    font-size: 24px;
  }
  
    .avtor-card {
      width: 360px !important;
      height: 480px !important;
      min-height: 480px !important;
      padding: 24px;
    }
    .avtor-slider-nav-wrapper {
      flex-direction: column;
      gap: 20px;
    }
    .avtor-slider-nav-bottoms {
      order: 1;
    }
  }