@import"https://fonts.googleapis.com/css2?family=Aref+Ruqaa:wght@400;700&family=Cairo:wght@400;600;700&display=swap";:root{font-family:Cairo,sans-serif;color:#2a2118;background:#f4ecd8}*{box-sizing:border-box}body{margin:0}main{max-width:880px;margin:auto;min-height:100vh;padding-bottom:80px}.hero{text-align:center;padding:38px 20px 28px;background:radial-gradient(circle,#faf5e9,#e8c877);border-radius:0 0 38px 38px}.mark{margin:auto;width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:#33472b;font-size:32px}.hero h1{font:700 42px Aref Ruqaa;margin:12px 0 0}.hero h1 span{font:700 28px Cairo}.hero p{margin:5px}.cats{position:sticky;top:0;z-index:2;display:flex;gap:8px;overflow:auto;padding:12px;background:#f4ecd8}.cats button,.card button,.ticket{border:0;border-radius:999px;padding:10px 18px;font-family:inherit;cursor:pointer}.cats button{background:#faf5e9}.cats .active{background:#33472b;color:#fff}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:14px}.card{background:#faf5e9;border-radius:20px;padding:14px;display:flex;gap:12px;box-shadow:0 5px 18px #2a21181a}.card img{width:90px;height:90px;object-fit:cover;border-radius:14px}.card h2{font:700 25px Aref Ruqaa;margin:0}.card p{font-size:13px;opacity:.8}.card strong{display:block;color:#33472b;margin-bottom:8px}.card button{background:linear-gradient(135deg,#e8c877,#b9852f);color:#202e19}.ticket{position:fixed;bottom:20px;left:20px;background:#a8472b;color:#fff;box-shadow:0 8px 25px #0003}footer{background:#202e19;color:#cfd6c6;text-align:center;padding:22px;margin-top:30px}@media(max-width:600px){.grid{grid-template-columns:1fr}.hero h1{font-size:34px}}