/* ============================================ Стили для блока новостей ============================================ */ /* Сетка новостей */ .news-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; margin: 3rem 0; } /* Карточка новости */ .news-card { background: var(--color-white); border-radius: var(--radius-xl); overflow: hidden; box-shadow: var(--shadow-md); transition: all var(--transition-normal); position: relative; height: 100%; display: flex; flex-direction: column; border: 1px solid var(--color-gray-200); } .news-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-xl); border-color: var(--color-primary-light); } .news-card__inner { display: flex; flex-direction: column; height: 100%; } .news-card__image-wrapper { position: relative; overflow: hidden; aspect-ratio: 16/9; background: var(--color-gray-100); } .news-card__image-link { display: block; width: 100%; height: 100%; } .news-card__image { width: 100%; height: 100%; object-fit: cover; transition: transform var(--transition-normal); } .news-card:hover .news-card__image { transform: scale(1.05); } .news-card__image-placeholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--color-gray-100) 0%, var(--color-gray-200) 100%); } .news-card__date { position: absolute; top: 1rem; left: 1rem; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(5px); padding: 0.75rem 1rem; border-radius: var(--radius-md); box-shadow: var(--shadow-md); display: flex; flex-direction: column; align-items: center; min-width: 70px; text-align: center; z-index: 2; border: 1px solid var(--color-white); } .news-card__date-day { font-size: var(--font-size-2xl); font-weight: 700; color: var(--color-primary); line-height: 1; } .news-card__date-month { font-size: var(--font-size-sm); text-transform: uppercase; color: var(--color-gray-600); line-height: 1.2; } .news-card__date-year { font-size: var(--font-size-xs); color: var(--color-gray-500); line-height: 1.2; } .news-card__content { padding: 1.5rem; flex: 1; display: flex; flex-direction: column; } .news-card__title { font-size: var(--font-size-xl); margin: 0 0 1rem; line-height: 1.3; } .news-card__title-link { color: var(--color-gray-900); text-decoration: none; transition: color var(--transition-fast); } .news-card__title-link:hover { color: var(--color-primary); } .news-card__meta { display: flex; flex-wrap: wrap; gap: 1rem; margin-bottom: 1rem; font-size: var(--font-size-sm); color: var(--color-gray-600); } .news-card__meta-item { display: flex; align-items: center; gap: 0.25rem; } .news-card__meta-icon { font-size: 1rem; opacity: 0.7; } .news-card__excerpt { color: var(--color-gray-700); line-height: 1.6; margin-bottom: 1.5rem; flex: 1; } .news-card__footer { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 1rem; border-top: 1px solid var(--color-gray-200); } .news-card__views { display: flex; align-items: center; gap: 0.25rem; font-size: var(--font-size-sm); color: var(--color-gray-500); } /* Постраничная навигация */ .pagination { margin: 3rem 0; } .pagination__list { display: flex; justify-content: center; align-items: center; gap: 0.5rem; list-style: none; flex-wrap: wrap; } .pagination__item { margin: 0; } .pagination__link { display: flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 0.75rem; background: var(--color-white); border: 1px solid var(--color-gray-200); border-radius: var(--radius-md); color: var(--color-gray-700); font-weight: 500; text-decoration: none; transition: all var(--transition-fast); } .pagination__link:hover, .pagination__item.active .pagination__link { background: var(--color-primary); border-color: var(--color-primary); color: var(--color-white); } .pagination__item.disabled .pagination__link { opacity: 0.5; cursor: not-allowed; pointer-events: none; } .pagination__item--first .pagination__link, .pagination__item--last .pagination__link, .pagination__item--prev .pagination__link, .pagination__item--next .pagination__link { font-size: 1.2rem; } .pagination__icon { line-height: 1; } /* Детальная страница новости */ .news-detail { max-width: 800px; margin: 2rem auto; } .news-detail__header { margin-bottom: 2rem; text-align: center; } .news-detail__title { font-size: var(--font-size-4xl); margin-bottom: 1rem; color: var(--color-gray-900); } .news-detail__meta { color: var(--color-gray-600); font-size: var(--font-size-sm); display: flex; justify-content: center; gap: 1rem; } .news-detail__date { display: inline-flex; align-items: center; gap: 0.5rem; } .news-detail__date::before { content: '