/* Media Portfolio Filter - styles (v1.3.0) */
.mpf-wrap{display:flex;gap:24px;align-items:flex-start}
.mpf-sidebar{width:240px;flex:0 0 240px;border:1px solid #eee;border-radius:12px;padding:16px;position:sticky;top:10px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.mpf-filter-title{font-weight:600;margin-bottom:8px}
.mpf-filters{display:flex;flex-direction:column;gap:8px;max-height:75vh;overflow:auto}
.mpf-filter{display:flex;align-items:center;gap:8px;font-size:14px}
.mpf-grid{flex:1;position:relative; --mpf-gutter:12px}
.mpf-sizer{width:calc((100% - (3 - 1) * var(--mpf-gutter)) / 3)}
.mpf-item{width:calc((100% - (3 - 1) * var(--mpf-gutter)) / 3); border-radius:12px; overflow:hidden; background:#fff; box-shadow:0 2px 8px rgba(0,0,0,.06); transition:transform .2s, box-shadow .2s; box-sizing:border-box}
.mpf-item:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.10)}
.mpf-item img{display:block;width:100%;height:auto}
.mpf-caption{padding:8px 10px;font-size:13px;color:#444}
@media (max-width: 1024px){ .mpf-sizer, .mpf-item{width:calc((100% - (2 - 1) * var(--mpf-gutter)) / 2)} .mpf-sidebar{width:220px;flex-basis:220px} }
@media (max-width: 540px){ .mpf-sizer, .mpf-item{width:100%} }
.mpf-empty, .mpf-no-filters{padding:12px;color:#666}