/* =========================================
   SNPD - KATALOG DINAS
   Pengaturan khusus halaman katalog.
   Gaya kartu menggunakan ../style.css.
========================================= */

/* =========================================
   1. LAYOUT HALAMAN
========================================= */

body {
    display: flex;
    flex-direction: column;
}

.catalog-page {
    flex: 1;
    width: 100%;
    padding-top: 35px;
}

/* =========================================
   2. JUDUL KATALOG
========================================= */

.catalog-page .section-heading {
    margin-bottom: 30px;
}

.catalog-page .catalog-eyebrow {
    margin: 0 0 12px;
    color: #ff5555;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
}

.catalog-page h1 {
    margin: 0 0 14px;
    font-size: clamp(32px, 5vw, 52px);
    line-height: 1.12;
    letter-spacing: 0.5px;
}

.catalog-page h1 span {
    color: #f04444;
}

/* =========================================
   3. KARTU KATALOG
========================================= */

.catalog-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* =========================================
   4. RESPONSIVE MOBILE
========================================= */

@media (max-width: 650px) {
    .catalog-page {
        padding-top: 24px;
    }

    .catalog-cards {
        grid-template-columns: 1fr;
    }
}


/* =========================================
   NAVIGASI HOME - KATALOG
========================================= */

/* Tautan breadcrumb katalog (tanpa navigasi HOME duplikat). */
.catalog-page .catalog-eyebrow a {
    color: inherit;
    text-decoration: none;
}

.catalog-page .catalog-eyebrow a:hover,
.catalog-page .catalog-eyebrow a:focus-visible {
    text-decoration: underline;
    text-underline-offset: 3px;
}