/* Homepage order preview and delivery note only. */
#flow .tg-flow-delivery-note { margin-top:12px; font-size:12px; line-height:1.85; }
.order-form-preview { width:min(1080px,calc(100vw - 32px)); max-height:90vh; max-height:calc(100dvh - 32px); box-sizing:border-box; margin:auto; padding:20px 24px; overflow:auto; border:1px solid #b9d0de; border-radius:6px; color:#173b55; background:#fff; }
.order-form-preview::backdrop { background:rgba(15,35,49,.62); }
.order-form-preview-head { display:flex; align-items:center; justify-content:space-between; gap:16px; position:sticky; top:-20px; z-index:1; padding:12px 0; background:#fff; }
.order-form-preview h2 { margin:0; font-size:20px; line-height:1.5; }
.order-form-preview [data-order-form-close] { flex:none; min-height:40px; padding:7px 13px; border:1px solid #b7cbd7; border-radius:3px; color:#173b55; background:#fff; font:inherit; font-size:13px; cursor:pointer; }
.order-form-preview p,.order-form-preview figcaption { margin:10px 0 14px; font-size:12px; line-height:1.8; color:#586b78; }
.order-form-preview figure { margin:0; }
.order-form-preview img { display:block; width:100%; height:auto; border:1px solid #e4edf2; }
.order-form-preview button:focus-visible,.order-form-preview a:focus-visible { outline:3px solid #36769a; outline-offset:3px; }
@media(max-width:760px) { .order-form-preview { width:calc(100vw - 24px); max-height:calc(100dvh - 24px); padding:12px; } .order-form-preview-head { top:-12px; gap:10px; } .order-form-preview h2 { font-size:17px; } #flow .tg-flow-delivery-note { font-size:13px; } }