.ppssl-filter-bar{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 0 28px}.ppssl-filter-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;border-radius:6px;border:none;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit;transition:background 0.18s,color 0.18s,box-shadow 0.18s;background:#e5e7eb;color:#374151;line-height:1}.ppssl-filter-btn .ppssl-dot{width:10px;height:10px;border-radius:50%;background:currentColor;opacity:.7;display:inline-block}.ppssl-filter-btn.active,.ppssl-filter-btn:hover{background:#16a34a;color:#fff;box-shadow:0 2px 10px rgb(22 163 74 / .25)}.ppssl-filter-btn.active .ppssl-dot,.ppssl-filter-btn:hover .ppssl-dot{background:#fff;opacity:1}.ppssl-filter-btn[data-cat="all"] .ppssl-dot{display:none}.ppssl-filter-btn[data-cat="all"]::before{content:"✓";font-size:14px;font-weight:800;margin-right:2px}.ppssl-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;padding:4px 0 20px}.ppssl-card-item{background:#fff;border-radius:14px;box-shadow:0 2px 16px rgb(0 0 0 / .09);overflow:hidden;display:flex;flex-direction:column;transition:transform 0.2s,box-shadow 0.2s}.ppssl-card-item:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgb(0 0 0 / .14)}.ppssl-card-item.ppssl-hidden{display:none}.ppssl-card-header{background:linear-gradient(160deg,#15803d 0%,#1a9e50 100%);padding:18px 18px 22px;position:relative;min-height:140px;display:flex;flex-direction:column;justify-content:space-between}.ppssl-card-header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.ppssl-op-badge{display:flex;align-items:center;gap:7px}.ppssl-op-icon{width:32px;height:32px;border-radius:50%;background:rgb(255 255 255 / .22);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ppssl-op-icon svg{width:18px;height:18px;fill:#fff}.ppssl-op-label-wrap{display:flex;flex-direction:column;line-height:1.2}.ppssl-op-sub{font-size:10px;color:rgb(255 255 255 / .75);font-weight:500;text-transform:uppercase;letter-spacing:.4px}.ppssl-op-name{font-size:13px;font-weight:700;color:#fff}.ppssl-op-logo{background:#fff;border-radius:10px;padding:6px 10px;display:flex;align-items:center;justify-content:center;min-width:64px;height:40px;box-shadow:0 2px 8px rgb(0 0 0 / .15)}.ppssl-op-logo img{max-height:28px;max-width:80px;width:auto;object-fit:contain;display:block}.ppssl-op-logo-text{font-size:13px;font-weight:800;color:#15803d;letter-spacing:-.3px}.ppssl-card-title{font-size:26px;font-weight:800;color:#fff;margin:14px 0 0;line-height:1.15;letter-spacing:-.3px}.ppssl-card-body{padding:14px 18px 4px;flex:1}.ppssl-card-desc{font-size:12px;color:#6b7280;margin:0 0 10px}.ppssl-card-meta{display:flex;gap:24px;font-size:13px;color:#4b5563}.ppssl-meta-item{display:flex;flex-direction:column;gap:2px}.ppssl-meta-label{font-size:11px;color:#9ca3af;font-weight:500}.ppssl-meta-value{font-size:15px;font-weight:700;color:#111827}.ppssl-meta-value.ppssl-price-val{color:#111827}.ppssl-card-footer{padding:12px 18px 18px;display:flex;gap:10px;align-items:center}.ppssl-order-btn{flex:1;background:linear-gradient(135deg,#f59e0b,#e07b00);color:#fff;border:none;border-radius:8px;padding:11px 14px;font-size:14px;font-weight:700;cursor:pointer;transition:opacity 0.18s,transform 0.1s;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap}.ppssl-order-btn:hover{opacity:.88;transform:translateY(-1px)}.ppssl-order-btn:active{transform:translateY(0)}.ppssl-order-btn .ppssl-btn-icon{font-size:15px}.ppssl-wa-btn{flex-shrink:0;width:42px;height:42px;border-radius:8px;background:#25d366;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity 0.18s,transform 0.1s;text-decoration:none}.ppssl-wa-btn:hover{opacity:.85;transform:translateY(-1px)}.ppssl-wa-btn svg{width:22px;height:22px;fill:#fff}.ppssl-inline-btn{width:auto;padding:10px 20px;border-radius:8px;font-size:14px}#ppssl-modal-overlay{position:fixed;inset:0;background:rgb(0 0 0 / .55);z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(3px)}#ppssl-modal{background:#fff;border-radius:18px;width:100%;max-width:440px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px rgb(0 0 0 / .25);animation:ppssl-slide-up 0.25s ease}@keyframes ppssl-slide-up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}#ppssl-modal-close{position:absolute;top:14px;right:16px;background:rgb(0 0 0 / .18);border:none;width:32px;height:32px;border-radius:50%;font-size:16px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:background 0.2s;z-index:1}#ppssl-modal-close:hover{background:rgb(0 0 0 / .32)}#ppssl-modal-header{background:linear-gradient(135deg,#15803d,#16a34a);color:#fff;padding:32px 28px 24px;text-align:center;border-radius:18px 18px 0 0}#ppssl-modal-icon{font-size:40px;margin-bottom:8px}#ppssl-modal-product{font-size:20px;font-weight:700;margin:0 0 4px;color:#fff}#ppssl-modal-meta{font-size:13px;opacity:.8;margin-bottom:10px}#ppssl-modal-price{font-size:36px;font-weight:800;letter-spacing:-1px}#ppssl-checkout-form{padding:24px 28px 28px}.ppssl-mfield{margin-bottom:16px}.ppssl-mfield label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:5px}.ppssl-mfield .req{color:#ef4444}.ppssl-mfield input{width:100%;padding:11px 14px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:15px;color:#111;box-sizing:border-box;transition:border-color 0.2s;font-family:inherit}.ppssl-mfield input:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 3px rgb(22 163 74 / .12)}.ppssl-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;border-radius:8px;padding:10px 14px;font-size:13px;margin-bottom:14px}#ppssl-modal-submit{width:100%;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;border:none;border-radius:10px;padding:14px;font-size:16px;font-weight:700;cursor:pointer;transition:opacity 0.2s;font-family:inherit;margin-top:4px}#ppssl-modal-submit:hover{opacity:.9}#ppssl-modal-submit:disabled{opacity:.6;cursor:not-allowed}.ppssl-secure{text-align:center;font-size:12px;color:#6b7280;margin:12px 0 0;line-height:1.5}@media (max-width:600px){.ppssl-cards-grid{grid-template-columns:1fr 1fr;gap:12px}.ppssl-card-title{font-size:20px}#ppssl-modal{border-radius:14px}#ppssl-modal-header{padding:24px 20px 18px}#ppssl-checkout-form{padding:18px 20px 22px}}@media (max-width:380px){.ppssl-cards-grid{grid-template-columns:1fr}}