.order-confirmation{display:flex;gap:1rem;align-items:flex-start;padding:1.4rem 1.6rem;margin:0 0 2rem;border:1px solid #9acdb2;border-radius:18px;background:#edf8f1;color:#194a32}.order-confirmation h2{font-size:clamp(1.3rem,2.8vw,1.8rem);margin:0 0 .6rem;color:inherit}.order-confirmation p{margin:.45rem 0}.order-confirmation-symbol{display:grid;place-items:center;flex:0 0 2.3rem;width:2.3rem;height:2.3rem;border-radius:50%;background:#247146;color:white;font-size:1.5rem;font-weight:800}.order-confirmation-reference{display:inline-block;font-size:1.12em;overflow-wrap:anywhere}.order-confirmation.is-pending{background:#fff8e7;border-color:#e4c471;color:#604300}.order-confirmation.is-pending .order-confirmation-symbol{background:#876009}.order-post-status{padding:1.2rem 1.5rem;border-left:4px solid #2e6791;background:#edf5fc;border-radius:8px;margin:1.5rem 0}.order-post-status h2{font-size:1.2rem;margin:0}.order-post-status p{margin:.5rem 0}@media(max-width:600px){.order-confirmation{padding:1rem;gap:.75rem}.order-confirmation-reference{display:block}.order-confirmation-symbol{flex-basis:1.9rem;width:1.9rem;height:1.9rem;font-size:1.2rem}.order-post-status{padding:1rem}}@media print{.order-confirmation,.order-post-status{display:none}}