.haag-app{--haag-green:#305a42;--haag-muted:#6b756f;--haag-border:#dce5de;max-width:1100px;margin:32px auto;color:#1d2e24;font:inherit;line-height:1.5}.haag-app *{box-sizing:border-box}.haag-header{background:#f1f6ef;border-left:5px solid var(--haag-green);padding:27px 32px;margin-bottom:24px}.haag-header h2{font-size:clamp(1.55rem,3vw,2.15rem);margin:4px 0 12px;color:#244633}.haag-header p{margin:0}.haag-eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.74rem;font-weight:700;color:var(--haag-green)}.haag-progress{display:flex;gap:12px;margin:24px 0 32px}.haag-progress span{flex:1;border-bottom:4px solid var(--haag-border);padding:10px 2px;color:var(--haag-muted);font-size:.9rem;font-weight:700}.haag-progress span.active{border-color:var(--haag-green);color:var(--haag-green)}.haag-step h3{font-size:1.35rem;margin:25px 0 6px}.haag-muted{color:var(--haag-muted);margin:0 0 18px}.haag-table-scroll{overflow-x:auto;border:1px solid var(--haag-border);margin:18px 0 36px}.haag-table{border-collapse:collapse;min-width:680px;width:100%;font-size:.89rem}.haag-table th,.haag-table td{padding:11px 12px;text-align:left;border-bottom:1px solid var(--haag-border);vertical-align:middle}.haag-table thead{background:#e8f0e9}.haag-table thead th{font-size:.78rem;text-transform:uppercase;letter-spacing:.025em;color:#385342}.haag-table tbody tr:nth-child(even){background:#fafcfb}.haag-table tbody tr:hover{background:#f2f7f2}.haag-table tfoot{background:#e8f0e9;font-weight:700}.haag-table tfoot th:first-child{text-align:right}.haag-table .haag-product{min-width:200px;font-weight:600}.haag-nowrap{white-space:nowrap}.haag-qty{width:84px!important;min-height:40px!important;border:1px solid #9aaea0!important;border-radius:0!important;padding:6px 8px!important;text-align:center!important;background:white!important;color:#1d2e24!important}.haag-qty:focus{outline:2px solid var(--haag-green);outline-offset:1px}.haag-line-total{font-weight:700}.haag-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px 22px;margin:20px 0 30px}.haag-fields label{display:block;font-weight:600;font-size:.9rem}.haag-fields input,.haag-fields select{display:block;width:100%;height:45px;margin-top:5px;padding:8px 10px;background:white;border:1px solid #b8c9bd;border-radius:0;color:#1d2e24}.haag-fields .haag-full{grid-column:1/-1}.haag-actions{display:flex;justify-content:flex-end;gap:14px;margin:28px 0 35px}.haag-actions-between{justify-content:space-between}.haag-app button{border-radius:0;padding:12px 22px;font-size:1rem;font-weight:700;cursor:pointer;min-height:48px}.haag-primary{border:1px solid var(--haag-green)!important;background:var(--haag-green)!important;color:#fff!important}.haag-primary:hover{background:#20402f!important}.haag-primary:disabled{opacity:.65;cursor:wait}.haag-secondary{border:1px solid var(--haag-green)!important;background:white!important;color:var(--haag-green)!important}.haag-summary{background:#f1f6ef;border:1px solid var(--haag-border);padding:20px 25px;margin:26px 0}.haag-summary h3{margin:0 0 14px}.haag-summary>div{display:flex;justify-content:space-between;gap:15px;padding:8px 0}.haag-summary .haag-grand{border-top:2px solid var(--haag-green);font-size:1.22rem;margin-top:8px;padding-top:14px}.haag-payment{border-left:4px solid #b18a36;background:#fff9eb;padding:17px 20px}.haag-payment p{margin:6px 0 0}.haag-consent{display:flex;align-items:flex-start;gap:9px;margin:22px 0;font-size:.95rem}.haag-consent input{margin-top:6px;flex-shrink:0}.haag-alert{background:#fff0ed;border-left:4px solid #ad3e2d;padding:16px;margin:16px 0}.haag-success{padding:30px;border:1px solid var(--haag-border);background:#f1f6ef}.haag-step[hidden]{display:none!important}@media(max-width:680px){.haag-app{margin:20px auto}.haag-header{padding:20px}.haag-fields{grid-template-columns:1fr}.haag-progress span{font-size:.77rem}.haag-actions-between{flex-wrap:wrap}.haag-app button{width:100%}}
