/* Pakistan Page — Mobile */
.pak-page { padding: 12px 0 32px; max-width: 100%; }
.pak-section-header { gap: 8px; margin-bottom: 16px; padding: 0 16px; }
.pak-section-badge { padding: 8px 14px; font-size: 13px; border-radius: 6px; }
.pak-section-line { flex: 1; height: 1px; }
.pak-page-count { font-size: 11px; flex-shrink: 0; }

/* Province Cards — Mobile: 2 columns with proper wrapping */
.pak-provinces-grid { 
    display: grid; 
    grid-template-columns: repeat(2, 1fr); 
    gap: 8px; 
    margin-bottom: 20px; 
    padding: 0 16px; 
}
.pak-province-card { 
    padding: 12px 8px; 
    border-radius: 0 6px 6px 0; 
    min-height: 44px; 
}
.pak-province-name { 
    font-size: 12px; 
    line-height: 1.3; 
    white-space: normal; 
    word-break: break-word; 
    overflow-wrap: break-word; 
}

.pak-province-filter-active { padding: 10px 14px; margin: 0 16px 16px; font-size: 12px; border-radius: 6px; }
.pak-clear-filter { font-size: 11px; flex-shrink: 0; margin-left: 12px; }

.pak-featured-grid { display: grid; grid-template-columns: 1fr; gap: 12px; margin-bottom: 16px; padding: 0 16px; }
.pak-featured-grid .cat-feat-card { display: flex; gap: 12px; padding: 12px; border-radius: 8px; }
.pak-featured-grid .cat-feat-img { width: 110px; height: 85px; flex-shrink: 0; border-radius: 6px; }
.pak-featured-grid .cat-feat-body { flex: 1; min-width: 0; padding: 0; display: flex; flex-direction: column; justify-content: center; }
.pak-featured-grid .cat-feat-title { font-size: 13px; margin-bottom: 4px; }
.pak-featured-grid .cat-feat-excerpt { font-size: 12px; margin-bottom: 6px; -webkit-line-clamp: 2; }
.pak-featured-grid .cat-feat-footer { font-size: 11px; }
.pak-featured-grid .cat-feat-badge { top: 8px; left: 8px; padding: 2px 8px; font-size: 10px; border-radius: 4px; }

.pak-page .cat-trending { padding: 8px 16px; margin-bottom: 12px; }
.pak-page .cat-trending-label { font-size: 11px; }
.pak-page .cat-trending-pill { padding: 3px 12px; font-size: 11px; }

.pak-page .cat-main-grid { display: flex; flex-direction: column; gap: 24px; padding: 0 16px; }
.pak-page .cat-news-list { min-width: 0; width: 100%; }
.pak-page .cat-news-item { padding: 12px 0; gap: 12px; }
.pak-page .cat-news-img { width: 100px; height: 72px; border-radius: 6px; flex-shrink: 0; }
.pak-page .cat-news-title { font-size: 14px; line-height: 1.35; }
.pak-page .cat-news-excerpt { font-size: 12px; -webkit-line-clamp: 2; margin-bottom: 6px; }
.pak-page .cat-news-meta { font-size: 11px; }
.pak-page .cat-sidebar { width: 100%; display: flex; flex-direction: column; gap: 16px; }
.pak-page .cat-pagination-wrapper { padding: 12px 0; }
.pak-page .cat-pagination-info-bar { font-size: 11px; margin-bottom: 8px; }
.pak-page .cat-page-btn { min-width: 32px; height: 32px; font-size: 12px; padding: 0 8px; }
.pak-page .cat-page-btn.arrow-label { padding: 0 12px; font-size: 11px; }
.pak-page .cat-page-of { font-size: 11px; margin-top: 8px; }
.pak-empty-state { padding: 40px 16px; }
.pak-empty-icon { font-size: 2.5rem; margin-bottom: 12px; }
.pak-empty-title { font-size: 1.2rem; margin-bottom: 6px; }
.pak-empty-desc { font-size: 0.9rem; line-height: 1.5; padding: 0 16px; }
