/* Dar Ayat — order success animation. Scoped to .ayat-thanks-v3 */
.ayat-thanks-v3{--aygreen:#116149;--aygold:#d4a146;--ayink:#20382c;--aysand:#fff7e7;max-width:700px;margin:20px auto;padding:30px 24px 28px;border-radius:27px;border:1px solid #e0eadd;background:linear-gradient(155deg,#f5fff7 0%,#fffdf8 54%,#fff6e8 100%);box-shadow:0 13px 43px rgba(21,73,51,.09);color:var(--ayink);font-family:Tahoma,Arial,sans-serif;text-align:center;direction:rtl;position:relative;overflow:hidden;box-sizing:border-box}
.ayat-thanks-v3 *{box-sizing:border-box}
.ayat-thanks-v3 .ayat-inner{position:relative;z-index:2}
.ayat-thanks-v3 .ayat-ribbon{display:inline-block;background:#e8f5e9;border:1px solid #cae8d0;color:#1c7352;font-size:12px;padding:7px 14px;border-radius:999px;font-weight:bold;letter-spacing:0}
.ayat-thanks-v3 .ayat-success{width:82px;height:82px;margin:17px auto 19px;border-radius:50%;background:linear-gradient(135deg,#1b946a,#116149);color:#fff;font-size:48px;line-height:82px;box-shadow:0 0 0 9px #e3f4e8,0 12px 24px rgba(31,113,80,.16);font-family:Arial,sans-serif;animation:ayat-check-in .75s cubic-bezier(.2,1.65,.45,1) both,ayat-check-glow 2.5s 1s ease-in-out infinite}
.ayat-thanks-v3 h2{font-size:clamp(23px,4.5vw,33px);color:#116149;font-weight:800;line-height:1.5;margin:0 0 8px}
.ayat-thanks-v3 .ayat-intro{font-size:15px;line-height:1.95;margin:0 auto 14px;max-width:510px;color:#45574a}
.ayat-thanks-v3 .ayat-brand{font-weight:700;color:#15694e}
.ayat-thanks-v3 .ayat-hero{display:block;max-width:100%;width:540px;height:auto;margin:4px auto 15px;border-radius:15px}
.ayat-thanks-v3 .ayat-delivery-box{max-width:530px;background:rgba(255,255,255,.85);border:1px solid #e1eadf;padding:20px 14px;margin:14px auto 18px;border-radius:19px;box-shadow:0 9px 25px rgba(34,83,55,.055)}
.ayat-thanks-v3 .ayat-delivery-title{margin:0;color:#294839;font-size:15px}
.ayat-thanks-v3 .ayat-delivery-days{margin:8px 0 2px;font-size:29px;font-weight:800;line-height:1.6;color:#147551}
.ayat-thanks-v3 .ayat-delivery-sub{margin:0;font-size:12px;color:#77877c}
.ayat-thanks-v3 .ayat-progress-track{margin:15px auto 0;max-width:350px;height:7px;background:#e7f0e8;border-radius:10px;overflow:hidden}
.ayat-thanks-v3 .ayat-progress-fill{width:55%;height:100%;background:linear-gradient(90deg,#1d926a,#bcd869,#1d926a);background-size:200% 100%;border-radius:10px;animation:ayat-shine 2.5s ease infinite}
.ayat-thanks-v3 .ayat-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:530px;margin:0 auto 17px}
.ayat-thanks-v3 .ayat-step{background:#fff;border:1px solid #e5ede5;padding:13px 5px 12px;border-radius:15px;font-size:12px;font-weight:700;color:#365b47;line-height:1.5}
.ayat-thanks-v3 .ayat-step-icon{display:block;font-size:26px;line-height:1.4;margin-bottom:6px;animation:ayat-emoji-float 2.4s ease-in-out infinite}
.ayat-thanks-v3 .ayat-step:nth-child(2) .ayat-step-icon{animation-delay:.45s}
.ayat-thanks-v3 .ayat-step:nth-child(3) .ayat-step-icon{animation-delay:.9s}
.ayat-thanks-v3 .ayat-call{max-width:530px;background:#e9f5e9;color:#2a6047;border-radius:13px;font-size:13px;line-height:1.9;margin:0 auto;padding:11px 18px}
.ayat-thanks-v3 .ayat-shop{display:inline-block;background:#116149;color:#fff!important;text-decoration:none!important;border-radius:99px;font-size:14px;font-weight:700;padding:13px 27px;margin-top:20px;box-shadow:0 8px 17px #11614926;transition:transform .25s ease,box-shadow .25s ease}
.ayat-thanks-v3 .ayat-shop:hover{transform:translateY(-3px);box-shadow:0 12px 22px #11614933}
.ayat-thanks-v3 .ayat-sign{font-size:12px;color:#849386;margin:18px auto 0}
.ayat-thanks-v3 .ayat-confetti{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.ayat-thanks-v3 .ayat-confetti i{position:absolute;top:-30px;width:9px;height:14px;opacity:.75;border-radius:2px;animation:ayat-fall 6s linear infinite}
.ayat-thanks-v3 .ayat-confetti i:nth-child(1){left:5%;background:#e6a747;animation-delay:-1s}
.ayat-thanks-v3 .ayat-confetti i:nth-child(2){left:14%;background:#6fbf91;animation-delay:-5s;animation-duration:7s}
.ayat-thanks-v3 .ayat-confetti i:nth-child(3){left:22%;background:#d98080;animation-delay:-3s;animation-duration:5.5s}
.ayat-thanks-v3 .ayat-confetti i:nth-child(4){left:32%;background:#deb452;animation-delay:-4s;animation-duration:7.6s}
.ayat-thanks-v3 .ayat-confetti i:nth-child(5){left:44%;background:#84ba9b;animation-delay:-.2s}
.ayat-thanks-v3 .ayat-confetti i:nth-child(6){left:56%;background:#d4a146;animation-delay:-3.2s;animation-duration:6.9s}
.ayat-thanks-v3 .ayat-confetti i:nth-child(7){left:67%;background:#c17b9a;animation-delay:-2s;animation-duration:8s}
.ayat-thanks-v3 .ayat-confetti i:nth-child(8){left:78%;background:#57a27b;animation-delay:-5.5s;animation-duration:6.2s}
.ayat-thanks-v3 .ayat-confetti i:nth-child(9){left:89%;background:#dfbc66;animation-delay:-1.6s;animation-duration:7.9s}
.ayat-thanks-v3 .ayat-confetti i:nth-child(10){left:96%;background:#92a5ce;animation-delay:-4.8s;animation-duration:5.8s}
@keyframes ayat-fall{0%{transform:translate3d(0,-20px,0) rotate(0deg);opacity:0}7%{opacity:.8}88%{opacity:.8}100%{transform:translate3d(60px,750px,0) rotate(700deg);opacity:0}}
@keyframes ayat-check-in{from{transform:scale(0) rotate(-18deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}
@keyframes ayat-check-glow{0%,100%{box-shadow:0 0 0 9px #e3f4e8,0 12px 24px rgba(31,113,80,.16)}50%{box-shadow:0 0 0 15px rgba(182,226,198,.48),0 12px 24px rgba(31,113,80,.16)}}
@keyframes ayat-emoji-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes ayat-shine{0%{background-position:100% 0}100%{background-position:-100% 0}}
@media(max-width:480px){.ayat-thanks-v3{padding:25px 13px;border-radius:20px;margin:8px 4px}.ayat-thanks-v3 .ayat-intro{font-size:13px}.ayat-thanks-v3 .ayat-delivery-days{font-size:24px}.ayat-thanks-v3 .ayat-step{font-size:11px;padding:11px 3px}.ayat-thanks-v3 .ayat-call{font-size:12px}}
@media(prefers-reduced-motion:reduce){.ayat-thanks-v3 *{animation:none!important;transition:none!important}}

.ayat-thanks-v3 .ayat-truck-lane{height:63px;max-width:430px;margin:3px auto 7px;position:relative;overflow:hidden}
.ayat-thanks-v3 .ayat-truck-road{position:absolute;height:5px;bottom:4px;left:6px;right:6px;border-radius:10px;background:repeating-linear-gradient(90deg,#b7d7bb 0 28px,#e8f2e7 28px 42px)}
.ayat-thanks-v3 .ayat-moving-truck{position:absolute;right:13px;bottom:5px;font-size:40px;line-height:1.2;display:block;animation:ayat-truck-drive 4.5s ease-in-out infinite alternate;filter:drop-shadow(0 3px 1px #b6d5bc)}
@keyframes ayat-truck-drive{0%{transform:translateX(0) rotate(0deg)}100%{transform:translateX(-310px) rotate(-3deg)}}
@keyframes ayat-truck-drive-mobile{0%{transform:translateX(0)}100%{transform:translateX(-190px)}}
@media(max-width:480px){.ayat-thanks-v3 .ayat-moving-truck{animation-name:ayat-truck-drive-mobile}}
@media(prefers-reduced-motion:reduce){.ayat-thanks-v3 .ayat-moving-truck{animation:none}}