.expert-catalog { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.expert-card { display: flex; min-width: 0; min-height: 440px; flex-direction: column; overflow: hidden; color: #10182d; text-decoration: none; background: #fff; border: 1px solid #e7e8f3; border-radius: 19px; box-shadow: 0 15px 42px rgba(30,22,70,.05); transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease; }
.expert-card:hover { color: #10182d; text-decoration: none; transform: translateY(-5px); border-color: rgba(94,19,239,.25); box-shadow: 0 22px 52px rgba(30,22,70,.1); }
.expert-card__media { display: flex; overflow: hidden; min-height: 220px; align-items: center; justify-content: center; background: radial-gradient(circle at 75% 20%, rgba(237,63,141,.18), transparent 32%), linear-gradient(145deg, #f6f1ff, #fff); }
.expert-card__media img { display: block; width: 100%; height: 100%; min-height: 220px; object-fit: cover; transition: transform .45s ease; }
.expert-card:hover .expert-card__media img { transform: scale(1.035); }
.expert-card__media i { display: flex; width: 80px; height: 80px; align-items: center; justify-content: center; color: #fff; font-size: 36px; font-style: normal; font-weight: 800; background: linear-gradient(135deg, #5e13ef, #ed3f8d); border-radius: 22px; box-shadow: 0 20px 40px rgba(94,19,239,.22); }
.expert-card__body { display: flex; flex: 1; flex-direction: column; padding: 25px; }
.expert-card__meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 17px; color: #74809b; font-size: 12px; }
.expert-card__meta b { color: #6819df; font-weight: 700; }
.expert-card__title { font-size: 21px; line-height: 1.28; letter-spacing: -.015em; }
.expert-card__text { display: -webkit-box; overflow: hidden; margin-top: 13px; color: #53617e; font-size: 14px; line-height: 1.6; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.expert-card__link { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 24px; color: #5e13ef; font-size: 14px; font-weight: 700; }
.expert-card--featured { grid-column: span 2; display: grid; grid-template-columns: minmax(300px, .95fr) minmax(0, 1.05fr); min-height: 390px; }
.expert-card--featured .expert-card__media, .expert-card--featured .expert-card__media img { min-height: 390px; }
.expert-card--featured .expert-card__body { padding: clamp(28px, 4vw, 44px); }
.expert-card--featured .expert-card__title { font-size: clamp(27px, 3vw, 38px); line-height: 1.15; }
.expert-card--featured .expert-card__text { font-size: 16px; -webkit-line-clamp: 4; }
.expert-catalog__pager { margin-top: 46px; }
.expert-catalog__pager .pagination { display: flex; flex-wrap: wrap; gap: 7px; justify-content: center; margin: 0; padding: 0; list-style: none; }
.expert-catalog__pager .page-item { margin: 0; }
.expert-catalog__pager .page-link { display: flex; min-width: 42px; height: 42px; align-items: center; justify-content: center; padding: 0 12px; color: #5e13ef; font-size: 14px; font-weight: 700; text-decoration: none; background: #fff; border: 1px solid #e7e8f3; border-radius: 10px; box-shadow: none; }
.expert-catalog__pager .page-item.active .page-link { color: #fff; background: linear-gradient(135deg, #5e13ef, #a62ada); border-color: transparent; }
.expert-catalog__pager .page-item.disabled .page-link { color: #aeb4c4; background: #fafafd; }
.expert-catalog__empty { padding: 50px; color: #74809b; text-align: center; background: #faf9ff; border: 1px solid #e7e8f3; border-radius: 18px; }

@media (max-width: 991.98px) { .expert-catalog { grid-template-columns: repeat(2, minmax(0, 1fr)); } .expert-card--featured { grid-column: 1 / -1; } }
@media (max-width: 767.98px) { .expert-catalog { grid-template-columns: 1fr; } .expert-card--featured { display: flex; grid-column: auto; } .expert-card--featured .expert-card__media, .expert-card--featured .expert-card__media img { min-height: 230px; } .expert-card--featured .expert-card__title { font-size: 25px; } .expert-card { min-height: 410px; } }