/* Round 5: /lucky-draw/ – cards of the open draws and the Join / Check / Winners popups (on top of services.css + theft.css). */
/* The services page fits one screen on desktop; this page scrolls normally. */
body.ld-page{overflow:auto!important;height:auto}
.ld-page .shell{height:auto!important;min-height:100vh;grid-template-rows:auto 1fr auto}
.ld-stage{display:flex;flex-direction:column;gap:clamp(18px,3vh,32px);min-width:0;padding-bottom:12px}
.ld-intro{max-width:760px;display:flex;flex-direction:column;gap:12px}
.ld-kicker{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font-size:13px;font-weight:600;color:var(--plum);padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.8);border:1px solid var(--line)}
.ld-kicker svg{width:16px;height:16px}
.ld-intro h1{font-family:var(--display);font-weight:700;font-size:clamp(28px,3.4vw,44px);line-height:1.08;letter-spacing:-.025em}
.ld-intro .lede{font-size:clamp(15px,1.15vw,17px);line-height:1.6;color:var(--ink-2);max-width:62ch}
.ld-lang-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.ld-lang-row .th-lang{padding:0}
.ld-terms-link{font-size:13.5px;font-weight:600;color:var(--plum);text-decoration:underline;text-underline-offset:3px}

/* cards: one per row on phones, a grid on larger screens (same glass look as the service cards) */
.ld-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:18px;align-items:stretch}
.ld-card{position:relative;display:flex;flex-direction:column;min-width:0;border-radius:24px;overflow:hidden;background:var(--glass);border:1px solid var(--edge);box-shadow:var(--shadow);
  -webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);transition:transform .3s,box-shadow .3s,background .3s}
