.ppg-hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.ppg-hero-item{position:relative}
.ppg-hero-img{width:100%;height:auto;display:block}
.ppg-hero-overlay{position:absolute;inset:0;background:rgba(0,0,0,.5);opacity:0;transition:opacity .3s;display:flex;align-items:center;justify-content:center}
.ppg-hero-item:hover .ppg-hero-overlay{opacity:1}
.ppg-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.8)}
.ppg-modal-content{position:relative;margin:5% auto;width:90%;max-width:800px;background:#fff;border-radius:8px;padding:16px}
.ppg-close{position:absolute;right:20px;top:10px;font-size:30px;cursor:pointer}
.ppg-swiper-slide{text-align:center}
.ppg-swiper-slide img{max-width:100%;height:auto}
.ppg-slide-caption{margin-top:10px}
.ppg-swiper-button-prev,.ppg-swiper-button-next{color:#000}