.coffee-checkout-layer[hidden]{display:none}
.coffee-checkout-layer{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:18px;background:#18342980;backdrop-filter:blur(3px)}
.coffee-checkout-dialog{box-sizing:border-box;width:min(440px,100%);max-height:calc(100dvh - 36px);border-radius:22px;background:#fffdf6;color:#263e34;box-shadow:0 16px 60px #14281f45;overflow:hidden;display:flex;flex-direction:column;font-family:Arial,sans-serif}
.coffee-checkout-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px 10px 22px;min-height:64px}
.coffee-checkout-dialog strong{font-size:15px;font-weight:600}
.coffee-checkout-close{border:0;background:#eaf0df;color:#48694f;width:44px;height:44px;border-radius:50%;font-size:26px;cursor:pointer}
.coffee-checkout-frame{display:block;width:100%;height:min(620px,calc(100dvh - 150px));min-height:240px;border:0;background:#fff;flex:1 1 auto}
.coffee-checkout-dialog footer{padding:14px 18px;text-align:center;font-size:12px}
.coffee-checkout-dialog footer a{color:#48694f}
@media(max-width:700px){.coffee-checkout-layer{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-right))}.coffee-checkout-dialog{width:100%;max-height:calc(100dvh - 24px);border-radius:20px}.coffee-checkout-frame{height:calc(100dvh - 138px)}}