/* Aboud Store welcome overlay — isolated from the store's existing styles. */
#as-welcome{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:18px;background:#060709db;backdrop-filter:blur(13px);font-family:Tajawal,system-ui,sans-serif;color:#fff;opacity:1;visibility:visible;transition:opacity .32s,visibility .32s}#as-welcome.as-hide{opacity:0;visibility:hidden;pointer-events:none}#as-welcome *{box-sizing:border-box}#as-welcome .as-card{position:relative;isolation:isolate;overflow:hidden;width:min(100%,520px);border:1px solid #f38a4b99;border-radius:25px;background:radial-gradient(circle at 50% 0,#78371880,transparent 43%),linear-gradient(145deg,#29201b,#111316 75%);box-shadow:0 0 0 7px #ee7c2319,0 26px 85px #000c,0 0 75px #ff791c32;text-align:center;padding:51px 30px 28px;animation:as-enter .6s cubic-bezier(.2,.9,.28,1.15) both}#as-welcome .as-card:before{content:"";position:absolute;z-index:-1;width:430px;height:430px;border-radius:50%;border:1px dashed #fa8b3e63;top:-250px;left:50%;transform:translateX(-50%);animation:as-orbit 30s linear infinite}#as-welcome .as-card:after{content:"";position:absolute;z-index:-1;inset:-80%;background:conic-gradient(transparent 0 40%,#ff89211a 47%,transparent 53% 74%,#308cde18 81%,transparent 86%);animation:as-spin 18s linear infinite}#as-welcome button{font:inherit;cursor:pointer}#as-welcome .as-close{position:absolute;left:15px;top:15px;background:#2d231d;color:#f4d3ba;border:1px solid #81604b;border-radius:9px;width:36px;height:36px;font-size:23px}#as-welcome .as-logo{display:grid;place-items:center;width:79px;height:79px;margin:0 auto 22px;border-radius:23px;background:linear-gradient(140deg,#ffd79a,#ff7824 67%,#ad4213);color:#211207;font-size:46px;font-weight:900;box-shadow:0 0 0 8px #ff8c2922,0 0 43px #fc702996;animation:as-glow 4s ease-in-out infinite}#as-welcome .as-kicker{font-weight:900;color:#ffb378;letter-spacing:.07em;font-size:13px}#as-welcome h2{margin:14px 0;font-size:clamp(34px,7vw,48px);line-height:1.12;font-weight:900;letter-spacing:-.03em}#as-welcome h2 span{color:#ff8c42}#as-welcome p{color:#cbbeb4;font-size:17px;line-height:1.7;margin:0 auto;max-width:410px}#as-welcome .as-pills{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:25px 0}#as-welcome .as-pills span{border:1px solid #76513a;background:#2a221d;color:#ffd4b7;padding:9px 11px;border-radius:100px;font-size:12px;font-weight:800}#as-welcome .as-enter-btn{width:100%;border:0;border-radius:11px;padding:16px;background:linear-gradient(95deg,#ffd094,#ff832a 62%,#ec5b19);color:#241209;font-size:18px;font-weight:900;box-shadow:0 11px 27px #ee642e55}#as-welcome .as-enter-btn:hover{filter:brightness(1.08)}#as-welcome .as-skip{border:0;background:none;color:#b3a69c;font-size:14px;margin-top:15px}#as-welcome button:focus-visible{outline:3px solid #fff;outline-offset:3px}@keyframes as-enter{from{opacity:0;transform:translateY(30px) scale(.94)}to{opacity:1;transform:none}}@keyframes as-orbit{to{transform:translateX(-50%) rotate(360deg)}}@keyframes as-spin{to{transform:rotate(360deg)}}@keyframes as-glow{50%{box-shadow:0 0 0 12px #ff8c2922,0 0 62px #fc7029bb;transform:translateY(-4px)}}@media(max-width:550px){#as-welcome .as-card{padding:39px 23px 24px}#as-welcome h2{font-size:38px}#as-welcome p{font-size:16px}#as-welcome .as-pills span{font-size:11px}}@media(prefers-reduced-motion:reduce){#as-welcome *,#as-welcome *:before,#as-welcome *:after{animation:none!important;transition:none!important}}
