.coffee-page{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;padding:85px 0}.coffee-intro{position:sticky;top:125px}.coffee-intro h1{font-size:clamp(52px,6.3vw,84px)}.coffee-intro .lead{margin-left:0}.coffee-intro>p:not(.lead){color:var(--muted);max-width:480px}.coffee-panel h2{font-size:30px;margin:0 0 10px}.coffee-panel h3{font-size:22px;letter-spacing:-.025em}.coffee-muted,.coffee-method p,.coffee-panel .fine{color:var(--muted)}.coffee-panel fieldset{padding:0;margin:28px 0 0;border:0;min-width:0}.coffee-panel legend{font-weight:650;margin-bottom:12px}.coffee-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:22px}.coffee-amounts button{min-height:54px;padding:10px 4px;border-radius:15px;border:1px solid var(--line);background:var(--bg);font-weight:700;cursor:pointer}.coffee-amounts [aria-pressed=true]{background:var(--accent);color:var(--bg);border-color:var(--accent)}.coffee-panel label{display:block;font-size:14px;margin-bottom:8px}.coffee-input{position:relative}.coffee-input input{width:100%;min-height:54px;padding:12px 45px 12px 16px;border:1px solid var(--line);border-radius:14px;background:var(--bg);color:var(--ink);font:inherit;font-size:22px}.coffee-input span{position:absolute;right:18px;top:11px;font-size:22px;color:var(--muted)}.coffee-input input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.coffee-input input[aria-invalid=true]{border-color:#f48b80}.coffee-method{border-top:1px solid var(--line);padding-top:26px;margin-top:26px}.coffee-method p{font-size:15px}.coffee-method .button{width:100%;cursor:pointer;text-align:center;border:1px solid var(--line)}.coffee-paypal{background:#ffc439;color:#142c50}.coffee-copy{display:block;background:transparent;color:var(--accent);border:1px solid var(--line);padding:9px 14px;border-radius:12px;margin:10px 0;cursor:pointer;font-size:14px}.coffee-details{font-size:15px}.coffee-details dt{color:var(--muted);margin-top:16px}.coffee-details dd{margin:3px 0;overflow-wrap:anywhere}.coffee-details [data-bank=iban]{font-variant-numeric:tabular-nums;letter-spacing:.025em}.coffee-qr{max-width:250px;margin:24px auto 12px;padding:16px;background:#fff;border-radius:14px}.coffee-qr svg{display:block;width:100%;height:auto}.coffee-status{font-size:14px;color:var(--accent)}.coffee-panel [hidden]{display:none!important}.coffee-trap{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.coffee-notes{max-width:850px;padding:15px 0 80px}.coffee-notes h2{font-size:30px}.coffee-notes p{color:var(--muted)}.coffee-notes a{color:var(--accent);text-decoration:underline}.coffee-panel #coffee-error:empty{display:none}.coffee-panel #coffee-error{font-size:14px;color:var(--ink);border-left:3px solid #f48b80;padding-left:12px}.coffee-method button:disabled{opacity:.65;cursor:wait}@media(max-width:900px){.coffee-page{gap:32px;grid-template-columns:1fr;padding-top:50px}.coffee-intro{position:static}.coffee-intro>p:not(.lead){max-width:700px}.coffee-intro h1{font-size:64px}.coffee-panel{max-width:650px;width:100%;margin:auto}}@media(max-width:540px){.coffee-page{padding-top:36px}.coffee-intro h1{font-size:52px}.coffee-panel{padding:24px 18px}.coffee-amounts{gap:7px}.coffee-notes{padding-top:0}.coffee-panel .button{padding:12px 16px}}

.coffee-panel .fine{font-size:13px;margin:12px 0}