.pp-container { display: flex; flex-wrap: wrap; gap: 20px; }
.pp-item { width: 200px; text-align: center; cursor: pointer; border: 1px solid #ddd; border-radius: 10px; padding: 10px; background: #fff; transition: all 0.3s; }
.pp-item:hover { box-shadow: 0 0 10px rgba(0,0,0,0.1); transform: translateY(-3px); }
.pp-lightbox { position: fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); display:flex; align-items:center; justify-content:center; z-index:9999; }
.pp-box { background:#fff; padding:20px; border-radius:8px; width:90%; max-width:400px; position:relative; }
.pp-box input { width:100%; padding:10px; margin:5px 0; border:1px solid #ccc; border-radius:5px; }
.pp-box button { background:#0073aa; color:#fff; border:none; padding:10px 15px; border-radius:5px; cursor:pointer; }
.pp-close { position:absolute; top:10px; right:15px; cursor:pointer; font-size:24px; }
.pp-cards { display:flex; gap:20px; margin-top:20px; }
.pp-card { background:#f9f9f9; border:1px solid #ddd; border-radius:10px; padding:20px; width:200px; text-align:center; }