.shop-connect{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.shop-connect--standalone{width:min(720px,100%);margin:0 auto;padding:clamp(20px,4vw,36px)}.shop-connect--standalone .connect-content{padding:0}.shop-connect--standalone .connect-reveal-inner{overflow:visible}.shop-connect--standalone .consent-illustration{margin:8px auto 26px}.shop-connect--standalone .connect-heading{text-align:center;justify-content:center}.shop-connect--standalone .connect-illustration{display:none}.shop-connect--standalone[data-step="2"] .connect-stage-content>p,.shop-connect--standalone .connect-result{text-align:center}.connect-toggle{text-align:left;justify-content:flex-start;gap:12px;width:100%}.connect-toggle>svg:first-child{color:var(--accent);flex-shrink:0}.connect-chevron{flex-shrink:0;margin-left:auto;transition:transform .3s}.connect-chevron.expanded{transform:rotate(180deg)}.connect-reveal{opacity:0;visibility:hidden;grid-template-rows:0fr;transition:grid-template-rows .36s cubic-bezier(.22,1,.36,1),opacity .22s,visibility .36s;display:grid}.connect-reveal.is-open{opacity:1;visibility:visible;grid-template-rows:1fr}.connect-reveal-inner{min-height:0;overflow:hidden}.connect-content{padding:28px 4px 6px}.connect-progress{gap:12px;margin:0 0 30px;padding:0;list-style:none;display:flex}.connect-progress li{color:var(--muted);border-bottom:2px solid var(--line);flex:1;align-items:center;gap:8px;padding-bottom:14px;font-size:14px;transition:border-color .25s,color .25s;display:flex}.connect-progress li>span{border:1px solid var(--line);border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:13px;display:inline-grid}.connect-progress li[aria-current],.connect-progress li[data-complete=true]{color:var(--accent);border-color:var(--accent)}.connect-progress li[aria-current]>span{background:var(--accent);color:var(--accent-ink);border-color:#0000}.connect-heading{align-items:center;gap:16px;margin-bottom:24px;display:flex}.connect-heading h3{font-size:clamp(20px,2.5vw,24px)}.connect-heading h3:focus{outline:none}.connect-heading p{color:var(--muted);margin:8px 0 0;font-size:16px}.connect-illustration{border:1px solid var(--line);width:58px;height:58px;color:var(--accent);background:var(--paper);border-radius:18px;flex:0 0 58px;place-items:center;display:grid}.connect-illustration svg{width:30px;height:30px}.connect-stage-content,.shop-connect form:not([hidden]),.connect-result:not([hidden]){animation:.32s cubic-bezier(.22,1,.36,1) both connect-enter}.shop-connect form{gap:10px}.shop-connect [hidden]{display:none!important}.shop-connect label,.connect-organizations legend{margin-top:8px;font-size:15px;font-weight:500}.shop-connect input{min-height:52px;font-size:16px}.shop-connect input[aria-invalid=true]{border-color:var(--error-ink)}.shop-connect .connect-hint{color:var(--muted);margin:0 0 12px;font-size:14px;line-height:1.6}.connect-destination{border:1px solid var(--line);background:var(--paper);overflow-wrap:anywhere;border-radius:16px;gap:3px;margin-bottom:12px;padding:16px 18px;display:grid}.connect-destination>span,.connect-destination small{color:var(--muted);font-size:14px}.connect-destination strong{font-size:18px}.connect-destination .text-button{justify-self:start;margin-top:4px;padding:0}.connect-account-help{border:1px solid var(--line);overflow-wrap:anywhere;border-radius:12px;min-width:0;margin-bottom:14px}.connect-account-help summary{cursor:pointer;min-height:44px;padding:12px 16px;font-size:15px;font-weight:500}.connect-account-help ol{margin:0 16px 16px;padding-left:20px;font-size:14px;line-height:1.6}.connect-account-help li+li{margin-top:10px}.connect-account-help p{color:var(--muted);margin:0 16px 16px;font-size:14px;line-height:1.6}.connect-optional{color:var(--muted);margin-left:8px;font-size:13px;font-weight:400}.connect-password{position:relative}.connect-password input{padding-right:80px}.connect-password button{min-height:44px;padding:0 10px;font-size:14px;position:absolute;top:4px;right:8px}.connect-actions{gap:12px;margin-top:12px;display:flex}.connect-actions>button:last-child{flex:1}.connect-error{border-left:3px solid var(--error-ink);background:var(--error-bg);color:var(--error-ink);border-radius:6px;margin:8px 0;padding:10px 14px;font-size:15px}.connect-organizations{border:0;flex-wrap:wrap;gap:10px;margin:0 0 10px;padding:0;display:flex}.connect-organizations label{border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;padding:10px 14px;display:flex}.connect-organizations input{width:18px;min-height:18px}.connect-result>p{font-size:16px}.connect-result>button{width:100%;margin-top:10px}.connect-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:1s linear infinite connect-spin}.shop-connect button{transition:transform .16s,background-color .2s,opacity .2s}.shop-connect button:active:not(:disabled){transform:scale(.98)}@keyframes connect-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes connect-spin{to{transform:rotate(360deg)}}@media (max-width:760px){.connect-content{padding-top:22px}.connect-progress{gap:8px;margin-bottom:24px}.connect-progress li{gap:6px;font-size:13px}.connect-progress li>span{width:24px;height:24px;font-size:12px}.connect-heading{gap:12px}.connect-illustration{border-radius:14px;flex-basis:46px;width:46px;height:46px}.connect-actions{padding-bottom:env(safe-area-inset-bottom,0px);flex-wrap:wrap}.connect-actions>button{min-width:0;padding:13px 15px}}@media (prefers-reduced-motion:reduce){.shop-connect *,.shop-connect :before,.shop-connect :after{transition:none!important;animation:none!important}}@media (max-width:480px){.connect-progress li{flex-direction:column;align-items:flex-start;min-width:0}}