:root{--bg: #f1f9f5;--card: #ffffff;--text: #303030;--muted: #66706f;--primary: #303030;--accent: #5bc1bd;--border: #d5e8e7;--ok: #1b7a4a;--err: #b42318;font-family:Lato,system-ui,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg)}#root{max-width:560px;margin:0 auto;padding:20px 16px 40px}.widget-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 8px 28px #3030300f}h1{margin:0 0 4px;font-family:Fjalla One,sans-serif;font-size:1.65rem;font-weight:400;letter-spacing:.02em;text-transform:uppercase;color:var(--primary)}.subtitle{margin:0 0 20px;color:var(--muted);font-size:.95rem}.lang-row{display:flex;justify-content:flex-end;gap:8px;margin-bottom:12px}.lang-row button{border:1px solid var(--border);background:#fff;border-radius:6px;padding:4px 10px;cursor:pointer;font:inherit;font-weight:700;letter-spacing:.06em}.lang-row button.active{background:var(--accent);color:#111;border-color:var(--accent)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:.85rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--primary)}.field input,.field select{border:1px solid var(--border);border-radius:10px;padding:12px 14px;font:inherit;font-size:1rem;color:var(--text)}.field input:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #5bc1bd47;outline:none}.cselect{position:relative}.cselect-trigger{width:100%;display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:10px;padding:12px 14px;background:#fff;font:inherit;font-size:1rem;color:var(--text);cursor:pointer;text-align:left}.cselect.open .cselect-trigger,.cselect-trigger:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px #5bc1bd47;outline:none}.cselect.disabled .cselect-trigger{opacity:.55;cursor:not-allowed}.cselect-label{flex:1;font-weight:700;color:var(--primary)}.cselect-detail{color:var(--muted);font-weight:700;font-size:.92rem}.cselect-caret{width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);margin-top:-4px;flex-shrink:0;transition:transform .15s ease}.cselect.open .cselect-caret{transform:rotate(-135deg);margin-top:2px}.cselect-menu{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 6px);margin:0;padding:6px;list-style:none;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 14px 32px #3030301f;max-height:280px;overflow-y:auto}.cselect-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:none;background:transparent;border-radius:8px;padding:11px 12px;font:inherit;cursor:pointer;color:var(--text);text-align:left}.cselect-option:hover,.cselect-option.selected{background:#e7f6f5}.cselect-option.selected{color:var(--primary)}.cselect-option strong{color:var(--primary);font-size:.92rem}.size-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.size-btn{border:2px solid var(--border);background:#fff;border-radius:12px;padding:14px 10px;cursor:pointer;text-align:left;font:inherit}.size-btn.selected{border-color:var(--accent);background:#f1f9f5;box-shadow:0 0 0 2px #5bc1bd59}.size-btn strong{display:block;font-family:Fjalla One,sans-serif;font-size:1.15rem;font-weight:400;letter-spacing:.04em;color:var(--primary)}.size-btn span{color:var(--muted);font-size:.85rem}.size-dims{display:block;margin-top:6px;font-style:normal;font-weight:700;font-size:.82rem;color:var(--primary)}.size-note{display:block;margin-top:4px;color:var(--muted);font-size:.75rem;line-height:1.35;font-weight:400}.band-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.band-btn{display:flex;justify-content:space-between;align-items:center;border:2px solid var(--border);background:#fff;border-radius:12px;padding:12px 14px;cursor:pointer;font:inherit}.band-btn.selected{border-color:var(--accent);background:#e7f6f5}.price-box{background:#e7f6f5;border-radius:12px;padding:14px 16px;margin:8px 0 16px;display:flex;justify-content:space-between;font-weight:700;color:var(--primary)}.terms{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;margin-bottom:16px;color:var(--muted)}.terms a{color:#1a7a77}.terms input{accent-color:var(--accent)}.btn{width:100%;border:none;border-radius:6px;padding:14px 16px;font:inherit;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.btn-primary{background:var(--accent);color:#111}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:transparent;border:1px solid var(--border);color:var(--primary);margin-top:10px;letter-spacing:.08em}.error{background:#fef3f2;color:var(--err);border:1px solid #fecdca;border-radius:10px;padding:10px 12px;margin-bottom:12px;font-size:.9rem}.ok-banner{background:#ecfdf3;color:var(--ok);border:1px solid #abeFc6;border-radius:12px;padding:16px;margin-bottom:16px}.code-big{font-family:Fjalla One,sans-serif;font-size:2rem;letter-spacing:.2em;font-weight:400;color:var(--primary);text-align:center;margin:12px 0}.avail{font-size:.85rem;color:var(--muted);margin:-8px 0 14px}.avail.ok{color:var(--ok)}.avail.bad{color:var(--err)}.stripe-box{margin:12px 0 16px;min-height:120px}.muted{color:var(--muted);font-size:.9rem}