.pu-wrap{font-family:'Segoe UI',sans-serif;max-width:1200px;margin:0 auto;text-align:center}
.pu-tabs{display:flex;gap:10px;margin-bottom:25px;flex-wrap:wrap;justify-content:center}
.pu-tabs span{padding:10px 22px;border-radius:30px;background:#eee;cursor:pointer;font-weight:600;font-size:14px}
.pu-tabs span.active{background:linear-gradient(184deg, #6f3b8b 0%, #e55c35 100%);color:white}

#pu-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;justify-items:center}

.pu-card{width:100%;max-width:300px;background:#fff;border-radius:14px;box-shadow:0 12px 25px rgba(0,0,0,.12);overflow:hidden;position:relative}
.pu-card img{width:100%;display:block}

.pu-title{padding:6px 6px 10px;font-size:14px;font-weight:600}

.pu-new{position:absolute;top:12px;left:-36px;background:#00c853;color:#fff;padding:6px 40px;transform:rotate(-45deg);font-size:12px;font-weight:700}
.pu-price{position:absolute;top:12px;right:12px;background:#000;color:#fff;padding:6px 10px;border-radius:20px;font-size:13px}

.pu-hover{position:absolute;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;gap:10px;opacity:0;transition:.25s}
.pu-card:hover .pu-hover{opacity:1}

.pu-hover a{padding:10px 20px;border-radius:25px;background:#fff;text-decoration:none;font-weight:600;font-size:13px}
.pu-hover a.buy{background:#ff4081;color:#fff}

#pu-load-more{margin:30px auto 10px;padding:12px 34px;border:0;border-radius:40px;background:linear-gradient(184deg, #6f3b8b 0%, #e55c35 100%);color:#fff;font-size:14px;font-weight:700;cursor:pointer;display:none}
#pu-no-more{display:none;margin:18px 0 30px;font-size:13px;color:#777}

#pu-modal{position:fixed;inset:0;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;z-index:9999}
.pu-modal-inner{width:92%;height:92%;background:#000;border-radius:18px;overflow:hidden}
.pu-modal-inner iframe{width:100%;height:100%;border:0}