.ph-ig-grid {
display: grid;
gap: 12px;
}
.ph-ig-grid.cols-2 { grid-template-columns: repeat(2, 1fr); }
.ph-ig-grid.cols-3 { grid-template-columns: repeat(3, 1fr); }
.ph-ig-grid.cols-4 { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 768px) {
.ph-ig-grid { grid-template-columns: repeat(2, 1fr); }
}
.ph-ig-item { display:block; position:relative; overflow:hidden; border-radius:12px; }
.ph-ig-item img, .ph-ig-video-thumb { width:100%; height:100%; object-fit:cover; display:block; aspect-ratio:1/1; }
.ph-ig-video-thumb { background-size:cover; background-position:center; position:relative; }
.ph-ig-play { position:absolute; inset:auto 8px 8px auto; background:rgba(0,0,0,.6); color:#fff; padding:4px 6px; border-radius:4px; font-size:12px; }