.addon-catalog{max-width:1180px;margin:0 auto;padding:32px 20px;color:var(--text,#e8f1ff)}
.addon-catalog h1{font-size:clamp(28px,4vw,44px);margin:0 0 18px}
.addon-catalog p{line-height:1.65;color:var(--muted,#b5c5d9)}
.addon-catalog .products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px;margin-top:28px}
.addon-catalog article,.addon-catalog form{padding:24px;border:1px solid #29496b;border-radius:18px;background:var(--panel,#0b1b30);margin:18px 0}
.addon-catalog .products-grid article{margin:0}
.addon-catalog article img{border-radius:16px;object-fit:contain;background:#071423}
.addon-catalog h2{font-size:23px;line-height:1.3;overflow-wrap:anywhere}
.addon-catalog a{color:var(--accent,#69dbff)}
.addon-catalog form{display:flex;flex-wrap:wrap;align-items:center;gap:18px}
.addon-catalog form[enctype]{display:grid;max-width:780px}
.addon-catalog label{display:grid;gap:9px;line-height:1.5}
.addon-catalog input:not([type=checkbox]),.addon-catalog select,.addon-catalog textarea{box-sizing:border-box;max-width:100%;min-width:0;padding:12px 14px;border:1px solid #385676;border-radius:10px;background:var(--bg,#071423);color:inherit;font:inherit}
.addon-catalog textarea{min-height:120px;resize:vertical}
.addon-catalog input[type=checkbox]{width:20px;height:20px}
.addon-catalog input:focus,.addon-catalog select:focus,.addon-catalog textarea:focus{outline:2px solid #44cef2;outline-offset:2px}
.addon-catalog button,.addon-catalog a.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:12px 18px;min-height:44px;background:linear-gradient(110deg,#146b9b,#5e41b8);color:white;font:inherit;font-weight:600;text-decoration:none;cursor:pointer}
@media(max-width:600px){.addon-catalog{padding:24px 12px}.addon-catalog article,.addon-catalog form{padding:18px}.addon-catalog form>*{max-width:100%}.addon-catalog form input[name=q]{width:100%}}