/* Индекс блога (ru|kz/blog): лента статей. В Tilda лента масштабировалась вместе с шириной окна —
   здесь так же через zoom (макет 1160 px при ширине окна 1440). Блоки над и под лентой — zero.css. */

.blog { background: var(--c-bg); }
.feed { background: var(--c-bg); }
.feed__list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 90px 40px; width: 1160px; margin: 0 auto; padding: 0; list-style: none; }
@media (min-width: 1201px) { .feed__list { zoom: calc(var(--vw, 1vw) * 100 / 1440); } }
.feed__post { position: relative; cursor: pointer; }
.feed__post img { display: block; width: 100%; height: auto; aspect-ratio: 1.3; object-fit: cover; margin-bottom: 20px; border-radius: 15px; }
.feed__title { color: #232323; font-size: 20px; font-weight: 600; line-height: 1.2; }
.feed__title a { color: inherit; }
.feed__title a::after { content: ''; position: absolute; inset: 0; } /* вся карточка — ссылка */
.feed__post:hover .feed__title { opacity: .8; }
.feed__descr { margin-top: 8px; color: #616161; font-size: 14px; line-height: 1.5; }

@media (max-width: 1200px) {
    .feed__list { width: calc(100% - 20px); gap: 93px 21px; }
}
@media (max-width: 960px) {
    .feed__list { grid-template-columns: 1fr; gap: 75px; width: auto; padding: 0 25px; }
    .feed__descr { margin-top: 10px; }
}
@media (max-width: 640px) {
    .feed__list { gap: 61px; padding: 0 21px 0 20px; }
    .feed__title { font-size: 15px; }
    .feed__descr { margin-top: 9px; font-size: 11px; line-height: 1.55; }
}

/* ---------- новости (ru/news): 4 колонки, дата над заголовком ---------- */
.feed--news .feed__list { grid-template-columns: repeat(4, 1fr); }
.feed__date { display: block; margin-bottom: 10px; color: #616161; font-size: 10px; font-weight: 500; line-height: 1.3; letter-spacing: 1px; }
@media (max-width: 960px) { .feed--news .feed__list { grid-template-columns: 1fr; } }
@media (max-width: 640px) {
    .feed--news .feed__list { gap: 54px; padding: 0 20px 0 19px; }
    .feed--news .feed__descr { margin-top: 8px; line-height: 1.5; }
}

/* попап новости (T390 в Tilda) на <dialog>, открывает site.js по data-popup */
.nw-popup { width: 100%; max-width: none; height: 100%; max-height: none; margin: 0; padding: 65px 20px; overflow-y: auto; background: transparent; color: #232323; }
.nw-popup::backdrop { background: rgba(25, 72, 71, .95); }
.nw-popup__box { width: min(960px, 100%); margin: 0 auto; overflow: hidden; border-radius: 24px; background: #f3f3f3; }
.nw-popup__box img { display: block; width: 100%; height: auto; }
.nw-popup__text { padding: 40px 45px; text-align: center; }
.nw-popup__title { font-size: 24px; font-weight: 500; line-height: 1.17; }
.nw-popup__descr { margin-top: 17px; font-size: 16px; line-height: 1.55; }
.nw-popup__close { position: fixed; right: 10px; top: 10px; width: 43px; height: 43px; padding: 10px; border: 0; background: none; color: #00e572; cursor: pointer; }
.nw-popup__close svg { display: block; width: 23px; height: 23px; }
@media (max-width: 640px) {
    .nw-popup { display: none; padding: 0 20px; }
    .nw-popup[open] { display: flex; align-items: center; }
    .nw-popup__text { padding: 20px; }
    .nw-popup__title { font-size: 20px; }
    .nw-popup__descr { margin-top: 8px; font-size: 14px; line-height: 1.45; }
}