.checkout{width:min(680px,calc(100% - 24px));max-height:90dvh;padding:24px;border:1px solid #d3d2c8;border-radius:16px;background:#fffefa;color:#252925;box-shadow:0 24px 90px #0004}.checkout::backdrop{background:#171d18a6}.checkout header{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.12em}.checkout .close{background:none;border:0;font-size:30px;min-width:44px;min-height:44px;cursor:pointer}.checkout .test-info{background:#eeeddf;padding:12px;border-radius:8px;font-size:14px}.checkout nav{display:flex;gap:8px;margin:24px 0}.checkout nav span{flex:1;padding:9px 6px;background:#eeeee7;border-radius:8px;text-align:center;font-size:14px}.checkout nav [aria-current]{background:#48553e;color:white}.checkout h1{font:normal 30px Georgia,serif}.checkout h2{font:normal 22px Georgia,serif;margin-top:24px}.checkout p{line-height:1.6}.checkout form>label{display:block;font-weight:600;margin:16px 0}.checkout input:not([type=radio]),.checkout select{display:block;width:100%;padding:12px;border:1px solid #aaa99d;border-radius:8px;background:white;color:#252925;font:inherit;margin-top:6px}.checkout .hint{font-size:14px;color:#55594f}.checkout .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.checkout .knopf{min-height:48px;white-space:normal}.checkout fieldset{border:0;margin:0;padding:0}.checkout legend{margin-bottom:12px}.checkout .payment{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid #bbbdb0;border-radius:10px;margin-bottom:12px;cursor:pointer}.checkout .payment:has(:checked){border:2px solid #48553e;background:#f0f2e9;padding:17px}.checkout .payment small{display:block;margin-top:5px;line-height:1.5}.checkout input[type=radio]{width:20px;height:20px;flex-shrink:0;accent-color:#48553e}.checkout-totals div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #ddd}.checkout-totals dd{margin:0;white-space:nowrap}.checkout-totals .total{font-size:22px;font-weight:700}.checkout :focus-visible{outline:3px solid #697c58;outline-offset:3px}.checkout section:focus{outline:none}@media(max-width:480px){.checkout{padding:16px}.checkout h1{font-size:27px}.checkout .actions>*{flex:1}.checkout nav{gap:4px}}