#badge-store{max-width:1100px;margin:30px auto;padding:0 20px 40px}.badge-hero{max-width:1100px;margin:30px auto 0;padding:24px;border-radius:16px;background:linear-gradient(120deg,#075d80,#0c8f9b);color:white}.badge-hero h1{margin:8px 0;font-size:clamp(28px,5vw,42px)}.badge-hero p{max-width:640px;line-height:1.6}.badge-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.badge-bar strong{margin-right:auto}.badge-bar input{padding:12px;border:1px solid #99bac9;border-radius:8px;font:inherit}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:18px}.badge-card{background:#fff;color:#153e52;border:1px solid #c1d6df;border-radius:12px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;box-shadow:0 4px 12px #1233}.badge-card img{image-rendering:pixelated;background:#edf8fc;padding:12px;box-sizing:content-box;border-radius:8px}.badge-card h2{font-size:20px;margin:0}.badge-card p{line-height:1.5;margin:0 0 8px;flex:1}.badge-card strong{font-size:17px}#badge-store button{padding:11px 18px;border:0;border-radius:8px;background:#087b96;color:white;font:inherit;font-weight:bold;cursor:pointer}#badge-store button:disabled{background:#677e89;cursor:default}#badge-store button:focus-visible{outline:3px solid #d39300;outline-offset:3px}.badge-card button{width:100%}.badge-economy{position:relative}.badge-economy summary{cursor:pointer;padding:12px}.badge-economy>a{display:block;padding:12px;background:#fff;color:#153e52}
