/* Общие стили */
.my-news-block-tg {
 display: flex;
 flex-wrap: wrap;
 gap: 15px;
 margin: 0;
 padding: 0;
}

.my-news-item-tg {
 position: relative;
 border-radius: 6px;
 overflow: hidden;
 width: 100%;
 background: #f0f0f0;
}

.my-news-bg-tg {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
 z-index: 1;
}

.my-news-overlay-tg {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: rgba(0, 0, 0, 0.5);
 z-index: 2;
}

.my-news-content-tg {
 position: relative;
 padding: 8px;
 z-index: 3;
 color: white;
}

.my-news-title-tg { font-size: 12px; margin: 0 0 4px 0; font-weight: bold; }
.my-news-date-tg { font-size: 10px; opacity: 0.9; margin-bottom: 5px; }
.my-news-text-tg { font-size: 11px; line-height: 1.3; margin-bottom: 6px; }
.my-news-link-tg { display: inline-block; padding: 3px 6px; background: rgba(255, 255, 255, 0.2); color: white; text-decoration: none; border-radius: 3px; font-size: 11px; }

/* Обертка для мобильных и планшетов */
.my-news-wrapper-tg {
 width: 100%;
 box-sizing: border-box;
}

/* Мобильные (<768px) */
@media (max-width: 767px) {
 .my-news-wrapper-tg {
 overflow-x: auto;
 padding-bottom: 10px;
 }
 .my-news-block-tg {
 flex-wrap: nowrap;
 }
 .my-news-item-tg {
 flex: 0 0 70%;
 min-height: 100px;
 margin-right: 10px;
 }
}

/* Планшеты: 768–899px (общие) */
@media (min-width: 768px) and (max-width: 899px) {
 .my-news-wrapper-tg {
 overflow-x: auto;
 width: 100%;
 padding: 0;
 box-sizing: border-box;
 }
 .my-news-block-tg {
 display: inline-flex; /* прижим к левому краю + горизонтальный ряд */
 flex-wrap: nowrap;
 gap: 15px;
 margin: 0;
 width: auto;
 }
 .my-news-item-tg {
 flex: 0 0 45%;
 min-height: 80px;
 margin-right: 15px;
 }
}

/* Десктоп (общие ≥900px) — базовое поведение сайта */
@media (min-width: 900px) {
 .my-news-wrapper-tg {
 display: contents;
 }
 .my-news-block-tg {
 position: relative;
 left: <?if($USER_AGENT_PDA$)?>56%;<?else?>55%;<?endif?>
 max-width: <?if($USER_AGENT_PDA$)?>1217px;<?else?>1217px;<?endif?>
 width: 100vw;
 margin-left: -50vw;
 box-sizing: border-box;
 transform: translateX(242px);
 flex-wrap: wrap;
 gap: 15px;
 }
 .my-news-item-tg {
 width: calc(25% - 15px);
 min-height: 80px;
 }
}

/* === ТОЧЕЧНЫЕ РАЗРЕШЕНИЯ (перекрывают общие) ==================== */
/* 640×480 */
@media (width: 640px) and (height: 480px) {
 .my-news-wrapper-tg { overflow-x: auto; padding-bottom: 10px; }
 .my-news-block-tg { display: inline-flex; flex-wrap: nowrap; gap: 10px; margin: 0; width: max-content; left: 0; margin-left: 0; transform: none; }
 .my-news-item-tg { flex: 0 0 70%; min-height: 100px; margin-right: 10px; }
}

/* 800×600 */
@media (width: 800px) and (height: 600px) {
 .my-news-wrapper-tg { overflow-x: auto; padding-bottom: 10px; }
 .my-news-block-tg { display: inline-flex; flex-wrap: nowrap; gap: 15px; margin: 0; width: max-content; left: 0; margin-left: 0; transform: none; }
 .my-news-item-tg { flex: 0 0 45%; min-height: 80px; margin-right: 15px; }
}

/* 1024×768 (планшет в горизонтали — убираем сдвиг, прижимаем слева) */
@media (width: 1024px) and (height: 768px) {
 .my-news-wrapper-tg { display: block; }
 .my-news-block-tg { position: relative; left: 0; margin-left: 0; transform: none; max-width: none; width: 100vw; flex-wrap: wrap; }
 .my-news-item-tg { width: calc(33.333% - 15px); min-height: 80px; }
}

/* 1152×864 */
@media (width: 1152px) and (height: 864px) {
 .my-news-wrapper-tg { display: block; }
 .my-news-block-tg { left: 0; margin-left: 0; transform: none; max-width: none; width: 100vw; }
 .my-news-item-tg { width: calc(25% - 15px); min-height: 80px; }
}

/* 1280×800 */
@media (width: 1280px) and (height: 800px) {
 .my-news-wrapper-tg { display: block; }
 .my-news-block-tg { left: 0; margin-left: 0; transform: none; max-width: none; width: 100vw; }
 .my-news-item-tg { width: calc(25% - 15px); }
}

/* 1280×1024 */
@media (width: 1280px) and (height: 1024px) {
 .my-news-wrapper-tg { display: block; }
 .my-news-block-tg { left: 0; margin-left: 0; transform: none; max-width: none; width: 100vw; }
 .my-news-item-tg { width: calc(25% - 15px); }
}

/* 1366×768 */
@media (width: 1366px) and (height: 768px) {
 .my-news-wrapper-tg { display: block; }
 .my-news-block-tg { left: 0; margin-left: 0; transform: none; max-width: none; width: 100vw; }
 .my-news-item-tg { width: calc(25% - 15px); }
}

/* 1440×900 */
@media (width: 1440px) and (height: 900px) {
 .my-news-wrapper-tg { display: block; }
 .my-news-block-tg { left: 0; margin-left: 0; transform: none; max-width: none; width: 100vw; }
 .my-news-item-tg { width: calc(25% - 15px); }
}

/* 1600×1200 */
@media (width: 1600px) and (height: 1200px) {
 .my-news-wrapper-tg { display: block; }
 .my-news-block-tg { left: 0; margin-left: 0; transform: none; max-width: none; width: 100vw; }
 .my-news-item-tg { width: calc(25% - 15px); } /* можно сделать 5 колонок: width: calc(20% - 12px); */
}

/* 1920×1080 */
@media (width: 1920px) and (height: 1080px) {
 .my-news-wrapper-tg { display: block; }
 .my-news-block-tg { left: 0; margin-left: 0; transform: none; max-width: none; width: 100vw; }
 .my-news-item-tg { width: calc(25% - 15px); }
}