/* Start:/bitrix/components/nordsite/telegram.news/templates/.default/style.css?177325334727928*/
.ns-tg-container { font-family: inherit; position: relative; box-sizing: border-box; }

/* Titles */
.ns-tg-main-title-wrap { margin-bottom: 20px; }
.ns-tg-main-title { margin: 0 0 5px 0; font-size: 24px; color: #333; font-family: inherit; }
.ns-tg-main-subtitle { font-size: 14px; color: #666; font-family: inherit; }
.ns-tg-main-title-wrap.align-left { text-align: left; }
.ns-tg-main-title-wrap.align-center { text-align: center; }
.ns-tg-main-title-wrap.align-right { text-align: right; }

/* Layout & Sticky Sentinels */
.ns-tg-sticky-sentinel { position: absolute; visibility: hidden; height: 1px; width: 1px; top: -1px; pointer-events: none; }
.ns-tg-sticky-sentinel.bottom-sentinel { top: auto; bottom: -1px; }

.ns-tg-layout { display: flex; flex-direction: column; gap: 20px; align-items: stretch; }
.ns-tg-layout.pos-left { flex-direction: row; justify-content: center; }
.ns-tg-layout.pos-right { flex-direction: row; justify-content: center; }

.ns-tg-layout-main { flex: 0 1 auto; min-width: 0; width: 100%; position: relative; }
.ns-tg-layout.pos-left .ns-tg-layout-main, .ns-tg-layout.pos-right .ns-tg-layout-main { width: auto; }

.ns-tg-layout-aside-wrap { width: 300px; flex-shrink: 0; box-sizing: border-box; }
.ns-tg-layout-wide-top { margin-bottom: 20px; }
.ns-tg-layout-wide-bottom { margin-top: 20px; }

.ns-tg-layout-aside-wrap.is-sticky { position: sticky; top: 20px; z-index: 50; align-self: flex-start; }
.ns-tg-layout-wide-top.is-sticky { position: sticky; top: 0; z-index: 60; }
.ns-tg-layout-wide-bottom.is-sticky { position: sticky; bottom: 0; z-index: 60; }

@media (max-width: 768px) {
    .ns-tg-layout.pos-left, .ns-tg-layout.pos-right { flex-direction: column; }
    .ns-tg-layout-aside-wrap { width: 100%; align-self: auto; position: static !important; z-index: auto !important; }
    .ns-tg-layout.pos-left .ns-tg-layout-main, .ns-tg-layout.pos-right .ns-tg-layout-main { width: 100%; }
    .ns-tg-layout-wide-top.is-sticky, .ns-tg-layout-wide-bottom.is-sticky { position: static !important; z-index: auto !important; }
}

/* Channel Info Base */
.ns-tg-channel-info { 
    display: flex; flex-direction: column; 
    padding: 20px; background: #fff; border-radius: 12px; 
    box-shadow: 0 2px 10px rgba(0,0,0,0.05); border: 1px solid #eaeaea; width: 100%; box-sizing: border-box; transition: all 0.3s ease;
}

.ns-tg-layout-wide-top .ns-tg-channel-info, .ns-tg-layout-wide-bottom .ns-tg-channel-info { flex-direction: row; align-items: center; }
@media (max-width: 768px) { .ns-tg-layout-wide-top .ns-tg-channel-info, .ns-tg-layout-wide-bottom .ns-tg-channel-info { flex-direction: column; align-items: flex-start; } }

.ns-tg-channel-main-data { display: flex; gap: 15px; margin-bottom: 15px; align-items: center; transition: all 0.3s ease; }
.ns-tg-layout-wide-top .ns-tg-channel-main-data, .ns-tg-layout-wide-bottom .ns-tg-channel-main-data { margin-bottom: 0; min-width: 250px; }

.ns-tg-channel-logo { flex-shrink: 0; display: block; }
.ns-tg-channel-logo img { width: 70px; height: 70px; border-radius: 50%; object-fit: cover; transition: all 0.3s; }
.ns-tg-channel-details { flex-grow: 1; min-width: 0; }
.ns-tg-channel-name { display: block; font-size: 18px; font-weight: bold; color: #000; text-decoration: none; margin-bottom: 3px; transition: all 0.3s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ns-tg-channel-handle { color: #2AABEE; text-decoration: none; font-size: 13px; margin-bottom: 10px; display: inline-block; transition: all 0.3s;}
.ns-tg-layout-wide-top .ns-tg-channel-handle, .ns-tg-layout-wide-bottom .ns-tg-channel-handle { margin-bottom: 0; }

.ns-tg-channel-desc { font-size: 13px; color: #555; margin-bottom: 15px; line-height: 1.4; word-break: break-word; }
.ns-tg-layout-wide-top .ns-tg-channel-desc, .ns-tg-layout-wide-bottom .ns-tg-channel-desc { margin-bottom: 0; margin-left: 15px; flex-grow: 1; }

.ns-tg-channel-stats { display: flex; flex-wrap: wrap; gap: 12px; }
.ns-tg-layout-wide-top .ns-tg-channel-stats, .ns-tg-layout-wide-bottom .ns-tg-channel-stats { margin-left: auto; justify-content: flex-end; }

.ns-tg-stat { display: flex; font-size: 12px; color: #333; gap: 4px; align-items: center; }
.ns-tg-stat b { font-size: 14px; color: #000; }
.ns-tg-stat.pos-left { flex-direction: row-reverse; }
.ns-tg-stat.pos-right { flex-direction: row; }
.ns-tg-stat.pos-top { flex-direction: column-reverse; align-items: flex-start; gap: 0; }
.ns-tg-stat.pos-bottom { flex-direction: column; align-items: flex-start; gap: 0; }

.ns-tg-channel-btn-open {
    display: block; margin-top: 15px; padding: 10px 16px; background: #2AABEE; color: #fff;
    border-radius: 8px; text-decoration: none; font-size: 14px; font-weight: 500;
    text-align: center; transition: opacity 0.2s; white-space: nowrap; font-family: inherit;
}
.ns-tg-layout-wide-top .ns-tg-channel-btn-open, .ns-tg-layout-wide-bottom .ns-tg-channel-btn-open { margin-top: 0; margin-left: 20px; }
.ns-tg-channel-btn-open:hover { opacity: 0.9; color: #fff; }

/* COMPACT MODE STYLES */
.compact-on-sticky.is-stuck .ns-tg-channel-info { 
    padding: 10px 20px; flex-direction: row; align-items: center; justify-content: space-between; 
    box-shadow: 0 5px 20px rgba(0,0,0,0.1); border-color: transparent;
}
.ns-tg-layout-wide-top.compact-on-sticky.is-stuck .ns-tg-channel-info { border-radius: 0 0 12px 12px; }
.ns-tg-layout-wide-bottom.compact-on-sticky.is-stuck .ns-tg-channel-info { border-radius: 12px 12px 0 0; }

.compact-on-sticky.is-stuck .ns-tg-channel-desc,
.compact-on-sticky.is-stuck .ns-tg-channel-stats { display: none !important; }
.compact-on-sticky.is-stuck .ns-tg-channel-main-data { margin-bottom: 0; min-width: auto; flex-grow: 1; }
.compact-on-sticky.is-stuck .ns-tg-channel-btn-open { margin-top: 0; margin-left: 15px; flex-shrink: 0; }
.compact-on-sticky.is-stuck .ns-tg-channel-logo img { width: 45px; height: 45px; }
.compact-on-sticky.is-stuck .ns-tg-channel-name { font-size: 16px; margin-bottom: 2px; }
.compact-on-sticky.is-stuck .ns-tg-channel-handle { font-size: 12px; margin-bottom: 0; }

.ns-tg-layout-aside-wrap.compact-on-sticky.is-stuck .ns-tg-channel-info { flex-direction: column; align-items: stretch; justify-content: center; text-align: center; padding: 15px; }
.ns-tg-layout-aside-wrap.compact-on-sticky.is-stuck .ns-tg-channel-btn-open { margin-top: 15px; margin-left: 0; }
.ns-tg-layout-aside-wrap.compact-on-sticky.is-stuck .ns-tg-channel-main-data { justify-content: center; flex-direction: column; gap: 10px; }


/* ИСПРАВЛЕННАЯ СЕТКА (Grid / Slider / Carousel wrappers) */
.ns-tg-news-wrapper { gap: 20px; }

/* 1. Мобильные устройства (всегда 1 колонка) */
.ns-tg-news-wrapper.type-blocks { 
    display: grid; 
    grid-template-columns: 1fr; 
}
.ns-tg-news-wrapper.type-blocks[style*="--cols: 1"] .ns-tg-post { 
    max-width: var(--post-max-width, 430px); 
    width: 100%; 
    margin: 0 auto; 
    box-sizing: border-box; 
}

/* 2. Планшеты (Умная адаптивность) */
@media (min-width: 640px) {
    .ns-tg-news-wrapper.type-blocks:not([style*="--cols: 1"]) { 
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); 
    }
}

/* 3. Десктопы (Строго по настройкам компонента --cols) */
@media (min-width: 1024px) {
    .ns-tg-news-wrapper.type-blocks:not([style*="--cols: 1"]) { 
        grid-template-columns: repeat(var(--cols), minmax(0, 1fr)); 
    }
}

/* Слайдер и Карусель */
.ns-tg-slider-container { position: relative; width: 100%; }
.ns-tg-slider-container.has-arrows-Y { padding: 0 45px; box-sizing: border-box; }

.ns-tg-news-wrapper.type-slider, .ns-tg-news-wrapper.type-carousel {
    display: grid; grid-template-rows: repeat(var(--rows), auto); grid-auto-flow: column;
    overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 15px; scrollbar-color: #aaa transparent;
    grid-auto-columns: calc((100% - (20px * (var(--slider-items) - 1))) / var(--slider-items));
    scroll-behavior: smooth;
}
.ns-tg-news-wrapper.type-slider .ns-tg-post { scroll-snap-align: start; }
.ns-tg-news-wrapper.type-carousel .ns-tg-post { scroll-snap-align: center; }

/* Настройки скроллбара (только для слайдера) */
.ns-tg-news-wrapper[data-scrollbar="none"]::-webkit-scrollbar { display: none; }
.ns-tg-news-wrapper[data-scrollbar="none"] { scrollbar-width: none; }
.ns-tg-news-wrapper[data-scrollbar="hover"]::-webkit-scrollbar-thumb { background: transparent; }
.ns-tg-news-wrapper[data-scrollbar="hover"]:hover::-webkit-scrollbar-thumb { background: #ccc; }
.ns-tg-news-wrapper::-webkit-scrollbar { height: 8px; }
.ns-tg-news-wrapper::-webkit-scrollbar-thumb { background: #ccc; border-radius: 5px; }
.ns-tg-news-wrapper::-webkit-scrollbar-thumb:hover { background: #aaa; }

/* Стрелки слайдера */
.ns-tg-slider-arrow {
    position: absolute; top: calc(50% - 15px); transform: translateY(-50%);
    width: 40px; height: 40px; background: #fff; border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1); cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    z-index: 10; border: 1px solid #eaeaea; font-size: 26px; color: #555; line-height: 1; padding-bottom: 4px;
    transition: all 0.2s ease;
}
.ns-tg-slider-arrow:hover { background: #f9f9f9; color: #2AABEE; box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
.ns-tg-slider-arrow:active { transform: translateY(-50%) scale(0.95); }
.ns-tg-slider-arrow.prev { left: 0; }
.ns-tg-slider-arrow.next { right: 0; }

@media (max-width: 768px) {
    .ns-tg-news-wrapper.type-slider, .ns-tg-news-wrapper.type-carousel { grid-auto-columns: 85%; }
    .ns-tg-slider-container.has-arrows-Y { padding: 0; }
    .ns-tg-slider-arrow { display: none !important; }
}

/* Post Card */
.ns-tg-post {
    border-radius: 12px; padding: 15px; font-family: inherit;
    background: #fff; display: flex; flex-direction: column; gap: 12px;
    height: 100%; box-sizing: border-box; transition: all 0.3s ease;
    border-width: var(--post-border-w, 1px);
    border-style: solid;
    border-color: var(--post-border-c, #e0e0e0);
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

.ns-tg-post.shadow-none { box-shadow: none; }
.ns-tg-post.shadow-var1 { box-shadow: 0 2px 8px rgba(0,0,0,0.04); }
.ns-tg-post.shadow-var2 { box-shadow: 0 10px 20px rgba(0,0,0,0.08); border-color: transparent;}
.ns-tg-post.shadow-var3 { border-color: #333; box-shadow: 4px 4px 0px rgba(0,0,0,0.1); }
.ns-tg-post.shadow-var4 { box-shadow: inset 0 0 0 1px #e0e0e0, 0 4px 12px rgba(0,0,0,0.05); border-color: transparent;}
.ns-tg-post.shadow-var5 { box-shadow: 0 8px 24px rgba(149,157,165,0.2); border-color: transparent;}
.ns-tg-post.shadow-var6 { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); border-color: transparent;}
.ns-tg-post.shadow-var7 { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; border-color: transparent;}
.ns-tg-post.shadow-var8 { box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; border-color: transparent;}

/* Hover Animations */
.ns-tg-post.hover-scale-up:hover { transform: scale(1.02); }
.ns-tg-post.hover-lift-up:hover { transform: translateY(-5px); box-shadow: 0 15px 25px rgba(0,0,0,0.1); }
.ns-tg-post.hover-glow:hover { box-shadow: 0 0 15px rgba(42, 171, 238, 0.4); border-color: #2AABEE; }
.ns-tg-post.hover-border-glow:hover { border-color: #2AABEE; }
.ns-tg-post.hover-tilt:hover { transform: rotate(1deg); }
.ns-tg-post.hover-press:hover { transform: scale(0.98); }
.ns-tg-post.hover-flash:hover { opacity: 0.8; }
.ns-tg-post.hover-float:hover { transform: translateY(-3px); }
.ns-tg-post.hover-swing:hover { animation: nsSwing 0.5s ease; }
@keyframes nsSwing { 20% { transform: rotate(2deg); } 40% { transform: rotate(-2deg); } 60% { transform: rotate(1deg); } 80% { transform: rotate(-1deg); } 100% { transform: rotate(0deg); } }

/* Appearance Animations */
.anim-item { opacity: 0; }
.anim-item.is-visible { opacity: 1; }
.anim-fade-in.is-visible { animation: nsFadeIn 0.6s ease forwards; }
.anim-fade-up.is-visible { animation: nsFadeUp 0.6s ease forwards; }
.anim-fade-down.is-visible { animation: nsFadeDown 0.6s ease forwards; }
.anim-fade-left.is-visible { animation: nsFadeLeft 0.6s ease forwards; }
.anim-fade-right.is-visible { animation: nsFadeRight 0.6s ease forwards; }
.anim-zoom-in.is-visible { animation: nsZoomIn 0.6s ease forwards; }
.anim-zoom-out.is-visible { animation: nsZoomOut 0.6s ease forwards; }
.anim-flip-up.is-visible { animation: nsFlipUp 0.6s ease forwards; }
.anim-flip-down.is-visible { animation: nsFlipDown 0.6s ease forwards; }
.anim-slide-in.is-visible { animation: nsSlideIn 0.6s ease forwards; }

@keyframes nsFadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes nsFadeUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
@keyframes nsFadeDown { from { opacity: 0; transform: translateY(-30px); } to { opacity: 1; transform: translateY(0); } }
@keyframes nsFadeLeft { from { opacity: 0; transform: translateX(30px); } to { opacity: 1; transform: translateX(0); } }
@keyframes nsFadeRight { from { opacity: 0; transform: translateX(-30px); } to { opacity: 1; transform: translateX(0); } }
@keyframes nsZoomIn { from { opacity: 0; transform: scale(0.9); } to { opacity: 1; transform: scale(1); } }
@keyframes nsZoomOut { from { opacity: 0; transform: scale(1.1); } to { opacity: 1; transform: scale(1); } }
@keyframes nsFlipUp { from { opacity: 0; transform: perspective(400px) rotateX(90deg); } to { opacity: 1; transform: perspective(400px) rotateX(0deg); } }
@keyframes nsFlipDown { from { opacity: 0; transform: perspective(400px) rotateX(-90deg); } to { opacity: 1; transform: perspective(400px) rotateX(0deg); } }
@keyframes nsSlideIn { from { opacity: 0; transform: translateX(100%); } to { opacity: 1; transform: translateX(0); } }

/* Post Header */
.ns-tg-post-header { display: flex; align-items: center; gap: 10px; margin-bottom: 5px; }
.ns-tg-post-logo { width: 38px; height: 38px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
.ns-tg-post-logo-link { display: block; flex-shrink: 0; }
.ns-tg-post-author-wrap { display: flex; flex-direction: column; min-width: 0; }
.ns-tg-post-author { 
    font-weight: bold; text-decoration: none; font-family: inherit;
    font-size: var(--post-title-fz, 14px); 
    color: var(--post-title-c, #000); 
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
a.ns-tg-post-author:hover { text-decoration: underline; }
.ns-tg-post-forwarded { font-size: 12px; color: #888; margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* Media Galleries */
.ns-tg-post-gallery { position: relative; border-radius: 8px; overflow: hidden; cursor: pointer; display: grid; gap: 4px; }
.ns-tg-post-img { position: relative; display: block; overflow: hidden; background: #f4f4f5; }
.ns-tg-post-img img, .ns-tg-post-img video { width: 100%; height: 100%; display: block; object-fit: cover; }
.ns-tg-photo-count {
    position: absolute; bottom: 8px; right: 8px;
    background: rgba(0, 0, 0, 0.6); color: #fff; font-family: inherit;
    padding: 4px 8px; border-radius: 12px; font-size: 12px; font-weight: bold; z-index: 2;
}

.ns-tg-video-badge {
    position: absolute; top: 10px; left: 10px; background: rgba(0,0,0,0.6); color: #fff;
    padding: 6px 10px; border-radius: 20px; font-size: 11px; display: flex; align-items: center; gap: 6px; z-index: 2; font-weight: bold; pointer-events: none;
}
.ns-tg-icon-play { width: 12px; height: 12px; }

/* Height Types */
.media-strict .ns-tg-post-img img, .media-strict .ns-tg-post-img video { height: var(--media-strict, 100px); object-fit: cover; }
.media-adaptive .ns-tg-post-img img, .media-adaptive .ns-tg-post-img video { height: 100%; object-fit: cover; }

.ns-tg-post-gallery.type-single .ns-tg-post-img:nth-child(n+2) { display: none; }
.ns-tg-post-gallery.type-max3 .ns-tg-post-img:nth-child(n+4) { display: none; }
.ns-tg-post-gallery.type-max4 .ns-tg-post-img:nth-child(n+5) { display: none; }
.ns-tg-post-gallery.type-all .ns-tg-post-img:nth-child(n+5) { display: none; } 

/* Grid layouts */
.ns-tg-post-gallery.count-1 { grid-template-columns: 1fr; }
.media-adaptive .ns-tg-post-gallery.count-1 .ns-tg-post-img img, .media-adaptive .ns-tg-post-gallery.count-1 .ns-tg-post-img video { max-height: 500px; height: auto; object-fit: contain; }

.ns-tg-post-gallery.count-2 { grid-template-columns: 1fr 1fr; }
.media-adaptive .ns-tg-post-gallery.count-2 .ns-tg-post-img { aspect-ratio: 1 / 1; }

.ns-tg-post-gallery.count-3 { grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; }
.media-adaptive .ns-tg-post-gallery.count-3 .ns-tg-post-img:first-child { grid-column: 1 / -1; aspect-ratio: 16 / 9; }
.media-adaptive .ns-tg-post-gallery.count-3 .ns-tg-post-img:not(:first-child) { aspect-ratio: 1 / 1; }

.ns-tg-post-gallery.count-4 { grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; }
.media-adaptive .ns-tg-post-gallery.count-4 .ns-tg-post-img { aspect-ratio: 1 / 1; }

/* Text */
.ns-tg-post-text-wrap { flex-grow: 1; display: flex; flex-direction: column; gap: 8px;}
.ns-tg-post-text { 
    line-height: 1.5; word-break: break-word; overflow-wrap: break-word; font-family: inherit;
    font-size: var(--post-text-fz, 14px); 
    color: var(--post-text-c, #333); 
}
.ns-tg-post-text[style*="-webkit-line-clamp"] {
    display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;
}
.ns-tg-post-text a { color: #2AABEE; text-decoration: none; }
.ns-tg-post-text a:hover { text-decoration: underline; }
.ns-tg-post-text blockquote { border-left: 3px solid #2AABEE; margin: 5px 0 5px 10px; padding-left: 10px; color: #555; font-style: italic; }
.ns-tg-read-more { display: inline-block; color: #2AABEE; cursor: pointer; font-size: 13px; font-weight: bold; margin-top: 2px; align-self: flex-start; }
.ns-tg-read-more:hover { text-decoration: underline; }

/* Spoiler */
tg-spoiler { background: rgba(0,0,0,0.15); color: transparent; border-radius: 4px; cursor: pointer; transition: all 0.3s; padding: 0 4px; }
tg-spoiler:hover, tg-spoiler.is-revealed { background: transparent; color: inherit; }

/* Files / Documents */
.ns-tg-post-files { display: flex; flex-direction: column; gap: 8px; margin-top: 5px; }
.ns-tg-file { display: flex; align-items: center; gap: 12px; padding: 10px 14px; border-radius: 8px; background: rgba(42, 171, 238, 0.05); text-decoration: none; color: inherit; transition: background 0.2s; border: 1px solid rgba(42, 171, 238, 0.1); }
.ns-tg-file:hover { background: rgba(42, 171, 238, 0.1); }
.ns-tg-file-icon { width: 30px; height: 30px; color: #2AABEE; flex-shrink: 0; }
.ns-tg-file-info { display: flex; flex-direction: column; min-width: 0; }
.ns-tg-file-title { font-size: 14px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333; font-family: inherit; }
.ns-tg-file-extra { font-size: 12px; color: #888; font-family: inherit; }

/* Link Previews */
.ns-tg-link-preview {
    display: flex; border-left: 3px solid #2AABEE; background: rgba(42, 171, 238, 0.05);
    margin-top: 5px; text-decoration: none; color: inherit; overflow: hidden; border-radius: 4px; transition: background 0.2s;
}
.ns-tg-link-preview.type-small { flex-direction: row; }
.ns-tg-link-preview.type-large { flex-direction: column; }
.ns-tg-link-preview:hover { background: rgba(42, 171, 238, 0.1); }

.ns-tg-link-preview.type-small .ns-tg-lp-image {
    width: 80px; min-height: 80px; flex-shrink: 0; background-size: cover; background-position: center; border-right: 1px solid rgba(0,0,0,0.05);
}
.ns-tg-link-preview.type-large .ns-tg-lp-image {
    width: 100%; height: 200px; background-size: cover; background-position: center; border-bottom: 1px solid rgba(0,0,0,0.05);
}
.ns-tg-lp-content {
    padding: 8px 10px; display: flex; flex-direction: column; justify-content: center; min-width: 0; flex-grow: 1;
}
.ns-tg-lp-site { font-size: 12px; color: #2AABEE; margin-bottom: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ns-tg-lp-title { font-size: 14px; font-weight: bold; margin-bottom: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #000; font-family: inherit;}
.ns-tg-lp-desc { font-size: 13px; color: #666; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.3; }

/* Emojis */
.ns-tg-post-text i.emoji { display: inline-block; width: 20px; height: 20px; vertical-align: middle; background-size: contain; background-repeat: no-repeat; background-position: center; }
.ns-tg-post-text i.emoji b { display: none; }
tg-emoji { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; width: 22px; height: 22px; margin: 0 2px; }
tg-emoji img, tg-emoji video, tgs-player, lottie-player { width: 100%; height: 100%; object-fit: contain; display: block; background: transparent; pointer-events: none;}

/* Reactions */
.ns-tg-post-reactions { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 5px; }
.ns-tg-reaction { 
    display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: #555;
    background: #f0f2f5; padding: 4px 10px; border-radius: 12px; font-weight: 600; font-family: inherit;
}
.ns-tg-reaction-icon { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; }
.ns-tg-reaction-icon * { margin: 0 !important; padding: 0 !important; }
.ns-tg-reaction-icon img, .ns-tg-reaction-icon video, .ns-tg-reaction-icon tg-emoji, .ns-tg-reaction-icon svg { width: 100%; height: 100%; object-fit: contain; display: block; }
.ns-tg-reaction-icon picture, .ns-tg-reaction-icon source { width: 100%; height: 100%; display: block; object-fit: contain; }
.ns-tg-reaction-icon i.emoji { display: block; width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; }
.ns-tg-reaction-icon i.emoji b { display: none; }

.ns-tg-reaction-icon tg-emoji.tg-emoji-failed, .ns-tg-post-text tg-emoji.tg-emoji-failed {
    display: inline-block; width: 100%; height: 100%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23aaa'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm1-13h-2v6h2V7zm0 8h-2v2h2v-2z'/%3E%3C/svg%3E") center/contain no-repeat; 
}
.ns-tg-post-text tg-emoji.tg-emoji-failed { width: 20px; height: 20px; }

/* Footer */
.ns-tg-post-footer { 
    display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px;
    border-top: 1px solid var(--post-border-c, #e0e0e0); padding-top: 10px; margin-top: auto; flex-shrink: 0;
}
.ns-tg-post-meta { display: flex; align-items: center; gap: 12px; color: #888; font-size: 12px; }
.ns-tg-views { display: flex; align-items: center; gap: 4px; }
.ns-tg-icon-views { 
    display: inline-block; width: 15px; height: 15px; 
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23888'%3E%3Cpath d='M10 4.5C5 4.5 1.5 10 1.5 10s3.5 5.5 8.5 5.5 8.5-5.5 8.5-5.5-3.5-5.5-8.5-5.5zm0 9c-2 0-3.5-1.5-3.5-3.5S8 6.5 10 6.5 13.5 8 13.5 12 13.5 10 13.5zm0-5.5c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z'/%3E%3C/svg%3E") center/contain no-repeat; 
}
.ns-tg-btn { 
    color: #2AABEE; text-decoration: none; font-weight: 500; font-size: 13px; font-family: inherit;
    padding: 6px 12px; border-radius: 6px; background: rgba(42, 171, 238, 0.1); 
    transition: background 0.2s; white-space: nowrap;
}
.ns-tg-btn:hover { background: rgba(42, 171, 238, 0.2); }

/* Buttons More */
.ns-tg-more-wrap { text-align: center; width: 100%; }
.ns-tg-more-wrap.top { margin-bottom: 20px; }
.ns-tg-more-wrap.bottom { margin-top: 20px; }
.ns-tg-btn-more { 
    background: #2AABEE; color: #fff; border: none; padding: 10px 24px; font-family: inherit;
    border-radius: 8px; font-size: 16px; cursor: pointer; transition: opacity 0.2s;
}
.ns-tg-btn-more:hover { opacity: 0.9; }
.ns-tg-btn-more.loading { opacity: 0.6; pointer-events: none; }

/* Слайд-кнопка в режиме слайдера */
.ns-tg-slide-more-wrap { justify-content: center; align-items: center; border-style: dashed !important; background: rgba(0,0,0,0.02); }
.ns-tg-slide-more-wrap .slide-btn { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: transparent; color: #2AABEE; font-weight: bold; border: 2px dashed #2AABEE; transition: all 0.2s; }
.ns-tg-slide-more-wrap .slide-btn:hover { background: #2AABEE; color: #fff; }

/* Modal Windows */
.ns-tg-modal { display: none; position: fixed; z-index: 99999; left: 0; top: 0; width: 100%; height: 100%; font-family: inherit; }
.ns-tg-modal.is-active { display: block; animation: nsFadeIn 0.2s ease forwards;}
.ns-tg-modal-overlay { position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.8); cursor: pointer; }
.ns-tg-modal-content { 
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    background: #fff; border-radius: 12px; padding: 20px; width: 90%; max-width: 600px;
    max-height: 90vh; overflow-y: auto; box-shadow: 0 5px 30px rgba(0,0,0,0.3); box-sizing: border-box;
}
.ns-tg-modal-close {
    position: absolute; top: 10px; right: 15px; font-size: 30px; font-weight: bold;
    color: #333; cursor: pointer; background: transparent; border: none; line-height: 1; z-index: 10;
}

/* Lightbox specific */
.ns-tg-modal-lightbox { z-index: 100000; }
.ns-tg-modal-lightbox .ns-tg-modal-content { 
    background: transparent; padding: 0; box-shadow: none; text-align: center; 
    overflow: visible; display: flex; align-items: center; justify-content: center; height: 90%; max-width: 90vw; 
}
.ns-tg-lightbox-img { max-width: 100%; max-height: 100%; width: auto; height: auto; border-radius: 8px; object-fit: contain; cursor: pointer; user-select: none;}
.ns-tg-modal-lightbox .ns-tg-modal-close { color: #fff; top: -40px; right: -20px; }

.ns-tg-lightbox-btn {
    position: absolute; top: 50%; transform: translateY(-50%);
    background: rgba(0,0,0,0.5); color: #fff; border: none; font-size: 30px; 
    width: 40px; height: 40px; border-radius: 50%; cursor: pointer; z-index: 15;
    display: flex; align-items: center; justify-content: center; line-height: 1; transition: background 0.2s;
}
.ns-tg-lightbox-btn:hover { background: rgba(0,0,0,0.8); }
.ns-tg-lightbox-btn.prev { left: -50px; }
.ns-tg-lightbox-btn.next { right: -50px; }

@media (max-width: 768px) {
    .ns-tg-lightbox-btn.prev { left: 10px; }
    .ns-tg-lightbox-btn.next { right: 10px; }
}

/* Modal Post Override */
.ns-tg-modal-body .ns-tg-post { border: none !important; box-shadow: none !important; padding: 0; max-width: 100%; animation: none !important; transform: none !important; }
.ns-tg-modal-body .ns-tg-post:hover { transform: none !important; box-shadow: none !important; animation: none !important; }
.ns-tg-modal-body .ns-tg-post-text { display: block !important; -webkit-line-clamp: unset !important; }
.ns-tg-modal-body .ns-tg-read-more { display: none !important; }

.ns-tg-modal-body .ns-tg-post-gallery.is-in-modal { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); pointer-events: auto; }
.ns-tg-modal-body .ns-tg-post-gallery.is-in-modal .ns-tg-post-img { display: block !important; aspect-ratio: 1/1; cursor: zoom-in; }
.ns-tg-modal-body .ns-tg-post-gallery.is-in-modal .ns-tg-post-img img, .ns-tg-modal-body .ns-tg-post-gallery.is-in-modal .ns-tg-post-img video { object-fit: cover; height: 100%; width: 100%; }
.ns-tg-modal-body .ns-tg-video-badge { pointer-events: none; }
/* End */
/* /bitrix/components/nordsite/telegram.news/templates/.default/style.css?177325334727928 */