.grid38{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;padding:4px 0}.card38{position:relative;display:flex;flex-direction:column;background:var(--bg2);border:1px solid var(--border);border-radius:18px;padding:0 0 23px;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.card38:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000059}.discount-tag{position:absolute;top:12px;right:12px;z-index:2;background:#f97316;color:#fff;font-weight:800;font-size:12px;letter-spacing:.5px;padding:5px 10px;border-radius:999px;box-shadow:0 3px 10px #f9731666}.discount-tag.best{background:#eab308;color:#1c1917}.card38-media{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px;padding:18px 14px;gap:8px}.card38-icon{font-size:64px;line-height:1;filter:drop-shadow(0 3px 6px rgba(0,0,0,.3))}.card38-icon img{max-height:84px;width:auto;filter:drop-shadow(0 3px 6px rgba(0,0,0,.3))}.card38-group{background:#00000059;color:#fff;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:4px 12px;border-radius:999px}.wish38{position:absolute;top:175px;right:10px;z-index:2;background:var(--bg2);border:1px solid var(--border);border-radius:999px;width:34px;height:34px;font-size:16px;cursor:pointer}.card38-name{font-size:22px;margin:14px 20px 2px}.card38 .stars{margin:4px 20px 0}.price38{display:flex;align-items:baseline;gap:10px;margin:8px 20px 0}.price-old{color:#9ca3af;text-decoration:line-through;font-size:15px}.price-now{color:#22c55e;font-size:28px;font-weight:800;letter-spacing:-.5px}.duration38{display:block;margin:2px 20px 10px;color:#9ca3af}.card38 .buy38,.card38 button[class]:not(.ghost):not(.wish38):not(.benefits-toggle){margin:6px 20px;width:auto}.card38 button{width:auto;margin:6px 20px;padding:11px 20px}.card38 button.ghost{background:transparent;color:var(--text2, #9ca3af);margin:4px 20px}.card38 button:disabled{opacity:.55}.owned-btn{background:#4b5563!important;cursor:default!important}.benefits-toggle{background:transparent!important;border:1px dashed var(--border);color:#93c5fd;font-weight:600;margin:10px 20px 0;cursor:pointer}.benefits38{margin-top:12px;padding:4px 20px 0;font-size:13.5px;line-height:1.55}.benefit-section{margin-bottom:12px}.benefit-section h4{font-size:14px;margin:8px 0 4px;color:#e5e7eb}.benefit-section ul{margin:0;padding-left:18px;color:#c7cdd6}.benefit-section li{margin-bottom:2px}.activate38{margin-top:10px;padding:10px 12px;background:#22c55e14;border:1px solid rgba(34,197,94,.3);border-radius:10px;color:#bbf7d0;font-size:12.5px}.serverip-banner{display:flex;align-items:center;gap:12px;justify-content:center;flex-wrap:wrap;margin:16px auto;max-width:560px;background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:12px 18px;font-size:14px}.serverip-banner .ip{font-family:monospace;font-size:17px;font-weight:700;color:#4ade80;background:#22c55e14;border:1px dashed rgba(34,197,94,.4);padding:6px 14px;border-radius:10px;cursor:pointer}