class="catalog-content"

class="catalog-meta"

----------
.catalog-card {

    background: white;

    border-radius: 14px;

    overflow: hidden;

    border:
        1px solid #e5e9e5;

    box-shadow:
        0 5px 18px rgba(0,0,0,.05);

    display: flex;

    flex-direction: column;

    transition: .3s;
}

.catalog-card:hover {

    transform:
        translateY(-5px);

    box-shadow:
        0 12px 30px rgba(0,0,0,.1);
}

.catalog-image {

    height: 215px;

    overflow: hidden;

    position: relative;
}

.catalog-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: .5s;
}

.catalog-card:hover
.catalog-image img {

    transform: scale(1.05);
}

.catalog-content {

    padding: 22px;

    display: flex;

    flex-direction: column;

    flex: 1;
}

.catalog-content h3 {

    color: #285d40;

    font-size: 21px;

    line-height: 1.25;

    margin-bottom: 8px;
}

.catalog-content p {

    font-size: 14px;

    color: #66756c;

    margin-bottom: 18px;

    flex: 1;
}

.catalog-meta {

    display: flex;

    gap: 10px;

    flex-wrap: wrap;

    margin-bottom: 18px;
}

.catalog-meta span {

    background: #f0f3ef;

    padding: 5px 9px;

    border-radius: 5px;

    font-size: 11px;

    color: #52635a;
}

.catalog-btn {

    display: block;

    text-align: center;

    background: #285d40;

    color: white;

    padding: 11px 15px;

    border-radius: 7px;

    font-size: 13px;

    font-weight: bold;

    transition: .3s;
}

.catalog-btn:hover {

    background: #173a29;
}



/* SEO contextual navigation */
.seo-context-links { margin: 24px 0; padding: 18px 20px; background: #f1f6f2; border-left: 4px solid #285d40; border-radius: 8px; }
.seo-context-links a, .seo-pillar-map a { color: #285d40; font-weight: 700; text-decoration: underline; }
.seo-pillar-map, .seo-geography { margin: 40px 0; padding: 28px; background: #f5f8f5; border-radius: 14px; }
.seo-pillar-map h2, .seo-geography h2 { margin-top: 0; }
.seo-pillar-map ul { columns: 2; margin: 18px 0 0 20px; }
.seo-pillar-map li { margin-bottom: 8px; }
@media (max-width: 650px) { .seo-pillar-map ul { columns: 1; } }