.vp-portfolio-wrap{max-width:1200px;margin:0 auto;padding:24px}
.vp-portfolio-wrap.vp-fullwidth{max-width:none;width:100%}
.vp-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}
.vp-filter{padding:8px 12px;border:1px solid rgba(0,0,0,.15);border-radius:999px;text-decoration:none;line-height:1}
.vp-filter.is-active{font-weight:600}

.vp-grid{display:grid;grid-template-columns:repeat(var(--vp-portfolio-cols),minmax(0,1fr));gap:var(--vp-portfolio-gutter)}
@media (max-width:980px){.vp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.vp-grid{grid-template-columns:repeat(1,minmax(0,1fr))}}

.vp-item{overflow:hidden;border-radius:12px;position:relative}
.vp-item-media img{width:100%;height:auto;display:block}
.vp-item-placeholder{width:100%;padding-top:70%;background:rgba(0,0,0,.06)}
.vp-item-overlay{position:absolute;left:0;right:0;bottom:0;padding:14px 14px 16px;transition:.25s;opacity:1}
.vp-style-mouseover .vp-item-overlay{transform:translateY(40%);opacity:0}
.vp-style-mouseover .vp-item:hover .vp-item-overlay{transform:translateY(0);opacity:1}
.vp-style-under .vp-item-overlay{position:static;transform:none;opacity:1}

.vp-pagination{margin-top:18px;display:flex;justify-content:center;gap:10px;align-items:center}
.vp-load-more{padding:10px 14px;border-radius:10px;border:1px solid rgba(0,0,0,.2);cursor:pointer}
.vp-loader{width:18px;height:18px;border-radius:50%;border:2px solid rgba(0,0,0,.2);border-top-color:rgba(0,0,0,.6);animation:vpSpin .8s linear infinite;display:none}
@keyframes vpSpin{to{transform:rotate(360deg)}}

.vp-single{max-width:900px;margin:0 auto;padding:24px}
.vp-single-thumb img{width:100%;border-radius:14px}
.vp-single-nav{display:flex;justify-content:space-between;margin:28px 0;padding-top:16px;border-top:1px solid rgba(0,0,0,.1)}
.vp-related-row{display:flex;gap:14px;overflow:auto;padding-bottom:8px}
.vp-related-item{min-width:180px;max-width:220px;text-decoration:none;border:1px solid rgba(0,0,0,.12);border-radius:12px;overflow:hidden}