.ld-card:hover{transform:translateY(-3px);background:var(--glass-hi);box-shadow:0 1px 0 #fff inset,0 32px 60px -28px rgba(80,30,160,.5)}
.ld-card.is-closed{opacity:.92}
.ld-img{position:relative;aspect-ratio:16/9;background:var(--grad);overflow:hidden}
.ld-img img{width:100%;height:100%;object-fit:cover;display:block}
.ld-img-ph{position:absolute;inset:0;display:grid;place-items:center;color:#fff}
.ld-img-ph svg{width:56px;height:56px;opacity:.9}
.ld-fee{position:absolute;top:12px;inset-inline-end:12px;font-size:13px;font-weight:700;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.95);color:var(--ink);box-shadow:0 6px 16px -8px rgba(40,10,80,.5)}
.ld-fee.free{color:#047857}
.ld-fee.paid{color:#9a3412}
.ld-cbody{display:flex;flex-direction:column;gap:10px;padding:18px 20px 20px;flex:1;min-width:0}
.ld-aud{align-self:flex-start;font-size:12.5px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--lilac);color:var(--plum)}
.ld-aud.everyone{background:#e0f2fe;color:#075985}
.ld-ctitle{font-family:var(--display);font-weight:600;font-size:clamp(19px,1.5vw,22px);line-height:1.2;letter-spacing:-.015em;overflow-wrap:anywhere}
.ld-cprize{display:flex;gap:8px;align-items:flex-start;font-size:14.5px;line-height:1.5;color:var(--ink)}
.ld-cprize svg{width:18px;height:18px;flex:none;color:var(--rose);margin-top:2px}
.ld-cprize span{min-width:0;overflow-wrap:anywhere}
.ld-desc{font-size:14px;line-height:1.5;color:var(--ink-2);overflow-wrap:anywhere}
.ld-meta{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:13.5px;color:var(--ink-2);margin-top:auto;padding-top:4px}
.ld-meta > span{display:inline-flex;align-items:center;gap:6px}
.ld-meta svg{width:16px;height:16px;flex:none;color:var(--orchid)}
.ld-meta b{font-variant-numeric:tabular-nums;color:var(--ink)}
.ld-join{width:100%;min-height:48px}
.ld-closed{font-size:13.5px;font-weight:600;color:var(--ink-2);padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.7);border:1px solid var(--line);text-align:center}
.ld-skel{min-height:340px;background:linear-gradient(100deg,rgba(255,255,255,.55) 30%,rgba(255,255,255,.85) 50%,rgba(255,255,255,.55) 70%);background-size:300% 100%}
@media (prefers-reduced-motion:no-preference){.ld-skel{animation:ldsk 1.4s linear infinite}@keyframes ldsk{to{background-position:-150% 0}}}
.ld-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:40px 20px;border-radius:24px;background:var(--glass);border:1px solid var(--edge);box-shadow:var(--shadow)}
.ld-empty > svg{width:44px;height:44px;color:var(--orchid)}
.ld-empty h2,.ld-empty h3{font-family:var(--display);font-weight:600;font-size:20px;line-height:1.3}
.ld-empty p{font-size:14px;color:var(--ink-2);max-width:46ch;line-height:1.55}
.ld-empty .btn{margin-top:6px}
.ld-empty.sm{box-shadow:none;background:transparent;border:0;padding:24px 8px}
.ld-empty-p{padding:20px;text-align:center}
.foot-legal{display:flex;flex-wrap:wrap;gap:6px 18px}

/* popups */
.ld-m .ld-ic{background:var(--grad)}
.ld-m .btn-line{background:#fff;border-color:var(--line);color:var(--plum)}
.ld-m .btn-line:hover{background:var(--lilac)}
.ld-prize-box{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,#fff7ed,#fdf2f8);border:1px solid #fbcfe8;font-size:14px;line-height:1.5;margin-bottom:14px}
.ld-prize-box svg{width:18px;height:18px;flex:none;color:var(--rose);margin-top:2px}
.ld-prize-box span{min-width:0;overflow-wrap:anywhere}
#ld-form[data-aud=shops] .ld-every-only,#ld-form[data-aud=everyone] .ld-shop-only,#ld-form:not([data-type=paid]) .ld-paid-only{display:none}
.ld-place .grid2{gap:14px}
.ld-paid-only{display:flex;flex-direction:column;gap:12px}
.ld-paid-only .th-kv{margin:0}
.ld-qr{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border-radius:14px;border:1px solid var(--line);background:#fff}
.ld-qr img{width:min(220px,70vw);height:auto;image-rendering:pixelated}
.ld-qr figcaption{font-size:12.5px;color:var(--ink-3);text-align:center}
.ld-done .tick{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#d1fae5;color:#047857;margin-bottom:12px}
.ld-done .tick.wait{background:#ffedd5;color:#9a3412}
.ld-done .tick svg{width:32px;height:32px}
.ld-done h3{outline:none}
.ld-eid-l{font-size:12.5px!important;font-weight:600;color:var(--ink-3)!important;margin-top:14px!important;text-transform:uppercase;letter-spacing:.06em}
.ld-done .th-no{margin-top:4px}
.ld-res{margin-top:16px}
.ld-res > div{min-width:0}
.ld-res p{overflow-wrap:anywhere}
.ld-res.none{background:#faf8fd;color:var(--ink-2);border:1px solid var(--line)}
.ld-res.ld-wait{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}
.ld-res-d{font-weight:600}
.ld-no-sm{justify-content:flex-start!important}
.ld-no-sm b{font-size:19px!important}
.ld-policy{color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:2px}
.ld-won{display:flex;gap:8px;align-items:center;font-weight:700;color:#8a5a00}
.ld-won svg{width:18px;height:18px}
.ld-wins{list-style:none;display:grid;gap:10px}
.ld-win{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:#fff;min-width:0}
.ld-win-ic{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#fff2cc;color:#8a5a00}
.ld-win-ic svg{width:22px;height:22px}
.ld-win.gift .ld-win-ic{background:var(--lilac);color:var(--plum)}
.ld-win-m{min-width:0;display:flex;flex-direction:column;gap:2px}
.ld-win-k{font-size:12.5px;font-weight:700;color:var(--plum);text-transform:uppercase;letter-spacing:.05em;overflow-wrap:anywhere}
.ld-win.gift .ld-win-k{color:var(--rose)}
.ld-win-m > b{font-family:var(--display);font-weight:600;font-size:16px;line-height:1.35;overflow-wrap:anywhere}
.ld-win-who{display:flex;flex-direction:column;gap:2px;font-size:13.5px;color:var(--ink-2)}
.ld-win-who .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;color:var(--ink-3);align-self:flex-start}
.ld-win-who small{font-size:12.5px;color:var(--ink-3)}
.ld-loading{padding:24px;text-align:center;color:var(--ink-3)}
#ld-check-form select{width:100%;height:48px}

/* Urdu */
html[dir=rtl] .ld-intro,html[dir=rtl] .ld-card,html[dir=rtl] .top{font-family:var(--ur-font,"Noto Nastaliq Urdu",serif)}
html[dir=rtl] .ld-intro h1{font-family:var(--ur-font,"Noto Nastaliq Urdu",serif);font-size:clamp(24px,3vw,36px);line-height:1.9;letter-spacing:0}
html[dir=rtl] .ld-intro .lede,html[dir=rtl] .ld-desc,html[dir=rtl] .ld-cprize,html[dir=rtl] .ld-meta,html[dir=rtl] .ld-closed{line-height:2}
html[dir=rtl] .ld-ctitle{line-height:1.6}
html[dir=rtl] .ld-aud,html[dir=rtl] .ld-fee,html[dir=rtl] .ld-kicker{line-height:1.8;padding-top:2px;padding-bottom:2px}
html[dir=rtl] .btn{font-family:var(--ur-font,"Noto Nastaliq Urdu",serif);line-height:1.6}
html[dir=rtl] .th-lang button{font-family:var(--body)}
html[dir=rtl] .th-lang button[lang=ur]{font-family:var(--ur-font,"Noto Nastaliq Urdu",serif)}
html[dir=rtl] .ld-win-k{letter-spacing:0;text-transform:none}
html[dir=rtl] .ld-eid-l{letter-spacing:0;text-transform:none}
html[dir=rtl] .wordmark{font-family:var(--display)}

@media (max-width:760px){.ld-page .top-right .btn-sm span{display:none}.ld-page .top-right .btn-sm{width:40px;padding:0}}
@media (max-width:560px){
  .ld-grid{grid-template-columns:1fr;gap:14px}
  .ld-cbody{padding:16px}
  .ld-lang-row .th-lang{width:100%}
  .ld-lang-row .th-lang button{flex:1 1 0;justify-content:center;min-height:40px}
  .ld-win{padding:12px}
}