.showcase{padding:80px 0;background:var(--white)}.showcase-tabs{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;gap:15px;margin-bottom:50px;flex-wrap:wrap}.tab-btn{padding:10px 25px;background:var(--white);border:2px solid var(--border-color);border-radius:25px;color:var(--text-color);font-size:14px;font-weight:600;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.tab-btn:hover{color:var(--primary-color)}.tab-btn.active,.tab-btn:hover{border-color:var(--primary-color)}.tab-btn.active{background:var(--primary-color);color:var(--white)}.showcase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:50px}.showcase-item{background:var(--white);border-radius:15px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,.08);-webkit-transition:all .4s;transition:all .4s}.showcase-item.hidden{display:none}.showcase-item:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px);box-shadow:0 15px 40px rgba(0,0,0,.15)}.showcase-image{position:relative;width:100%;height:220px;overflow:hidden}.showcase-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.showcase-item:hover .showcase-image img{-webkit-transform:scale(1.1);transform:scale(1.1)}.showcase-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.showcase-item:hover .showcase-overlay{opacity:1}.showcase-link{padding:12px 30px;background:var(--white);color:var(--primary-color);text-decoration:none;border-radius:25px;font-weight:600;-webkit-transition:all .3s;transition:all .3s}.showcase-link:hover{-webkit-transform:scale(1.05);transform:scale(1.05);box-shadow:0 5px 15px hsla(0,0%,100%,.3)}.showcase-info{padding:25px}.showcase-info h3{font-size:20px;margin-bottom:10px;color:var(--text-color)}.showcase-info p{color:#666;font-size:14px;line-height:1.6}.showcase-more{text-align:center}@media (max-width:768px){.showcase-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.showcase-tabs{gap:10px}.tab-btn{padding:8px 20px;font-size:13px}}