/* ===== FEED FD302: аккуратные карточки без чёрных блоков ===== */ /* Контейнер → сетка */ .t-feed__container{ max-width:calc(100% - 60px); margin:0 auto; } @media (min-width:961px){ .t-feed__container{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); /* надо 4 колонки — поставь 4 */ gap:20px; } } /* Карточка */ .t-feed__post{ position:relative; border-radius:16px; overflow:hidden; background:transparent; /* убираем чёрный фон */ box-shadow:0 8px 24px rgba(0,0,0,.12); transition:transform .25s ease, box-shadow .25s ease; } /* Фоновая картинка блока (вместо ) */ .t-feed__post .t-feed__post-bg{ /* делаем фикс-соотношение сторон через паддинг-хак */ height:auto !important; padding-top:62%; /* ≈16:10; нужно 16:9 — поставь 56.25% */ background-size:cover !important; background-position:center !important; transition:transform .6s ease, filter .3s ease; } /* Тело с текстом кладём поверх картинки, без своих подложек */ .t-feed__post .t-feed__post-body{ position:absolute; left:0; right:0; bottom:0; padding:16px; background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.65) 100%); color:#fff; margin:0; } /* Заголовок и описание */ .t-feed__post .t-feed__post-title{ margin:0 0 6px; font-weight:800; text-shadow:0 2px 8px rgba(0,0,0,.35); } .t-feed__post .t-feed__post-descr{ margin:0; opacity:.95; text-shadow:0 2px 8px rgba(0,0,0,.35); } /* Сбрасываем возможные фоновые подложки от темы */ .t-feed__post .t-feed__post-text, .t-feed__post .t-feed__post-textholder, .t-feed__post .t-card__content{ background:transparent !important; box-shadow:none !important; } /* Hover */ @media (hover:hover){ .t-feed__post:hover{ transform:translateY(-6px); box-shadow:0 16px 40px rgba(0,0,0,.18); } .t-feed__post:hover .t-feed__post-bg{ transform:scale(1.05); filter:saturate(1.05); } } /* Мобилки */ @media (max-width:960px){ .t-feed__container{ display:grid; grid-template-columns:1fr; gap:16px; padding:0 16px; } }