.save-thanks{width:min(900px,calc(100vw - 28px));max-height:92dvh;overflow:auto;border:3px solid #ec661a;border-radius:24px;background:#fff;color:#142c4a;padding:28px;text-align:center}.save-thanks::backdrop{background:#102e55cc}.save-thanks h2{font-size:clamp(1.8rem,4vw,3rem);line-height:1.15;margin:20px 0}.thanks-customer{font-size:1.3rem;font-weight:750}.thanks-message{font-size:clamp(1.2rem,3vw,1.7rem);line-height:1.5;background:#edf4ff;padding:20px;border-radius:14px}.thanks-number{font-weight:800;color:#185ca0}.thanks-note{font-size:.95rem;color:#56667b}.save-thanks .btn{width:min(100%,360px);margin-top:12px}.thanks-road{height:190px;position:relative;overflow:hidden;background:linear-gradient(#edf7ff 0 80%,#163e73 80%);border-radius:14px}.thanks-road::after{content:'';position:absolute;left:-50%;bottom:17px;width:200%;height:5px;background:repeating-linear-gradient(90deg,#fff 0 45px,transparent 45px 100px);animation:roadTravel 1s linear infinite}.thanks-truck{position:relative;z-index:1;width:340px;max-width:85%;height:185px;animation:truckTravel 2s ease-in-out infinite}.truck-wheel{transform-box:fill-box;transform-origin:center;animation:wheelTravel .8s linear infinite}@keyframes roadTravel{to{transform:translateX(-100px)}}@keyframes truckTravel{0%,100%{transform:translateX(-8px) translateY(0)}50%{transform:translateX(8px) translateY(-3px)}}@keyframes wheelTravel{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.thanks-truck,.truck-wheel,.thanks-road::after{animation:none}}@media(max-width:600px){.save-thanks{padding:18px}.thanks-road{height:160px}.thanks-truck{height:155px}}

.thanks-share-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.thanks-share-actions .btn{margin-top:0;flex:1 1 230px}.thanks-share-actions .thanks-note{flex-basis:100%}#supplySaveError{padding:16px;background:#fff0ef;border:2px solid #b91c1c;border-radius:12px;color:#991b1b;font-weight:750;margin:16px 0}

/* Keep the complete confirmation centered and readable within the viewport. */
.save-thanks{width:min(620px,calc(100vw - 24px));max-height:calc(100dvh - 24px);margin:auto;padding:18px;border-radius:20px;overflow:auto;overscroll-behavior:contain}.save-thanks h2{font-size:clamp(1.35rem,2.4vw,1.65rem);line-height:1.2;margin:12px 0 8px}.save-thanks p{margin:8px 0;overflow-wrap:anywhere}.thanks-customer{font-size:1rem;line-height:1.35}.thanks-message{font-size:1rem;line-height:1.4;padding:10px 12px}.thanks-number{font-size:.9rem;line-height:1.3}.thanks-note{font-size:.875rem;line-height:1.35}.thanks-road{height:94px;border-radius:10px}.thanks-truck{width:200px;height:92px}.thanks-road::after{bottom:8px;height:3px}.save-thanks .btn{font-size:.9rem;line-height:1.25;padding:10px 14px;min-height:40px;margin-top:4px}.thanks-share-actions{gap:8px;align-items:center}.thanks-share-actions .btn{flex:1 1 200px}.thanks-share-actions .thanks-note{margin:2px 0}.thanks-share-actions [role="status"]{flex-basis:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.thanks-share-actions [role="status"]:empty{display:none}.thanks-share-actions [role="status"] p{flex-basis:100%;margin:2px 0}@media(max-width:600px){.save-thanks{padding:14px}.thanks-road{height:74px}.thanks-truck{width:160px;height:73px}.save-thanks h2{margin-top:9px}.save-thanks p{margin:6px 0}}@media(max-height:650px){.save-thanks{padding:12px}.thanks-road{height:62px}.thanks-truck{width:140px;height:61px}.save-thanks h2{font-size:1.3rem;margin:8px 0 6px}.save-thanks p{margin:5px 0}.thanks-share-actions{gap:5px}.save-thanks .btn{margin-top:2px}}
