:root{--m:#542743;--a:#C7A56A;--lb:#F7F2F5;--lt:#28232A;--bg:var(--lb);--t:var(--lt);--card:#fff;--line:#e3d8df;--mu:#6e6270;--hd:var(--m);--gb:color-mix(in srgb,var(--a),#fff 80%);--bad:#a8473f;--ok:#2b7a58;--d:color-mix(in srgb,var(--m),#000 45%);--g:color-mix(in srgb,var(--a),#fff 35%)}
:root[data-theme=dark]{--bg:#150f14;--t:#f0e8ee;--card:#211a20;--line:#3a2e38;--mu:#b4a6b1;--hd:var(--g);--gb:#3a2f20}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{font-family:Tajawal,Tahoma,sans-serif;background:var(--bg);color:var(--t);line-height:1.8;font-size:17px}
h1,h2,h3,button,.btn,.lo b{font-family:Cairo,sans-serif}
.wrap{max-width:860px;margin:0 auto;padding:0 16px 40px}
section{max-width:900px;margin:auto;padding:40px 5%}
header{background:linear-gradient(160deg,var(--m),var(--d));color:#fff;padding:22px 16px 74px;text-align:center;position:relative}
.lo{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px}.lo b{font-size:19px;color:var(--g)}
header h1{font-size:clamp(26px,6vw,42px);line-height:1.4}header p{opacity:.85}
.th{position:absolute;top:14px;inset-inline-end:14px;background:transparent;border:1px solid #fff5;color:#fff;border-radius:20px;padding:2px 12px;cursor:pointer;font-size:13px}
.steps{display:flex;gap:6px;margin:-36px 0 18px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px;position:relative;box-shadow:0 8px 24px #0001}
.steps div{flex:1;text-align:center;font-size:.8rem;color:var(--mu);padding:6px 2px;border-radius:8px;transition:.3s}
.steps .on{background:var(--m);color:#fff;font-weight:700}.steps .done{color:var(--ok);font-weight:700}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:14px;overflow:hidden}.b{padding:20px}
h2{color:var(--hd);font-size:1.35rem;margin-bottom:12px}h3{color:var(--hd);margin:14px 0 6px}
.hall{border:2px solid var(--line);border-radius:14px;margin-bottom:14px;overflow:hidden;transition:.3s}.hall.sel{border-color:var(--a);box-shadow:0 8px 26px color-mix(in srgb,var(--a),transparent 70%)}
.hall .in{padding:14px 16px}.mu{color:var(--mu);font-size:.9rem}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.tags span{background:var(--gb);border-radius:20px;padding:1px 12px;font-size:.8rem}
.price{color:var(--a);font-weight:700;margin:6px 0}
.gal{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:3px}
.gal>*{flex:0 0 100%;height:230px;width:100%;object-fit:cover;scroll-snap-align:center;border:0;background:#000}
.ph{display:grid;place-items:center;background:linear-gradient(135deg,var(--m),var(--a));color:#fff;font:800 24px Cairo}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{cursor:pointer;border:2px solid var(--line);border-radius:30px;padding:8px 18px;background:var(--card);color:var(--t);font:inherit;transition:.25s}.chip:hover{border-color:var(--a);transform:translateY(-2px)}.chip.sel{border-color:var(--a);background:var(--gb);font-weight:700}
.fg{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.fa{text-align:center;padding:14px;border:1px solid var(--line);border-radius:12px;transition:.3s}.fa:hover{transform:translateY(-4px);border-color:var(--a)}.fa i{font-size:30px;font-style:normal;display:block}
.nb{display:flex;gap:10px;margin:16px 0}.nb .btn{flex:1;text-align:center}
.btn{position:relative;overflow:hidden;display:inline-block;background:linear-gradient(135deg,var(--a),var(--g));color:#2a1a24;border:2px solid transparent;border-radius:40px;padding:10px 26px;font-weight:800;font-size:16px;cursor:pointer;text-decoration:none;transition:transform .25s,box-shadow .25s,background .3s,color .3s}
.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#ffffff99 50%,transparent 70%);transform:translateX(130%);transition:transform .7s}
.btn:hover{transform:translateY(-3px);box-shadow:0 10px 26px color-mix(in srgb,var(--a),transparent 45%)}.btn:hover::after{transform:translateX(-130%)}.btn:active{transform:scale(.97)}
.btn.main{background:var(--m);color:#fff}.btn.o{background:transparent;color:var(--hd);border-color:var(--a)}.btn.o:hover{background:var(--a);color:#2a1a24}
.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
label{display:block;margin:10px 0;font-weight:500}
input,select,textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:12px;font:inherit;background:var(--card);color:var(--t);margin-top:4px;transition:.25s}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--a);box-shadow:0 0 0 4px color-mix(in srgb,var(--a),transparent 75%)}
.row{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.sg{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.sg b{width:100%;color:var(--a)}
.sg label{display:inline-flex;align-items:center;gap:6px;margin:0;border:1px solid var(--line);border-radius:24px;padding:8px 16px;cursor:pointer;transition:.25s}.sg label:hover{border-color:var(--a);transform:translateY(-2px)}
.sg input,.chk input{width:auto;margin:0}.sg label:has(:checked){background:var(--m);color:#fff;border-color:var(--m)}
.chk{display:flex;gap:8px;align-items:center}.sm{font-size:13px;margin-top:8px;opacity:.8}.err{color:var(--bad);font-size:.9rem;min-height:1.3em;margin-top:6px}
.dep{background:var(--gb);border:1px dashed var(--a);border-radius:12px;padding:12px}
.sum{width:100%;border-collapse:collapse}.sum td{padding:7px 0;border-bottom:1px dashed var(--line)}.sum td:last-child{text-align:left;font-weight:500}.sum tr.tot td{font-weight:700;border-bottom:0;font-size:1.05rem}
.ticket{border:2px solid var(--a);border-radius:16px;padding:22px;text-align:center;background:var(--card)}.ticket .code{font:700 2rem Amiri,serif;color:var(--a);letter-spacing:2px;direction:ltr}
.ok-badge{display:inline-block;background:var(--ok);color:#fff;border-radius:20px;padding:2px 14px;font-size:.85rem}
.lookup{display:flex;gap:8px}.lookup input{direction:ltr;text-align:left;margin:0}
.calw{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px;max-width:520px}
.ch{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:var(--hd)}
.ch button{background:var(--gb);border:0;border-radius:50%;width:34px;height:34px;font-size:20px;color:var(--hd);cursor:pointer;transition:.25s}.ch button:hover{background:var(--a)}
.cg{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.cg small{color:var(--a);font-weight:700}
.cd{border:1px solid var(--line);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;background:var(--card)}
.cd span{font:700 13px Cairo;text-align:center;padding:2px 0}.cd.past{opacity:.35}
.cd button{border:0;border-top:1px solid var(--line);background:var(--card);color:var(--t);font:500 10px Tajawal;padding:5px 0;cursor:pointer;transition:.2s}
.cd button:not(:disabled):not(.bk):hover{background:color-mix(in srgb,var(--a),transparent 65%)}
.cd button.bk,.lg i.bk{background:rgba(84,39,67,.28);color:var(--hd);cursor:not-allowed}
.cd button.sl,.lg i.sl{background:var(--a);color:#2a1a24;font-weight:700}
.lg{display:flex;gap:16px;margin-top:10px;font-size:13px}.lg i{display:inline-block;width:16px;height:16px;border:1px solid var(--line);border-radius:4px;vertical-align:middle;background:var(--card)}
footer{background:var(--d);color:#fff;text-align:center;padding:40px 5% 26px}footer b{font:800 22px Cairo;color:var(--g)}footer a{color:var(--g);text-decoration:none;margin:0 10px}footer a:hover{text-decoration:underline}footer small{display:block;margin-top:12px;opacity:.6}
.wa{position:fixed;bottom:18px;inset-inline-start:18px;z-index:60;background:#25D366;color:#fff;border-radius:40px;padding:10px 18px;text-decoration:none;font:700 15px Cairo;display:flex;gap:8px;align-items:center;transition:transform .25s;animation:pl 2.4s infinite}.wa:hover{transform:scale(1.07)}
@keyframes pl{0%{box-shadow:0 0 0 0 #25D36699}70%{box-shadow:0 0 0 18px #25D36600}}
@media(max-width:700px){.wa span{display:none}.steps div{font-size:.7rem}}
@media print{header,.steps,.nb,#lk,.wa,footer{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* واجهة احترافية */
header{padding:26px 16px 100px;background:radial-gradient(circle at 18% 0,color-mix(in srgb,var(--a),transparent 70%),transparent 50%),radial-gradient(circle at 92% 100%,#ffffff14,transparent 45%),linear-gradient(165deg,var(--m),var(--d))}
header::after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,transparent,var(--a),transparent)}
header h1{font-size:clamp(28px,6.5vw,46px);margin:6px 0}
.hcp{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:16px}.hcp span{border:1px solid #ffffff40;background:#ffffff14;border-radius:30px;padding:1px 14px;font-size:13px}
.steps{margin:-56px 0 20px;padding:14px 6px;gap:0;border-radius:18px;box-shadow:0 14px 34px #54274324}
.steps div{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;position:relative;font-size:.74rem;color:var(--mu);text-align:center}
.steps div b{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--line);background:var(--card);font:700 14px Cairo;position:relative;z-index:1;transition:.3s}
.steps div::before{content:"";position:absolute;top:16px;left:50%;right:-50%;height:2px;background:var(--line)}.steps div:first-child::before{display:none}
.steps .on{background:none;color:var(--hd)}.steps .on b{background:var(--m);border-color:var(--m);color:#fff;box-shadow:0 0 0 5px color-mix(in srgb,var(--a),transparent 70%)}
.steps .done{color:var(--ok)}.steps .done b{background:var(--ok);border-color:var(--ok);color:#fff}.steps .done::before,.steps .on::before{background:var(--ok)}
.card{border-radius:18px;box-shadow:0 4px 18px #5427430d}.card>h2{display:flex;align-items:center;gap:10px}.card>h2::before{content:"";width:5px;height:22px;border-radius:3px;background:var(--a)}
.hall{border:1px solid var(--line);border-radius:18px;box-shadow:0 6px 20px #5427430f}.hall:hover{transform:translateY(-3px);box-shadow:0 14px 34px #54274324}.hall.sel{border:2px solid var(--a)}
.gw{position:relative}.bd{position:absolute;top:12px;inset-inline-start:12px;background:#000a;color:#fff;border-radius:20px;padding:1px 14px;font-size:13px;backdrop-filter:blur(6px)}
.hall .in b{font:800 1.25rem Cairo;color:var(--hd)}
.cd button{font-size:clamp(9px,2.5vw,11px);white-space:nowrap;padding:6px 0}.cd button.fr{color:var(--ok);font-weight:500}.cd button.bk{color:var(--hd)}.cd button.sl{color:#2a1a24;font-weight:700}
.lg{flex-wrap:wrap;gap:12px}.lg i.fr{background:var(--card)}
.sg label{align-items:flex-start;border-radius:14px}.sg label span{display:block}.sg small{display:block;font-size:11px;line-height:1.5}
.warn{background:#fbeeee;border-inline-start:4px solid var(--bad);border-radius:10px;padding:10px 14px;margin:12px 0;font-size:.95rem}:root[data-theme=dark] .warn{background:#3a2220}
.ok-badge.wt{background:var(--a);color:#2a1a24}
#bar{position:fixed;inset:auto 0 0;z-index:55;background:color-mix(in srgb,var(--card) 94%,transparent);backdrop-filter:blur(10px);border-top:1px solid var(--line);box-shadow:0 -8px 24px #0001;padding:10px 5%;display:flex;justify-content:space-between;align-items:center;gap:10px}#bar[hidden]{display:none}.tt{font:800 18px Cairo;color:var(--hd)}
body{padding-bottom:64px}.wa{bottom:80px}