/* Pakistan Page — Desktop */
.pak-page { padding: 20px 0 40px; max-width: 1280px; margin: 0 auto; }
.pak-page * { box-sizing: border-box; }

.pak-section-header { display: flex; align-items: center; gap: 12px; margin-bottom: 24px; }
.pak-section-badge { background: #006b3f; color: #fff; padding: 10px 20px; border-radius: 8px; font-weight: 800; font-size: 15px; white-space: nowrap; letter-spacing: 0.5px; text-transform: uppercase; }
.pak-section-line { flex: 1; height: 1px; background: linear-gradient(to right, rgba(0,107,63,0.25), transparent); }
.pak-page-count { font-size: 12px; color: var(--muted, #6b7280); white-space: nowrap; }

.pak-province-filter-active { display: flex; align-items: center; justify-content: space-between; background: rgba(0,107,63,0.06); border: 1px solid rgba(0,107,63,0.15); border-radius: 8px; padding: 10px 16px; margin-bottom: 20px; font-size: 13px; }
.pak-province-filter-active strong { color: #006b3f; }
.pak-clear-filter { font-size: 12px; font-weight: 600; color: #006b3f; text-decoration: underline; text-underline-offset: 2px; }

/* Province Cards Grid */
.pak-provinces-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 32px; }
.pak-province-card {
    display: flex; align-items: center; justify-content: center;
    padding: 14px 10px;
    background: transparent;
    border: 1px solid var(--border-color, #e5e7eb);
    border-left: 4px solid var(--prov-color, #10b981);
    border-radius: 0 8px 8px 0;
    cursor: pointer; text-decoration: none;
    transition: all 0.25s ease;
    min-height: 48px;
}
.pak-province-card:hover {
    border-color: var(--prov-color, #10b981);
    background: rgba(0,0,0,0.02);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
}
.pak-province-card.active {
    border-color: var(--prov-color, #10b981);
    background: var(--prov-color, #10b981);
}
.pak-province-card.active .pak-province-name { color: #fff; font-weight: 700; }
.pak-province-name {
    font-size: 13px; font-weight: 600; color: var(--text, #1f2937);
    text-align: center; line-height: 1.3;
    white-space: normal; word-break: break-word;
    overflow-wrap: break-word;
}

.pak-featured-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 20px; }
.pak-featured-grid .cat-feat-badge { background: #006b3f; color: #fff; }
.pak-empty-state { text-align: center; padding: 60px 20px; }
.pak-empty-icon { font-size: 3rem; margin-bottom: 16px; }
.pak-empty-title { font-size: 1.4rem; color: var(--text, #111827); margin-bottom: 8px; }
.pak-empty-desc { color: var(--muted, #6b7280); max-width: 500px; margin: 0 auto; line-height: 1.6; }