.coffee-top{max-width:1416px;margin:20px auto 0;padding:22px 24px;border:1px solid #c7d8d0;background:linear-gradient(120deg,#102d32,#174841);color:#fffdf8;box-shadow:var(--shadow);display:grid;grid-template-columns:minmax(220px,.7fr) minmax(520px,1.3fr);gap:25px;align-items:center;position:relative}
.coffee-top-copy>span,.coffee-inline>div>span{display:block;color:#9fd5c5;font-size:9px;letter-spacing:.2em;text-transform:uppercase}
.coffee-top-copy h2,.coffee-inline h2{margin:6px 0 7px;font:500 27px Georgia,serif}
.coffee-top-copy p,.coffee-inline p{margin:0;color:#c8d9d3;font-size:11px;line-height:1.6}
.coffee-qr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.coffee-qr-card{display:grid;grid-template-columns:112px minmax(0,1fr);grid-template-rows:1fr auto;gap:10px 14px;align-items:center;padding:12px;background:#fffdf8;color:#102d32;border:1px solid #dce5df}
.coffee-qr{grid-row:1/3;display:block;width:112px;height:112px;border:1px solid #d7dfda;background:#fff}
.coffee-qr img{display:block;width:100%;height:100%}
.coffee-payment-copy strong,.coffee-payment-copy span,.coffee-payment-copy small{display:block}
.coffee-payment-copy strong{font-size:14px}
.coffee-payment-copy span{margin-top:4px;color:#48635b;font:11px ui-monospace,monospace}
.coffee-payment-copy small{margin-top:7px;color:#698078;font-size:9px}
.coffee-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.coffee-actions a,.coffee-actions button{border-radius:4px;padding:8px 10px;font-size:9px;font-weight:800;cursor:pointer}
.coffee-actions a{background:#102d32;color:#fff;text-decoration:none}
.coffee-actions button{border:1px solid #bdd1c8;background:transparent;color:#174841}
.coffee-copy-status{grid-column:1/-1;min-height:14px;margin:0;color:#f7e8bc;font-size:9px;text-align:right}
.coffee-inline{margin:34px 0;padding:24px 26px;border:1px solid #c8d7cf;background:#102d32;color:#fffdf8;display:flex;align-items:center;justify-content:space-between;gap:28px;box-shadow:var(--shadow)}
.coffee-inline>div:first-child{max-width:650px}
.coffee-inline>div>small{display:block;margin-top:10px;color:#8fb2a7;font-size:8px;line-height:1.5}
.coffee-inline-actions{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:10px;min-width:380px}
.coffee-inline-actions a{display:grid;grid-template-columns:36px 1fr;gap:0 10px;align-items:center;padding:12px 14px;background:#fffdf8;color:#102d32;text-decoration:none;border:1px solid #dce5df;border-radius:5px}
.coffee-inline-actions b{grid-row:1/3;width:36px;height:36px;border-radius:9px;display:grid;place-items:center;color:#fff;font-size:18px}
.coffee-inline-actions .venmo-link b{background:#008cff}
.coffee-inline-actions .cash-link b{background:#00c244}
.coffee-inline-actions span{font-size:11px;font-weight:800}
.coffee-inline-actions small{color:#61766f;font:9px ui-monospace,monospace}
@media(max-width:980px){.coffee-top{grid-template-columns:1fr}.coffee-top-copy{text-align:center}.coffee-inline{align-items:flex-start;flex-direction:column}.coffee-inline-actions{width:100%;min-width:0}}
@media(max-width:640px){.coffee-top{margin:14px 14px 0;padding:19px}.coffee-qr-grid{grid-template-columns:1fr}.coffee-qr-card{grid-template-columns:100px 1fr}.coffee-qr{width:100px;height:100px}.coffee-inline{margin:24px 0;padding:20px}.coffee-inline-actions{grid-template-columns:1fr}.coffee-copy-status{text-align:center}}