/* Template masrah: velvet curtains, a spotlight and gold tickets. */
:root{--fb:'Noto Naskh Arabic';--fh:'Rakkas';--bg:#FBF3E4;--ink:#22100F;--ink2:#6B524D;--line:#E9D6B8;--acc:#8E1330;--gold:#D4A24C;--night:#140A0E;--nav-bg:rgba(20,10,14,.94);--nav-solid:#140A0E;--demo-bg:#8E1330;--r-in:8px;--velvet:repeating-linear-gradient(90deg,#6E0E25 0 14px,#8E1330 14px 30px,#A0193B 30px 38px,#7A0F29 38px 52px)}
.masrah .nav{color:#F6E7C8;border-bottom:2px solid var(--gold)}.masrah .nav .links a{border-color:rgba(255,255,255,.1)}.masrah .links a:hover{color:var(--gold)}
.masrah .btn{border-radius:4px}.masrah .cta,.masrah .b1,form .btn{background:var(--gold);color:var(--night)}
.masrah .b2{background:transparent;color:#F6E7C8;border:1.5px solid var(--gold)}
.card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px}
.kick{color:var(--acc);letter-spacing:1px}
.sec-h h2{font-size:44px;font-weight:400;color:var(--acc)}.sec-h h2 em{font-style:normal;color:var(--gold)}
.hero{position:relative;background:radial-gradient(ellipse 420px 520px at 50% 0,rgba(246,213,142,.28),transparent 70%),var(--night);color:#F6E7C8;padding:70px 0 70px;overflow:hidden;text-align:center}
.hero::before{content:"";position:absolute;inset:0 0 auto;height:46px;background:var(--velvet);border-bottom:6px solid var(--gold);border-radius:0 0 50% 50%/0 0 100% 100%;z-index:2}
.drape{position:absolute;top:0;bottom:0;width:13%;background:var(--velvet);z-index:1;box-shadow:0 0 40px rgba(0,0,0,.6)}
.drape.s{inset-inline-start:0;border-end-end-radius:60% 30%}.drape.e{inset-inline-end:0;border-end-start-radius:60% 30%}
.hero-in{position:relative;z-index:3;max-width:860px}
.hero .tag{display:inline-block;margin-top:14px;color:var(--gold);font-weight:700;letter-spacing:2px;font-size:15px}
.hero h1{font-size:74px;font-weight:400;margin:10px 0 14px;line-height:1.2;color:#fff;text-shadow:0 4px 30px rgba(246,213,142,.35)}.hero h1 em{font-style:normal;color:var(--gold)}
.hero-in>p{font-size:19px;color:#D9C6A6;max-width:620px;margin-inline:auto}
.hero-b{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:24px}
.tix{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:34px}
.tix div{position:relative;min-width:150px;background:var(--gold);color:var(--night);padding:10px 22px;border-radius:4px;-webkit-mask:radial-gradient(circle 9px at 0 50%,transparent 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 9px at 100% 50%,transparent 98%,#000) right/51% 100% no-repeat;mask:radial-gradient(circle 9px at 0 50%,transparent 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 9px at 100% 50%,transparent 98%,#000) right/51% 100% no-repeat}
.tix b{display:block;font-family:var(--fh);font-size:30px;line-height:1.1}.tix span{font-size:13px;font-weight:700}
.posters{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}
.po{aspect-ratio:3/4;background:center/cover;border:3px solid var(--gold);border-radius:4px;box-shadow:0 20px 40px rgba(0,0,0,.5)}
.po:nth-child(2){transform:translateY(-16px)}
.tk{grid-template-columns:repeat(2,1fr);gap:20px}
.tk .card{display:flex;padding:0;border:0;background:#FFF8EA;box-shadow:0 10px 24px rgba(60,20,20,.1);overflow:hidden;-webkit-mask:radial-gradient(circle 12px at 0 50%,transparent 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 12px at 100% 50%,transparent 98%,#000) right/51% 100% no-repeat;mask:radial-gradient(circle 12px at 0 50%,transparent 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 12px at 100% 50%,transparent 98%,#000) right/51% 100% no-repeat}
.stub{flex:none;width:92px;display:grid;place-items:center;background:var(--acc);color:var(--gold);font-family:var(--fh);font-size:34px;border-inline-end:3px dashed #FBF3E4}
.tb{padding:22px 26px;flex:1}
.tk h3,.mq h3{font-size:24px;color:var(--ink);margin:4px 0}.tk p,.mq p{margin:0;color:var(--ink2)}
.ag{display:inline-block;font-size:12px;font-weight:700;color:var(--acc);border:1px solid var(--acc);border-radius:99px;padding:1px 10px}
.mq{grid-template-columns:repeat(3,1fr)}
.mq .card{background:var(--night);color:#F6E7C8;border:0;padding:30px 24px;background-image:radial-gradient(circle,var(--gold) 3px,transparent 4px),radial-gradient(circle,var(--gold) 3px,transparent 4px);background-size:20px 20px,20px 20px;background-position:0 0,0 100%;background-repeat:repeat-x;text-align:center}
.mq .i{width:34px;height:34px;color:var(--gold);margin:0 auto}.mq h3{color:#fff}.mq p{color:#CDB99A}
.about{background:#fff}.ab-v{border:4px solid var(--gold);border-radius:6px;min-height:380px;background:center/cover}
.vm div{background:var(--bg);border-color:var(--acc)}.vm b{color:var(--acc);font-size:18px}
.achv{background:var(--night);color:#F6E7C8}.achv .sec-h h2{color:var(--gold)}.achv .sec-h p{color:#CDB99A}.achv .kick{color:var(--gold)}
.stg{grid-template-columns:repeat(4,1fr)}.pl{background:#24121A;border:1px solid #3A1A22;border-radius:8px;text-align:center}.pl .ph{height:200px;background:center/cover}.pl b{color:#fff}.pl span{color:var(--gold)}
.season{background:var(--bg)}.tl>div{border-radius:6px;border-top:4px solid var(--gold)}.tl .now{background:var(--acc);border-color:var(--gold);color:#fff}.tl .now small{color:var(--gold)}.tl .now p{color:#F3D9DF}
.gl{background:var(--night)}.gl .sec-h h2{color:var(--gold)}.gl .kick{color:#CDB99A}.gal div{border:2px solid var(--gold);border-radius:4px}
.masrah .portal{--po-bg:#2A0F18;--po-acc:#D4A24C}
.rv{background:#fff}.fq{background:var(--bg)}
.bk{background:var(--velvet);color:#fff}.bk .sec-h h2{color:#fff}.bk .kick{color:var(--gold)}.bk .sec-h p{color:#F3D9DF}.bk form{color:var(--ink);background:#FFF8EA;border:3px solid var(--gold)}
footer{background:var(--night);color:#CDB99A;border-top:2px solid var(--gold)}
@media (max-width:900px){.hero{padding:60px 0 50px}.drape{width:22px}.hero h1{font-size:44px}.hero-in{padding:0 28px}.tix div{min-width:0;padding:8px 18px}.tix b{font-size:24px}
.posters{gap:8px}.po:nth-child(2){transform:none}.tk,.mq,.stg{grid-template-columns:1fr}.stub{width:64px;font-size:26px}.tb{padding:18px}.sec-h h2{font-size:34px}}
.bk-in>*,form>*,label{min-width:0}input,select,textarea{width:100%;min-width:0}