.order-modal-open{overflow:hidden}.order-dialog.order-dialog{width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:18px;border:0;border-radius:18px;color:#112939;background:#fff;box-shadow:0 24px 90px #0005;overflow:auto;overscroll-behavior:contain}.order-dialog.order-dialog::backdrop{background:#101c2acc}.order-dialog.order-dialog h2{font-size:22px;line-height:1.15;margin:6px 38px 6px 0}.order-dialog.order-dialog .dialog-note{font-size:13px;margin:0 32px 12px 0;color:#50606c}.order-dialog.order-dialog .order-card{margin:0;padding:0;border:0;border-radius:0;box-shadow:none}.order-dialog.order-dialog .offers{margin-top:0;margin-bottom:14px}.order-dialog.order-dialog .offer{padding:8px}.order-dialog.order-dialog .offer.chosen{padding:8px}.order-dialog.order-dialog .form-label{margin-top:9px}.order-dialog.order-dialog input:not([type=radio]){min-height:46px}.order-dialog.order-dialog .total{margin:10px 0;padding:12px 0}.order-close{position:absolute;z-index:2;right:12px;top:12px;width:36px;height:36px;border:1px solid #dbe0e4;border-radius:50%;background:#fff;color:#112939;font-size:26px;line-height:1;cursor:pointer}.thanks-wrap{padding:40px 18px 64px;max-width:660px;margin:auto}.thanks-card{background:#fff;border:1px solid #dde4e0;border-radius:20px;padding:32px}.thanks-icon{width:60px;height:60px;display:grid;place-items:center;border-radius:50%;background:#edf5e8;color:#22532c;font-size:32px;margin-bottom:20px}.thanks-card h1{font-size:clamp(28px,5vw,42px);line-height:1.06;margin:8px 0 18px}.thanks-card h2{font-size:22px}.thanks-card dl{border-top:1px solid #dfe5e2;margin:22px 0}.thanks-card dl div{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid #dfe5e2;padding:13px 0;font-size:14px}.thanks-card dd{margin:0;text-align:right;overflow-wrap:anywhere;max-width:65%}.thanks-card ol{padding-left:22px;line-height:1.6}.thanks-card .button{margin-top:20px}.thank-you [hidden]{display:none!important}@media(max-width:540px){.order-dialog.order-dialog{padding:16px}.order-dialog.order-dialog .form-note{font-size:10px;line-height:1.4}.order-dialog.order-dialog .offer strong{font-size:16px}.thanks-wrap{padding:22px 14px 42px}.thanks-card{padding:24px 20px}}

/* Gentle motion draws attention without moving the checkout fields. */
a.button[href="#commander"]{animation:commander-attention 4s ease-in-out infinite;transform-origin:center}
a.button[href="#commander"]:hover,a.button[href="#commander"]:focus-visible{animation-play-state:paused}
@keyframes commander-attention{0%,65%,100%{transform:translateY(0);box-shadow:0 0 0 0 rgba(31,93,68,0)}75%{transform:translateY(-2px);box-shadow:0 0 0 7px rgba(31,93,68,.13)}85%{transform:translateY(0);box-shadow:0 0 0 12px rgba(31,93,68,0)}}
@media(prefers-reduced-motion:reduce){a.button[href="#commander"]{animation:none}}