/* Husami Poetries Media Library */
.hpm-poetries-media-wrap { background:#f8f6ef; color:#003d2b; padding:30px 0; }
.hpm-intro, .hpm-result-count { text-align:center; }
.hpm-intro span { color:#c6a342; text-transform:uppercase; letter-spacing:1.5px; font-size:11px; }
.hpm-intro h2 { color:#003d2b; font-size:34px; margin:8px 0; }
.hpm-result-count { color:#666; font-size:14px; margin-bottom:25px; }
.hpm-grid { max-width:1120px; margin:0 auto; padding:0 18px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; }
.hpm-card { background:#fff; border:1px solid #eadfc8; border-radius:12px; overflow:hidden; box-shadow:0 10px 25px rgba(0,0,0,.04); }
.hpm-media { position:relative; display:block; width:100%; aspect-ratio:9/12; background:#0b0b0b; overflow:hidden; text-decoration:none; }
.hpm-media img, .hpm-video-media video { width:100%; height:100%; object-fit:cover; display:block; }
.hpm-video-media { aspect-ratio:9/12; background:#0b0b0b; }
.hpm-placeholder { height:100%; min-height:260px; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#d6bf72; gap:8px; }
.hpm-placeholder span { width:48px; height:48px; border:1px solid rgba(214,191,114,.45); border-radius:50%; display:flex; align-items:center; justify-content:center; }
.hpm-overlay { position:absolute; inset:0; background:rgba(0,61,43,.30); opacity:0; display:flex; align-items:center; justify-content:center; transition:opacity .25s ease; }
.hpm-overlay span { background:#003d2b; color:#d6bf72; border-radius:999px; padding:9px 18px; font-size:12px; text-transform:uppercase; letter-spacing:1px; }
.hpm-media:hover .hpm-overlay { opacity:1; }
.hpm-card-body { padding:15px 16px 18px; }
.hpm-meta-row { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:10px; }
.hpm-type-badge, .hpm-topic { background:#e5f2ea; color:#003d2b; border-radius:999px; padding:6px 10px; font-size:10px; font-weight:700; text-transform:uppercase; }
.hpm-year { background:#e8ddc5; color:#6a5d3c; border-radius:999px; padding:6px 12px; font-size:11px; font-weight:600; }
.hpm-urdu-title { font-family:'Noto Nastaliq Urdu',serif; color:#003d2b; font-size:19px; line-height:2.2; text-align:right; margin:0 0 8px; }
.hpm-title-en { color:#555; font-size:13px; line-height:1.5; font-style:italic; margin:0 0 10px; }
.hpm-pagination { max-width:1120px; margin:35px auto 0; padding:0 18px; display:flex; gap:8px; justify-content:center; flex-wrap:wrap; }
.hpm-pagination a, .hpm-pagination span { border:1px solid #d6bf72; color:#003d2b; background:#fff; padding:8px 13px; border-radius:999px; text-decoration:none; font-size:13px; }
.hpm-pagination .current { background:#003d2b; color:#d6bf72; border-color:#003d2b; }
.hpm-editor-placeholder, .hpm-empty { max-width:900px; margin:30px auto; background:#f5efe2; border:1px dashed #d6bf72; color:#003d2b; padding:35px; border-radius:12px; text-align:center; font-weight:600; }
@media (max-width:1000px){ .hpm-grid{grid-template-columns:repeat(3,minmax(0,1fr));} }
@media (max-width:700px){ .hpm-grid{grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px;} }
@media (max-width:480px){ .hpm-grid{grid-template-columns:1fr;} }