.zohal-portfolio-grid { display:grid; grid-template-columns: repeat(auto-fit,minmax(250px,1fr)); gap:20px; }
.zohal-portfolio-item { position:relative; overflow:hidden; cursor:pointer; transition:transform 0.3s ease; }
.zohal-portfolio-item img { width:100%; display:block; transition:transform 0.5s ease; }
.zohal-portfolio-item:hover img { transform:scale(1.1); }
.zohal-portfolio-item .overlay { position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); opacity:0; display:flex; align-items:center; justify-content:center; transition:opacity 0.3s ease; }
.zohal-portfolio-item:hover .overlay { opacity:1; }
.zohal-portfolio-item h3 { text-align:center; margin-top:10px; }
.zohal-portfolio-filter { text-align:center;margin-bottom:20px; }
.zohal-portfolio-filter button { padding:8px 20px;margin:5px;border:none;background:#eee;cursor:pointer;transition:0.3s; }
.zohal-portfolio-filter button:hover, .zohal-portfolio-filter button.active { background:#333;color:#fff; }