/* Каталог кейсов /cases/ — карточки .projects-wrap-item с главной, шахматная раскладка и фильтр SEO / GEO */

.section-wrap.cases-catalog-hero { margin-bottom: 40px; }
.cases-catalog-hero .h1-descr { max-width: 720px; }

.cases-catalog-filter {
    display: flex; flex-wrap: wrap; gap: 12px; margin-top: 36px;
}
.cases-catalog-filter button {
    background: transparent; color: #F1F1F1; cursor: pointer;
    border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 100px;
    padding: 12px 26px; font-size: 16px; font-weight: 600; line-height: 1;
    transition: background-color .2s, border-color .2s;
}
.cases-catalog-filter button span { color: #878787; font-weight: 500; margin-left: 6px; }
.cases-catalog-filter button:hover { border-color: var(--second-color); }
.cases-catalog-filter button.is-active {
    background: var(--second-color); border-color: var(--second-color); color: #fff;
}
.cases-catalog-filter button.is-active span { color: rgba(255, 255, 255, 0.8); }

.section-wrap.cases-catalog-section { margin-bottom: 110px; }
.cases-catalog-grid {
    display: grid; grid-template-columns: 1fr; gap: 60px 0; align-items: start;
}
.cases-catalog-card[hidden] { display: none !important; }
.cases-catalog-card .projects-wrap-item { width: 100%; max-width: none; }
.cases-catalog-card .projects-wrap-item p { display: block; }
.cases-catalog-card .projects-wrap-item h4 { font-size: 28px; }
.cases-catalog-card .projects-wrap-item a { text-decoration: none; }

.cases-catalog-tags { display: flex; gap: 8px; margin-top: 26px; }
.cases-catalog-tags span {
    font-size: 13px; font-weight: 700; letter-spacing: .04em; line-height: 1;
    padding: 7px 12px; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.25); color: #F1F1F1;
}
.cases-catalog-tags span.tag-seo { border-color: var(--second-color); color: var(--second-color); }
.cases-catalog-card .projects-wrap-item h4 { margin-top: 18px; }

@media (min-width: 1200px) {
    .cases-catalog-grid { grid-template-columns: 1fr 1fr; gap: 80px 90px; }
    .cases-catalog-card.cc-right { margin-top: 120px; }
    .cases-catalog-card.cc-left .projects-wrap-item { width: 92%; }
    .cases-catalog-card.cc-right .projects-wrap-item { width: 82%; margin-left: auto; }
}

@media (max-width: 1199px) {
    .cases-catalog-card .projects-wrap-item {
        max-width: 640px; padding-bottom: 50px; border-bottom: 1px solid rgba(241, 241, 241, 0.25);
    }
}