/* Alzar Luck — game page (v8.0). Mobile first, RTL. Loaded after wheel.css, which
   owns the wheel, CTA pill, gate sheet, trust chips and the modal shell — so the
   game page and the home banner are visibly the same game.
   Colours come from the theme tokens (--az-*) set in Appearance ← تصميم الزر. */
.alzl{
        --l-navy:var(--az-navy,#222D65);--l-navy-deep:var(--az-navy-deep,#161D47);--l-green:var(--az-green,#1A994A);--l-green-deep:var(--az-green-deep,#137A3A);
        --l-mint:var(--az-mint,#E6F4EB);--l-line:var(--az-line,#E3E6F0);--l-ink:var(--az-ink,#141A3D);--l-muted:var(--az-muted,#5A6187);--l-gold:var(--az-gold,#F2B33D);--l-sale:var(--az-sale,#D93A3A);
        --l-r:var(--az-r-l,24px);
        font-family:var(--wp--preset--font-family--body,"DIN Next LT Arabic",system-ui,sans-serif);color:var(--l-ink);max-width:1120px;margin:0 auto;padding:12px 12px 56px;
}
.alzl *{box-sizing:border-box}
.alzl [hidden],.alzl-land [hidden]{display:none!important}
.alzl-cv{content-visibility:auto;contain-intrinsic-size:auto 420px}

/* ---------- Landing ---------- */
.alzl-land{display:grid;gap:2.5rem;grid-template-columns:minmax(0,1fr)}
.alzl-land__hero{--alzw-size:min(330px,74vw);position:relative;overflow:hidden;border-radius:var(--az-r-xl,32px);isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem 2rem;align-items:center;padding:clamp(1.4rem,5vw,3rem);color:#fff;background:linear-gradient(130deg,var(--l-navy) 0%,color-mix(in srgb,var(--l-navy) 68%,var(--l-green-deep)) 100%)}
.alzl-land__glow{position:absolute;z-index:-1;border-radius:50%;aspect-ratio:1;pointer-events:none}
.alzl-land__glow--a{inset-block-start:-40%;inset-inline-start:-15%;width:70%;background:radial-gradient(closest-side,color-mix(in srgb,var(--l-green) 55%,transparent),transparent 72%)}
.alzl-land__glow--b{inset-block-end:-45%;inset-inline-end:-10%;width:55%;background:radial-gradient(closest-side,color-mix(in srgb,var(--l-gold) 34%,transparent),transparent 72%)}
.alzl-land__hero-txt{display:grid;gap:.7rem;justify-items:start;align-content:center;min-width:0}
.alzl-land__badge{display:inline-block;margin:0;padding:.4rem 1rem;border-radius:999px;background:color-mix(in srgb,var(--l-gold) 90%,transparent);color:var(--l-navy-deep);font-weight:800;font-size:.9rem}
.alzl-land__title{margin:0;font-size:clamp(1.8rem,5.2vw,2.9rem);line-height:1.22;font-weight:800;color:#fff;text-wrap:balance}
.alzl-land__sub{margin:0;max-width:52ch;font-size:clamp(1rem,2.1vw,1.12rem);line-height:1.85;color:color-mix(in srgb,#fff 86%,transparent)}
.alzl-land__ctas{display:grid;gap:.55rem;justify-items:start;margin-top:.3rem}
.alzl-land__ctas .alzw-cta{min-height:60px;font-size:1.2rem;padding:0 2.1rem}
.alzl-land__cta-note{margin:0;font-size:.86rem;color:color-mix(in srgb,#fff 74%,transparent)}
.alzl-land__hero-wheel{justify-self:center}
@media (min-width:860px){
        .alzl-land__hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);--alzw-size:min(380px,36vw)}
}
@media (max-width:480px){
        .alzl-land__hero{border-radius:24px;min-width:0}
        .alzl-land__ctas{width:100%}
        .alzl-land__ctas .alzw-cta{width:100%;font-size:1rem;padding:0 1rem;min-width:0}
        .alzw-cta{max-width:100%}
        .alzw-trust{flex-wrap:wrap}
}
.alzl-land__stats{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0;padding:0}
.alzl-land__stats li{display:grid;gap:.15rem;justify-items:center;padding:1rem .5rem;border-radius:20px;background:#fff;border:1px solid var(--l-line);box-shadow:0 14px 30px -26px rgba(20,26,61,.6)}
.alzl-land__stats strong{font-size:clamp(1.3rem,3.5vw,1.9rem);font-weight:800;color:var(--l-navy)}
.alzl-land__stats span{font-size:.82rem;color:var(--l-muted);text-align:center;line-height:1.5}
.alzl-land h2{margin:0 0 .3rem;font-size:clamp(1.3rem,3.2vw,1.75rem);font-weight:800;color:var(--l-navy)}
.alzl-land__prizes-sub{margin:0 0 1.1rem;color:var(--l-muted)}
.alzl-prizes{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:.8rem}
.alzl-prize{position:relative;overflow:hidden;background:#fff;border:1px solid var(--l-line);border-radius:20px;padding:1rem .9rem 1.1rem;display:grid;gap:.45rem;align-content:start;transition:transform .25s,box-shadow .25s}
.alzl-prize:hover{transform:translateY(-3px);box-shadow:0 20px 44px -26px rgba(20,26,61,.5)}
.alzl-prize::after{content:"";position:absolute;inset-block-start:-30%;inset-inline-end:-25%;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--l-mint) 85%,transparent),transparent);z-index:0;pointer-events:none}
.alzl-prize>*{position:relative;z-index:1}
.alzl-prize__tier{justify-self:start;font-size:.72rem;font-weight:800;letter-spacing:.04em;padding:.28rem .6rem;border-radius:999px;background:var(--l-mint);color:var(--l-green-deep)}
.alzl-prize.is-silver .alzl-prize__tier{background:var(--az-mist,#EEF0F8);color:var(--l-navy)}
.alzl-prize.is-gold .alzl-prize__tier{background:color-mix(in srgb,var(--l-gold) 30%,#fff);color:#7a4d00}
.alzl-prize.is-gold{border-color:color-mix(in srgb,var(--l-gold) 55%,var(--l-line))}
.alzl-prize__name{margin:0;font-weight:700;font-size:.95rem;line-height:1.5;color:var(--l-ink)}
.alzl-prize__price{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}
.alzl-prize__price strong{color:var(--l-green-deep);font-weight:800}
.alzl-prize__price del{color:var(--l-muted);font-size:.85rem}
.alzl-prize__off{background:var(--l-sale);color:#fff;font-size:.75rem;font-weight:800;border-radius:999px;padding:.18rem .55rem}
.alzl-land__how{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:.75rem}
.alzl-land__how li{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:.8rem;padding:1rem 1.1rem;background:#fff;border:1px solid var(--l-line);border-radius:20px}
.alzl-land__how li>b{grid-row:1/3;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--l-green);color:#fff;font-size:1.05rem}
.alzl-land__how strong{font-weight:800;color:var(--l-navy)}
.alzl-land__how span{color:var(--l-muted);line-height:1.7;font-size:.95rem}
@media (min-width:760px){
        .alzl-land__how{grid-template-columns:repeat(3,1fr)}
        .alzl-land__how li{grid-template-columns:1fr;grid-template-rows:auto auto auto;justify-items:start;row-gap:.3rem}
        .alzl-land__how li>b{grid-row:auto}
}
/* FAQ */
.alzl-faq{display:grid;gap:.6rem;max-width:820px}
.alzl-faq__item{background:#fff;border:1px solid var(--l-line);border-radius:18px;padding:0 1.1rem;transition:border-color .2s}
.alzl-faq__item[open]{border-color:color-mix(in srgb,var(--l-green) 45%,var(--l-line))}
.alzl-faq__item summary{cursor:pointer;list-style:none;padding:1rem 0;font-weight:800;color:var(--l-navy);display:flex;align-items:center;justify-content:space-between;gap:1rem}
.alzl-faq__item summary::-webkit-details-marker{display:none}
.alzl-faq__item summary::after{content:"+";display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--l-mint);color:var(--l-green-deep);font-weight:800;font-size:1.15rem;transition:transform .2s}
.alzl-faq__item[open] summary::after{content:"–"}
.alzl-faq__item summary:focus-visible{outline:3px solid var(--l-navy);outline-offset:2px;border-radius:10px}
.alzl-faq__item p{margin:0 0 1rem;color:var(--l-muted);line-height:1.8}
/* Final CTA band */
.alzl-land__final{display:grid;gap:.6rem;justify-items:center;text-align:center;padding:clamp(1.6rem,5vw,2.6rem) 1.2rem;border-radius:var(--az-r-xl,32px);background:linear-gradient(130deg,var(--l-navy) 0%,color-mix(in srgb,var(--l-navy) 68%,var(--l-green-deep)) 100%);color:#fff}
.alzl-land__final h2{margin:0;color:#fff}
.alzl-land__final p{margin:0 0 .4rem;color:color-mix(in srgb,#fff 84%,transparent)}

/* ---------- Dialog content (shell = .alzw-modal in wheel.css) ---------- */
.alzl__card{padding-top:1.6rem}
.alzl__eyebrow{margin:0;color:var(--l-green-deep);font-weight:700;font-size:.9rem}
.alzl__title{margin:.25rem 0 1rem;font-size:1.5rem;font-weight:800;color:var(--l-navy);padding-inline:2.4rem}
.alzl__intro{margin:0 0 .25rem;color:var(--l-muted);line-height:1.75;font-size:.95rem}
.alzl__screen{display:grid;gap:.75rem}
.alzl__label{font-weight:700;text-align:start}
.alzl__input{width:100%;min-height:54px;border:1.5px solid var(--l-line);border-radius:16px;padding:0 14px;font-size:1.15rem;text-align:center;direction:ltr;font-family:inherit;background:#fff;color:var(--l-ink)}
.alzl__input:focus{outline:3px solid var(--l-navy);outline-offset:2px}
.alzl__input--text{direction:rtl;text-align:start;font-size:1rem}
.alzl__btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:54px;border:0;border-radius:999px;background:var(--l-green);color:#fff;font-weight:800;font-size:1.05rem;font-family:inherit;text-decoration:none;cursor:pointer;padding:0 1.25rem;transition:transform .2s,background .2s}
.alzl__btn:hover{background:var(--l-green-deep);color:#fff}
.alzl__btn:active{transform:scale(.98)}
.alzl__btn:disabled{opacity:.55;cursor:default}
.alzl__btn--wa{background:#1FA855}
.alzl__btn--wa:hover{background:#178A45}
.alzl__link{background:none;border:0;color:var(--l-navy);font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-family:inherit;font-size:.95rem;padding:.4rem}
.alzl__msg{margin:0;color:var(--l-muted);line-height:1.75}
.alzl__code{font:800 1.8rem/1 ui-monospace,monospace;letter-spacing:.12em;background:var(--l-mint);border-radius:16px;padding:14px;margin:0;direction:ltr;color:var(--l-navy)}
.alzl__err{margin:0;color:var(--l-sale);font-weight:700}
.alzl__left{margin:0;font-weight:700;color:var(--l-navy)}
.alzl__stage{padding-top:3.2rem}
.alzl__cats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.alzl__cat{display:flex;align-items:center;gap:8px;border:1.5px solid var(--l-line);border-radius:18px;padding:12px;font-weight:700;cursor:pointer;justify-content:center}
.alzl__cat input{accent-color:var(--l-green);width:18px;height:18px}
.alzl__cat:has(input:checked){border-color:var(--l-green);background:var(--l-mint)}
.alzl__win{background:var(--l-mint);border-radius:20px;padding:14px;display:grid;gap:4px;justify-items:center;animation:alzw-gate .5s cubic-bezier(.34,1.56,.64,1)}
.alzl__win strong{font-size:1.2rem;color:var(--l-navy)}
.alzl__win p{margin:0}
.alzl__win-gift{display:block;margin:0 auto .2rem;filter:drop-shadow(0 8px 12px rgba(20,26,61,.25));animation:alzw-bounce .8s cubic-bezier(.34,1.56,.64,1) both}
.alzl__coupon{border:1.5px solid var(--l-line);border-radius:20px;padding:14px;margin-bottom:10px;display:grid;gap:4px;text-align:start}
/* v1.9.4 — selective booking tick (coupons screen). */
.alzl__coupon .alzl__pick{appearance:none;-webkit-appearance:none;justify-self:end;width:26px;height:26px;margin:0;border:2px solid color-mix(in srgb,var(--l-navy,#222D65) 45%,var(--l-line));border-radius:9px;background:#fff;cursor:pointer;position:relative;transition:background .18s,border-color .18s,transform .12s}
.alzl__coupon .alzl__pick:hover{border-color:var(--l-green,#1FA855);transform:scale(1.06)}
.alzl__coupon .alzl__pick:checked{background:var(--l-green,#1FA855);border-color:var(--l-green,#1FA855)}
.alzl__coupon .alzl__pick:checked::after{content:'';position:absolute;inset:0;margin:auto;width:8px;height:13px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg) translate(-1px,-2px)}
.alzl__coupon .alzl__pick:disabled{opacity:.35;cursor:not-allowed}
.alzl__coupon .alzl__pick:focus-visible{outline:3px solid var(--l-gold,#E8B931);outline-offset:2px}
.alzl__coupon.is-won{border-color:var(--l-gold)}
.alzl__coupon.is-confirmed{border-color:var(--l-green)}
.alzl__coupon code{direction:ltr;justify-self:start;font-weight:800;color:var(--l-navy);background:var(--l-mint);border-radius:8px;padding:2px 8px}
.alzl__coupon p{margin:0}
.alzl__st{color:var(--l-muted);font-size:.9rem}
.alzl__loading{color:var(--l-muted);font-weight:700}
.alzl__fine{margin-top:20px;text-align:start;color:var(--l-muted);font-size:.8rem;line-height:1.8;border-top:1px solid var(--l-line);padding-top:12px}
.alzl__fine p{margin:.2rem 0}
.alzl__steps{list-style:none;margin:0 0 .25rem;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.alzl__steps li{display:grid;gap:6px;justify-items:center;background:#F6F8FC;border-radius:16px;padding:10px 6px;font-size:.82rem;font-weight:700;color:var(--l-navy);line-height:1.4}
.alzl__steps b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--l-navy);color:#fff;font-size:.85rem}
.alzl__hint{margin:0;color:var(--l-muted);font-size:.85rem;line-height:1.6}
.alzl__ok{margin:0 0 .8rem;background:var(--l-mint);color:var(--l-green-deep);font-weight:800;border-radius:16px;padding:12px 14px;line-height:1.6}
.alzl__form{display:grid;gap:.6rem}

@media (prefers-reduced-motion:reduce){
        .alzl *,.alzl-land *{animation:none!important;transition:none!important}
}

/* v9.2 — coupon card "اطلبها أون لاين" button. */
.alzl__cartbtn{margin-top:8px;border:0;border-radius:999px;background:linear-gradient(135deg,#22305e,#3b4a86);color:#fff;font:inherit;font-size:.8rem;font-weight:700;padding:.4rem 1rem;cursor:pointer}
.alzl__cartbtn:hover{filter:brightness(1.15)}
.alzl__cartbtn:disabled{opacity:.6;cursor:wait}