*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Cairo,Tahoma,sans-serif;background:#fff;color:#222;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.in{max-width:1180px;margin:auto;padding:0 3%}em{font-family:'Dancing Script',cursive;font-style:normal}
.btn{display:inline-block;background:var(--btn);color:#fff;padding:10px 30px;border-radius:30px;font-weight:700}.btn.sm{padding:7px 20px;font-size:12px}
.hd>.in{display:flex;align-items:center;gap:24px;padding-top:10px;padding-bottom:6px;direction:ltr}.logo{height:54px}.sr{flex:1;max-width:335px;margin:auto;display:flex;background:#f1efee;border-radius:30px;overflow:hidden;direction:rtl}.sr input{flex:1;border:0;background:0;padding:10px 16px;font:inherit;font-size:13px;outline:0;min-width:0}.sr button{background:0;border:0;width:40px;cursor:pointer}
.ic{display:flex;gap:22px;direction:rtl}.ic a{text-align:center;position:relative;font-size:20px;line-height:1.2}.ic small{display:block;font-size:11px}.ic i{position:absolute;top:-4px;right:4px;background:var(--btn);color:#fff;font-size:9px;font-style:normal;border-radius:50%;width:15px;height:15px;display:grid;place-items:center}#mb{display:none;background:0;border:0;font-size:26px}
#nav .in{display:flex;justify-content:space-between;padding-top:6px;padding-bottom:12px;font-size:12px;font-weight:700}#nav .on{color:var(--btn);border-bottom:2px solid var(--btn)}
.hero{display:flex;direction:ltr;height:358px;overflow:hidden;background:var(--teal)}.hero>*{direction:rtl}.hl{flex:0 0 34%;background:var(--teal);color:#fff;padding:44px 2% 0 3%;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:8px;z-index:2;border-radius:0 90px 0 0}.hl h1{font-size:40px;line-height:1.3;font-weight:800}.hl h3{font-size:18px}.hl p{font-size:13px;opacity:.9;max-width:280px;margin-bottom:8px}
.dots{display:flex;gap:6px;margin-top:20px}.dots i{width:7px;height:7px;border-radius:50%;background:#ffffff80}.dots i.on{background:#fff;width:18px;border-radius:5px}.ph{flex:1;margin-left:-4%}.ph img{height:100%;width:100%;object-fit:cover;object-position:left}
.cats{padding:12px 0 4px}.cats .in{display:flex;justify-content:space-between;gap:8px;overflow-x:auto;scrollbar-width:none}.cats a{text-align:center;flex:0 0 auto;width:112px;font-size:12px;font-weight:700;color:#5a3d3a}.cats img{width:70px;height:70px;border-radius:50%;object-fit:cover;margin:0 auto 6px}
.bn{padding:12px 0}.bn .in{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;direction:rtl}.bn .in.two{grid-template-columns:1.1fr 1fr}.b{display:flex;direction:ltr;border-radius:10px;overflow:hidden;height:150px}.two .b{height:162px}.b>div{direction:rtl;flex:1;padding:26px 4% 0 0;text-align:right;z-index:2}.two .b>div{padding-top:24px}.b h3{font-size:21px;line-height:1.3;font-weight:800;color:#222}.two h3{font-size:24px}.b p{font-size:12px;margin:6px 0 10px}.b img{width:46%;object-fit:cover;mask-image:linear-gradient(90deg,transparent,#000 20%)}
.b1{background:var(--b1)}.b2{background:var(--b2)}.b2 .btn,.b4 .btn{background:var(--navy)}.b3{background:var(--b3)}.b3 .btn{background:var(--brown)}.b4{background:var(--b4)}.b5{background:var(--b5)}
.sh{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.sh h2{font-size:22px;font-weight:800;color:#222;display:flex;align-items:center;gap:14px;flex:0 0 auto}.sh h2:before,.sh h2:after{content:'';width:34px;border-top:2px solid var(--btn)}.sh a{flex:1;font-size:12px}.sh:after{content:'';flex:1}
.sl{position:relative}.pg{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 0}.pc{flex:0 0 calc((100% - 50px)/6);min-width:150px;background:#fff;border-radius:8px;padding:8px;scroll-snap-align:start;text-align:right;font-size:12px;box-shadow:0 1px 6px #0002}.pc>div{position:relative;margin-bottom:8px}.pc img{width:100%;aspect-ratio:1.2;object-fit:cover;border-radius:6px}.pc i{position:absolute;top:6px;left:6px;font-style:normal;font-size:16px}.pc b{display:block;font-size:12px}.pc small{color:#888;display:block}.pc p{display:flex;justify-content:space-between;align-items:center;margin-top:8px;direction:ltr}.pc p span{background:var(--btn);color:#fff;width:28px;height:28px;border-radius:6px;display:grid;place-items:center}
.ar{position:absolute;left:-6px;top:45%;z-index:3;width:30px;height:30px;border-radius:50%;border:0;background:#fff;box-shadow:0 2px 6px #0003;cursor:pointer;font-size:18px}
.ft{padding:6px 0 16px}.ft .in{display:flex;justify-content:space-between;gap:6px}.ft .in>div{display:flex;gap:10px;align-items:center;flex:1;justify-content:center;border-inline-start:1px solid #e5e0dc;font-size:11px}.ft .in>div:last-child{border:0}.ft b{display:block;font-size:12px}.ft small{color:#777}.ft img{height:34px}
footer{background:var(--fbg);padding-top:26px;position:relative;overflow:hidden}.lf{position:absolute;left:0;bottom:0;height:160px;width:auto}.rf{position:absolute;right:0;top:0;height:155px;width:auto}footer>.in:first-of-type{display:grid;grid-template-columns:1.2fr .8fr 1.2fr 1.6fr;gap:24px;direction:rtl;position:relative}footer h4{font-size:15px;margin-bottom:8px}footer .logo{height:50px;margin-bottom:6px}footer .in>div>a{display:block;font-size:12px;color:#444;margin:5px 0}.soc{display:flex;gap:10px;margin-top:14px}.soc a{width:30px;height:30px;border-radius:50%;background:#222;color:#fff!important;display:grid;place-items:center;font-size:13px;margin:0!important}
.nl small{font-size:12px;color:#555;display:block;margin-bottom:10px}.nl div{display:flex;direction:ltr;max-width:340px;background:#fff;border-radius:8px;overflow:hidden}.nl input{flex:1;border:0;padding:11px;font:inherit;font-size:12px;direction:rtl;outline:0;min-width:0}.nl button{background:var(--btn);color:#fff;border:0;width:44px;font-size:18px;cursor:pointer}.ok{color:#2a7a3a;font-size:12px}
.bot{display:flex;justify-content:space-between;align-items:center;margin-top:34px;padding-top:12px;padding-bottom:14px;border-top:1px solid #e3ddd6;font-size:12px;position:relative}.bot em{font-size:22px;color:#555;transform:rotate(-6deg)}.map iframe{width:100%;height:340px;border:0;display:block}
@media(max-width:900px){#mb{display:block}.hd>.in{flex-wrap:wrap;gap:10px}.hd>.in>a:first-child{margin-inline-end:auto}.sr{order:3;flex-basis:100%;max-width:none}.ic small{display:none}.ic{gap:14px}#nav{display:none}#nav.open{display:block}#nav .in{flex-direction:column;gap:8px}
.hero{flex-direction:column;height:auto}.hl{flex:none;padding:24px 5%;border-radius:0}.hl h1{font-size:32px}.ph{height:250px;margin:0}.bn .in,.bn .in.two{grid-template-columns:1fr}.pc{flex-basis:44%}.ft .in{flex-wrap:wrap}.ft .in>div{flex:0 0 48%;border:0;margin-bottom:8px}.lf,.rf{display:none}footer>.in:first-of-type{grid-template-columns:1fr 1fr}.bot{flex-direction:column;text-align:center;gap:4px}#pd{grid-template-columns:1fr!important}}
@media(max-width:480px){footer>.in:first-of-type{grid-template-columns:1fr}.pc{flex-basis:60%}}