/* الهوية — لتغيير اللون الأساسي عدّل --navy */
:root{
  --cream:#FEFBF5; --navy:#16437E; --navy-d:#174075; --navy-in:#2D568B; --navy-lbl:#738EB2;
  --ink:#212121; --muted:#7A7A7A; --line:#E5E7EB; --cyan:#49CAE4; --orange:#F5A23B; --qr:#E8ECF2;
  --r:32px;
  --arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 18L6 6M6 15V6h9'/%3E%3C/svg%3E");
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:70px}
body{margin:0;font-family:"Almarai",Tahoma,sans-serif;font-size:16px;line-height:1.6;color:#000;background:var(--cream);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;color:inherit}
h1,h2,h3,h4{margin:0;font-weight:700;line-height:1.5}
h2{font-size:42px;color:var(--navy)}
p{margin:0}

/* أسهم */
.arr{display:inline-block;width:16px;height:16px;background:currentColor;-webkit-mask:var(--arrow) center/contain no-repeat;mask:var(--arrow) center/contain no-repeat}
.arr-r{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16M14 6l6 6-6 6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16M14 6l6 6-6 6'/%3E%3C/svg%3E")}
.arr-l{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12H4M10 6l-6 6 6 6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12H4M10 6l-6 6 6 6'/%3E%3C/svg%3E")}

/* ---------- الأزرار: كبسولة + دائرة بوصلة ضيقة ---------- */
.gbtn,.sbtn{--bg:var(--cream);--fg:var(--ink);display:inline-flex;align-items:center;width:max-content;align-self:flex-start;border:0;background:none;padding:0;height:52px;position:relative;font-weight:700;font-size:17px;color:var(--fg)}
.gbtn span,.sbtn span{background:var(--bg);height:52px;display:flex;align-items:center;justify-content:center;border-radius:999px;white-space:nowrap}
.gbtn span{min-width:183px;padding:0 30px}
.gbtn i,.sbtn i{width:52px;height:52px;border-radius:50%;background:var(--bg);position:relative;margin-inline-start:6px;flex:none;display:grid;place-items:center;transition:transform .2s}
.gbtn i::after,.sbtn i::after{content:"";width:15px;height:15px;background:currentColor;-webkit-mask:var(--arrow) center/contain no-repeat;mask:var(--arrow) center/contain no-repeat}
.gbtn::before,.sbtn::before{content:"";position:absolute;left:44px;top:50%;width:20px;height:14px;margin-top:-7px;background:var(--bg);
  -webkit-mask:radial-gradient(circle 7.5px at 50% -3.5px,transparent 98%,#000) top/100% 50% no-repeat,radial-gradient(circle 7.5px at 50% 10.5px,transparent 98%,#000) bottom/100% 50% no-repeat;
  mask:radial-gradient(circle 7.5px at 50% -3.5px,transparent 98%,#000) top/100% 50% no-repeat,radial-gradient(circle 7.5px at 50% 10.5px,transparent 98%,#000) bottom/100% 50% no-repeat}
.gbtn:hover span,.sbtn:hover span{text-decoration:underline}
.gbtn:hover i,.sbtn:hover i{transform:rotate(-12deg)}
.gbtn-white{--bg:var(--cream);--fg:var(--ink)}
.gbtn-cream{--bg:var(--cream);--fg:var(--navy)}
.gbtn-navy{--bg:var(--navy);--fg:#fff}
.sbtn span{min-width:120px;padding:0 30px}
.sbtn-dark{--bg:var(--ink);--fg:#F3F6F9}
.sbtn-line{--bg:transparent;--fg:var(--ink)}
.sbtn-line span,.sbtn-line i{box-shadow:inset 0 0 0 1px var(--ink)}
.sbtn-line::before{background:none;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);height:12px;margin-top:-6px;-webkit-mask:none;mask:none;width:14px;left:47px}

/* ---------- الهيدر ---------- */
.nav{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:30px 80px 22px;background:var(--cream)}
.nav-logo{display:flex;align-items:center;gap:10px;flex:none}
.nav-logo img{width:54px;height:54px}
.nav-logo span{display:flex;flex-direction:column;line-height:1.15}
.nav-logo b{font-size:24px;color:var(--navy);font-weight:800}
.nav-logo small{font-size:10px;color:var(--navy);opacity:.7;direction:ltr;text-align:right}
.nav-links{display:flex;align-items:center;gap:28px;font-size:14px}
.nav-links > a:hover{text-decoration:underline}
.dd{position:relative}
.dd > button{background:none;border:0;padding:0;display:flex;align-items:center;gap:10px;font-size:14px}
.dd-menu{position:absolute;top:100%;right:-14px;min-width:150px;background:var(--cream);border-radius:14px;box-shadow:0 14px 34px -14px rgba(0,0,0,.25);padding:8px;display:none;margin-top:10px}
.dd-menu::before{content:"";position:absolute;inset:-12px 0 auto;height:12px}
.dd.open .dd-menu{display:block}
.dd.open > button .chev{transform:rotate(135deg) translateY(-2px)}
.dd > button:focus:not(:focus-visible){outline:none}
.dd > button:focus-visible{outline:2px solid var(--navy);outline-offset:4px;border-radius:6px}
.dd-menu a{display:block;padding:8px 12px;border-radius:10px}
.dd-menu a:hover{background:#F2EEE4}
.chev{display:inline-block;width:8px;height:8px;border-bottom:1.3px solid currentColor;border-left:1.3px solid currentColor;transform:rotate(-45deg) translateY(-2px)}
.lang{display:flex;align-items:center;gap:8px;background:none;border:0;padding:0;font-size:14px}
.lang svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.3}
.nav-book{background:transparent;border:1px solid #000;border-radius:30px;padding:18px 16px;font-weight:700;font-size:17px;flex:none;min-width:118px}
.nav-book:hover{text-decoration:underline}
.burger{display:none;background:none;border:0;width:40px;height:40px;flex-direction:column;justify-content:center;gap:5px;padding:8px}
.burger span{height:2px;background:#000;border-radius:2px}

/* ---------- الواجهة ---------- */
.hero{display:flex;align-items:center;justify-content:center;padding:70px 20px 60px}
.side-text{writing-mode:vertical-rl;font-size:14px;white-space:nowrap}
.side-explore,.side-social{width:100px;display:flex;flex-direction:column;align-items:center;gap:40px;flex:none}
.side-social{gap:44px}
.mouse{width:28px;height:30px;border:1px solid #000;border-radius:50%;display:block;position:relative}
.mouse i{position:absolute;left:50%;top:8px;width:1px;height:7px;background:#000;animation:wheel 1.6s infinite}
.mouse::after{content:"";position:absolute;left:50%;bottom:-16px;width:7px;height:7px;margin-left:-4px;border-right:1px solid #000;border-bottom:1px solid #000;transform:rotate(45deg)}
@keyframes wheel{50%{transform:translateY(4px);opacity:.3}}
.social-col{display:flex;flex-direction:column;gap:24px}
.social-col a,.social-row a{width:24px;height:24px;display:grid;place-items:center}
.social-col svg,.social-row svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linejoin:round}
.hero-box{position:relative;width:1013px;max-width:100%;aspect-ratio:1013/571;flex:0 1 1013px}
.hero-clip{position:absolute;inset:0;clip-path:url(#c-hero)}
.hero-img{width:100%;height:100%;object-fit:cover;object-position:center 30%;border-radius:var(--r)}
.hero-shade{position:absolute;inset:0;background:var(--ink);opacity:.5;border-radius:var(--r)}
.badge{display:grid;place-items:center;border-radius:50%;border:.8px solid var(--cyan);position:absolute}
.badge svg{width:30px;height:30px;fill:none;stroke:var(--cyan);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
.badge svg.fill{fill:var(--cyan);stroke:none}
.hero-badge{width:80px;height:80px;left:0;top:0}
.hero-badge svg{width:40px;height:40px;fill:var(--cyan);stroke:none}
.hero-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;color:#F3F6F9;padding:0 9%}
.hero h1{font-size:42px;text-align:center;max-width:600px;line-height:1.2}
.hero-row{display:flex;align-items:center;gap:40px}
.hero-row p{font-size:14px;max-width:430px;line-height:1.6}

/* ---------- خدمات الأفراد ---------- */
.svc{display:flex;gap:50px;padding:60px 0;padding-inline-start:max(80px,calc((100vw - 1206px)/2 + 40px));overflow:hidden;align-items:flex-start}
.svc-info{flex:0 0 350px;display:flex;flex-direction:column;padding-top:4px}
.svc-info h2{margin-bottom:24px}
.svc-info p{color:var(--muted);font-size:14px;line-height:1.6}
.svc-arrows{display:flex;gap:12px;margin-top:38px;align-self:flex-start}
.arrow{width:48px;height:46px;border-radius:50%;border:.8px solid var(--ink);background:none;display:grid;place-items:center;color:var(--ink)}
.arrow:hover{background:var(--ink);color:#fff}
.svc-btns{display:flex;gap:28px;margin-top:60px}
.svc-btns-m{display:none}
.svc-track{display:flex;gap:50px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding-inline-end:40px;flex:1;min-width:0}
.svc-track::-webkit-scrollbar{display:none}
.svc-card{position:relative;flex:0 0 339px;height:413px;scroll-snap-align:start;cursor:pointer}
.svc-clip{position:absolute;inset:0;clip-path:url(#c-svc)}
.svc-clip img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.svc-card:hover .svc-clip img{transform:scale(1.05)}
.svc-tag{position:absolute;top:0;right:0;width:190px;height:45px;border-radius:30px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--navy);font-size:14px;background:linear-gradient(90deg,#FCE8D2 0%,#FDF3E8 55%,#FEF9F2 100%)}
.ic-cal{width:18px;height:17px;display:inline-block;background:var(--navy);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6'%3E%3Crect x='3' y='5' width='18' height='16' rx='3'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6'%3E%3Crect x='3' y='5' width='18' height='16' rx='3'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E") center/contain no-repeat}
.svc-name{position:absolute;right:20px;bottom:20px;background:rgba(33,33,33,.4);backdrop-filter:blur(4px);color:#F3F6F9;font-size:21px;font-weight:700;border-radius:20px;padding:26px;min-width:113px;text-align:center;line-height:1.5}

/* ---------- خدمات الشركات ---------- */
.co{display:flex;flex-direction:column;align-items:center;gap:40px;padding:80px 20px 60px}
.co > p{color:var(--muted);text-align:center;max-width:820px;font-size:14px}
.co-grid{display:flex;gap:40px;flex-wrap:wrap;justify-content:center;width:100%}
.co-card{position:relative;width:564px;max-width:100%;aspect-ratio:564/317;display:block}
.co-clip{position:absolute;inset:0;clip-path:url(#c-co);background:var(--ink)}
.co-clip img{width:100%;height:100%;object-fit:cover;object-position:center 18%;opacity:.82;transition:transform .5s,opacity .3s}
.co-card:hover .co-clip img{transform:scale(1.05);opacity:.7}
.co-badge{width:64px;height:62px;top:0;right:0}
.co-go{position:absolute;left:0;bottom:0;width:80px;height:80px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;outline:10px solid var(--cream);opacity:0;transform:scale(.6);transition:.25s}
.co-card:hover .co-go{opacity:1;transform:none}
.co-go .arr{width:20px;height:20px}
.co-name{position:absolute;right:40px;bottom:40px;color:#F3F6F9;font-size:27px;line-height:1}

/* ---------- لماذا أطلس (مربعات كريمي على شكل سلم) ---------- */
.about{padding:40px 50px 60px;display:flex;justify-content:center}
.about-box{position:relative;width:1266px;max-width:100%;aspect-ratio:1266/495}
.about-card{position:absolute;inset:0;background:var(--navy);border-radius:var(--r);overflow:hidden}
.about-info{position:absolute;top:13.5%;right:4.7%;width:35%;display:flex;flex-direction:column}
.about-info h2{color:#F3F6F9;font-size:42px;line-height:1.5;margin-bottom:36px}
.about-info p{font-size:14px;line-height:1.5;color:#F3F6F9;margin-bottom:40px}
.rings{position:absolute;border-radius:50%;background:var(--navy-d);display:grid;place-items:center;pointer-events:none}
.rings i{width:50%;height:50%;border-radius:50%;background:var(--navy)}
.rings-about{width:318px;height:318px;left:-159px;top:-159px}
.cb{position:absolute;background:var(--cream);border-radius:24px}
.cb-pin{left:31.2%;top:18.8%;width:6.3%;height:16.6%}
.cb-b{left:10.27%;top:31.3%;width:21.75%;height:21.6%}
.cb-c{left:20.1%;top:50.5%;width:29.5%;height:19.2%}
.cb-d{left:-2px;top:68.7%;width:calc(27.8% + 2px);bottom:-2px;border-radius:0 24px 0 0}
.ab-ic{position:absolute;display:grid;place-items:center}
.ab-ic svg{width:100%;height:100%}
.ab-pin{left:33%;top:23.5%;width:38px;height:46px}.ab-pin svg{fill:var(--cyan)}
.ab-star{left:15.1%;top:57%;width:40px;height:40px}.ab-star svg{fill:var(--cyan)}
.ab-clock{left:21%;top:57%;width:38px;height:38px}.ab-clock svg{fill:var(--orange)}
.stat{position:absolute;display:flex;align-items:center;gap:10px;color:#F3F6F9;white-space:nowrap}
.stat b{font-size:42px;font-weight:700;line-height:1.5;font-variant-numeric:tabular-nums}
.stat span{font-size:14px}
.stat.out{color:var(--navy)}
.st1{left:15%;top:17%}
.st2{left:11.8%;top:35.5%}
.st3{left:35%;top:35.5%}
.st4{left:30%;top:54%}
.st5{left:30%;top:76%}

/* ---------- شريط الصور ---------- */
.marquee{overflow:hidden;padding:70px 0;direction:ltr}
.marquee-track{display:flex;gap:40px;align-items:center;width:max-content;animation:scroll 80s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee img{border-radius:var(--r);object-fit:cover;flex:none}
.marquee .rect{width:439px;height:247px}
.marquee .sq{width:360px;height:360px}
@keyframes scroll{to{transform:translateX(-50%)}}

/* ---------- المزايا ---------- */
.attrs{display:flex;justify-content:center;align-items:flex-start;gap:40px;padding:80px 20px 90px}
.attr{position:relative;width:362px;display:flex;flex-direction:column;justify-content:flex-end;gap:28px;padding:40px;border:.8px solid var(--navy);border-radius:32px;overflow:hidden}
.attr h3{font-size:21px;color:var(--navy);line-height:1.5}
.attr p{color:var(--muted);line-height:1.5;font-size:14px}
.attr-r{min-height:422px;border-radius:32px 40% 32px 32px}
.attr-m{min-height:368px;margin-top:66px;background:var(--navy)}
.attr-m h3,.attr-m p{color:#F3F6F9}
.attr-l{min-height:358px;margin-top:96px;border-radius:32px 32px 32px 40%}
.attr-ic{position:absolute;top:40px;left:40px}
.attr-ic svg{width:42px;height:42px;fill:none;stroke:var(--cyan);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.attr-ic svg.fill{fill:var(--cyan);stroke:none}
.attr-m .attr-ic{top:56px}
.rings-attr{width:546px;height:546px;right:-273px;bottom:-273px}
.attr-m > :not(.rings):not(.attr-ic){position:relative}
.attr-link{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:14px}
.attr-link:hover{text-decoration:underline}
.dl{width:26px;height:26px;display:inline-block;background:var(--ink);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round'%3E%3Cpath d='M8 13.5a6 6 0 1010 0M13 4v13M9 13l4 4 4-4'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round'%3E%3Cpath d='M8 13.5a6 6 0 1010 0M13 4v13M9 13l4 4 4-4'/%3E%3C/svg%3E") center/contain no-repeat}

/* ---------- كارت الدعوة ---------- */
.cta{display:flex;justify-content:center;padding:50px 50px 70px}
.cta-box{position:relative;width:1266px;max-width:100%}
.cta-clip{position:relative;min-height:364px;clip-path:url(#c-cta);background:var(--navy);border-radius:var(--r);color:#F3F6F9;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:24px;padding:40px 20px;overflow:hidden}
.cta-clip h2{color:#F3F6F9;max-width:560px;line-height:1.5;position:relative;z-index:2}
.cta-clip p{max-width:400px;position:relative;z-index:2;font-size:14px;line-height:1.6;transform:translateX(-90px)}
.rings-cta{width:646px;height:646px;left:-323px;bottom:-323px;z-index:1}
.cta-img{position:absolute;z-index:3;border-radius:var(--r);overflow:hidden}
.cta-img img{width:100%;height:100%;object-fit:cover}
.cta-img-a{width:227px;height:227px;top:-50px;left:80px}
.cta-img-b{width:333px;height:187px;bottom:-70px;right:80px}
.cta .cta-btn{position:absolute;right:172px;top:160px;z-index:4}

/* ---------- كارت التواصل ---------- */
.appc{display:flex;justify-content:center;align-items:center;gap:70px;padding:70px 20px 90px}
.appc h2{font-size:42px;max-width:363px;line-height:1.5}
.appc-frame{position:relative;width:287px;height:255px;flex:none}
.appc-line{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--navy);stroke-width:1.6}
.appc-qr{position:absolute;left:95px;top:0;width:158px;height:160px;background:var(--qr);border-radius:20px;display:grid;place-items:center;padding:18px}
.appc-qr img{width:100%;height:100%}
.appc-ic{position:absolute;left:19px;top:199px;width:28px;height:42px}
.appc-ic svg{width:100%;height:100%;fill:var(--cyan)}
.appc-side{display:flex;flex-direction:column;gap:40px;max-width:403px}
.appc-side p{color:var(--muted);font-size:14px;line-height:1.5}
.appc-links{display:flex;gap:36px;flex-wrap:wrap}
.appc-links a{display:flex;align-items:center;gap:6px;cursor:pointer}
.appc-links svg{width:24px;height:24px;fill:#000}
.appc-links span{display:flex;flex-direction:column;line-height:1.05;font-size:16px;font-weight:700}
.appc-links small{font-size:9px;font-weight:400}

/* ---------- الفوتر ---------- */
.foot{position:relative;overflow:hidden;background:var(--navy);color:var(--cream);font-size:14px}
.rings-foot{width:646px;height:646px;left:-323px;bottom:-323px}
.foot-grid{position:relative;display:grid;grid-template-columns:586px 368px 1fr}
.foot-grid > *{border-inline-end:1px solid rgba(255,255,255,.1)}
.foot-grid > :last-child{border:0}
.foot-card{padding:40px 100px 60px 60px;display:flex;flex-direction:column}
.foot-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:46px}
.foot-head h2{color:var(--cream);font-size:42px;line-height:1.4;max-width:300px}
.foot-pics{display:flex;align-items:center;flex:none;margin-top:-20px}
.foot-pics img{width:80px;height:80px;border-radius:50%;object-fit:cover;object-position:top;position:relative;z-index:1}
.foot-pics i{width:80px;height:80px;border-radius:50%;border:.8px solid var(--cyan);display:grid;place-items:center}
.foot-pics img{margin-inline-start:-14px}
.foot-pics i svg{width:38px;height:38px;fill:var(--cyan)}
.foot-card > p{font-size:14px;line-height:22px;margin-bottom:34px}
.foot-form{display:flex;flex-direction:column;gap:14px}
.foot-form label{font-size:14px}
.foot-form input{height:60px;border-radius:20px;border:0;background:var(--navy-in);color:#fff;font:inherit;font-size:14px;padding:0 20px;text-align:right}
.foot-form input::placeholder{color:#A2B4CB}
.foot-form input:focus{outline:2px solid var(--cyan)}
.foot-form .gbtn{margin-top:26px}
.foot-col{padding:80px 60px 60px;display:flex;flex-direction:column;gap:46px}
.fg h4{color:var(--navy-lbl);font-size:14px;font-weight:400;margin-bottom:26px}
.fg div{display:grid;grid-template-columns:1fr 1fr;gap:16px 30px}
.fg a:hover{text-decoration:underline}
.fg-wide div{grid-template-columns:1fr}
.foot-bar{position:relative;display:flex;justify-content:space-between;align-items:center;padding:40px 100px;border-top:1px solid rgba(255,255,255,.1)}
.foot-bar p{color:var(--navy-lbl)}
.social-row{display:flex;gap:24px}
.social-row a{color:var(--cream)}

/* ---------- نافذة الحجز ---------- */
.book{border:0;border-radius:28px;padding:0;width:min(620px,calc(100% - 24px));background:var(--cream);box-shadow:0 30px 80px -20px rgba(0,0,0,.45)}
.book::backdrop{background:rgba(15,30,60,.55);backdrop-filter:blur(3px)}
.book-form{padding:34px;display:grid;gap:14px;position:relative}
.book-form h3{font-size:27px;color:var(--navy)}
.book-sub{color:var(--muted);margin-top:-8px}
.book-x{position:absolute;top:16px;left:16px;width:38px;height:38px;border-radius:50%;border:1px solid var(--ink);background:none;font-size:22px;line-height:1}
.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.f{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:700;color:var(--navy)}
.f input,.f select,.f textarea{font:inherit;font-weight:400;font-size:16px;color:var(--ink);border:1px solid #D9D5CB;border-radius:16px;padding:12px 14px;background:#fff;width:100%}
.f input:focus,.f select:focus,.f textarea:focus{outline:0;border-color:var(--navy);box-shadow:0 0 0 3px rgba(22,67,126,.15)}
.f .bad{border-color:#D64545}
.seg{display:inline-grid;grid-template-columns:1fr 1fr;justify-self:start;border:1px solid var(--ink);border-radius:999px;padding:4px}
.seg input{position:absolute;opacity:0}
.seg span{display:block;padding:6px 26px;border-radius:999px;cursor:pointer;font-weight:700}
.seg input:checked + span{background:var(--ink);color:#fff}
.only-co{display:none}
.book-form.co .only-co{display:flex}
.book-form .gbtn{justify-self:start;margin-top:6px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.form-msg{min-height:1.4em;font-size:15px}
.form-msg.ok{color:#178A42}.form-msg.err{color:#D64545}
.foot .form-msg.ok{color:#7EE2A8}.foot .form-msg.err{color:#FFB4B4}
.done{text-align:center;display:grid;gap:12px;padding:20px 0;justify-items:center}
.done .big{width:76px;height:76px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:34px}
.done code{font-family:inherit;font-weight:800;color:var(--navy);background:#fff;padding:2px 10px;border-radius:8px}
.hidden{display:none!important}

/* ---------- ظهور تدريجي ---------- */
.rv{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}

/* ---------- الشاشات الأصغر ---------- */
@media (max-width:1280px){
  .nav{padding:20px 30px;gap:20px}
  .nav-links{gap:18px}
  .about-info h2,h2{font-size:34px}
  .stat b{font-size:32px}
  .foot-grid{grid-template-columns:1fr 1fr}
  .foot-card{grid-column:1/-1;border:0;border-bottom:1px solid rgba(255,255,255,.1);padding-left:100px}
  .attrs{gap:20px}
  .cta-clip p{transform:none}
}
@media (max-width:1000px){
  .nav-links{position:fixed;top:80px;right:0;bottom:0;width:300px;max-width:85vw;background:var(--cream);flex-direction:column;align-items:flex-start;gap:26px;padding:30px;box-shadow:-20px 0 40px -20px rgba(0,0,0,.3);transform:translateX(105%);transition:transform .25s}
  .nav-links.open{transform:none}
  .dd-menu{position:static;display:block;box-shadow:none;background:none;padding:6px 0 0;margin:0}
  .burger{display:flex}
  .nav-book{padding:10px 18px;font-size:15px;margin-inline-start:auto;min-width:0}
  .hero{padding:20px 16px 40px}
  .side-explore,.side-social{display:none}
  .hero-box{aspect-ratio:auto;min-height:560px}
  .hero-text{gap:28px;padding:110px 22px 40px}
  .hero h1{font-size:32px}
  .hero-row{flex-direction:column-reverse;gap:26px;text-align:center}
  .hero-row .gbtn{align-self:center}
  .svc{flex-direction:column;padding:40px 16px;gap:28px}
  .svc-info{flex:none;padding:0}
  .svc-info .svc-btns,.svc-arrows{display:none}
  .svc-btns-m{display:flex;gap:20px}
  .svc-track{width:100%;padding:0;gap:20px}
  .svc-card{flex-basis:300px;height:380px}
  .co-go{opacity:1;transform:none;width:48px;height:48px;outline-width:6px}
  .about{padding:20px 16px}
  .about-box{aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .about-card{position:relative;grid-column:1/-1;padding:40px 26px 36px}
  .about-info{position:static;width:auto}
  .cb,.ab-ic{display:none}
  .stat{position:static;color:var(--navy);flex-direction:column;align-items:flex-start;gap:0;background:#F2EEE4;border-radius:20px;padding:14px 18px}
  .stat.out{color:var(--navy)}
  .stat b{font-size:28px}
  .marquee{padding:40px 0}
  .marquee .rect{width:300px;height:170px}.marquee .sq{width:240px;height:240px}
  .attrs{flex-direction:column;align-items:center;padding:40px 16px}
  .attr,.attr-m,.attr-l{margin-top:0;width:100%;max-width:420px;min-height:300px}
  .cta{padding:60px 16px 0}
  .cta-img{display:none}
  .cta-clip{clip-path:none;padding-bottom:100px}
  .cta .cta-btn{right:50%;transform:translateX(50%);top:auto;bottom:30px}
  .appc{flex-direction:column;gap:30px;padding:70px 20px;text-align:center}
  .appc h2{max-width:none}
  .appc-side{align-items:center}
  .appc-links{justify-content:center}
  .foot-grid{grid-template-columns:1fr}
  .foot-grid > *{border:0;border-bottom:1px solid rgba(255,255,255,.1)}
  .foot-card,.foot-col{padding:44px 24px}
  .foot-bar{flex-direction:column-reverse;gap:20px;padding:30px 20px}
}
@media (max-width:640px){
  body{font-size:15px}
  h2,.about-info h2,.appc h2,.foot-head h2{font-size:28px}
  .nav{padding:12px 16px}
  .nav-logo small{display:none}
  .nav-book{display:none}
  .hero h1{font-size:28px}
  .co-name{font-size:21px;right:24px;bottom:24px}
  .co-badge{display:none}
  .row{grid-template-columns:1fr}
  .book-form{padding:26px 20px}
  .gbtn span{min-width:0;padding:0 26px}
  .svc-btns-m{gap:10px}
  .sbtn span{min-width:0;padding:0 22px}
}

/* =====================================================================
   النسخة الإنجليزية (dir=ltr) — عكس كل الأماكن الثابتة يمين/شمال
   ===================================================================== */
[dir=ltr] .gbtn i::after,[dir=ltr] .sbtn i::after,[dir=ltr] .co-go .arr{transform:scaleX(-1)}
[dir=ltr] .gbtn::before,[dir=ltr] .sbtn::before{left:auto;right:44px}
[dir=ltr] .sbtn-line::before{right:47px}
[dir=ltr] .gbtn:hover i,[dir=ltr] .sbtn:hover i{transform:rotate(12deg)}
[dir=ltr] .dd-menu{right:auto;left:-14px}
[dir=ltr] .nav-logo small{text-align:left}
[dir=ltr] .hero-badge{left:auto;right:0}
[dir=ltr] .svc-tag{right:auto;left:0;background:linear-gradient(270deg,#FCE8D2 0%,#FDF3E8 55%,#FEF9F2 100%)}
[dir=ltr] .svc-name{right:auto;left:20px}
[dir=ltr] .co-badge{right:auto;left:0}
[dir=ltr] .co-go{left:auto;right:0}
[dir=ltr] .co-name{right:auto;left:40px}
[dir=ltr] .about-info{right:auto;left:4.7%}
[dir=ltr] .rings-about{left:auto;right:-159px}
[dir=ltr] .cb-pin{left:auto;right:31.2%}
[dir=ltr] .cb-b{left:auto;right:10.27%}
[dir=ltr] .cb-c{left:auto;right:20.1%}
[dir=ltr] .cb-d{left:auto;right:-2px;border-radius:24px 0 0 0}
[dir=ltr] .ab-pin{left:auto;right:33%}
[dir=ltr] .ab-star{left:auto;right:15.1%}
[dir=ltr] .ab-clock{left:auto;right:21%}
[dir=ltr] .st1{left:auto;right:15%}
[dir=ltr] .st2{left:auto;right:11.8%}
[dir=ltr] .st3{left:auto;right:35%}
[dir=ltr] .st4{left:auto;right:30%}
[dir=ltr] .st5{left:auto;right:30%}
[dir=ltr] .attr-r{border-radius:40% 32px 32px 32px}
[dir=ltr] .attr-l{border-radius:32px 32px 40% 32px}
[dir=ltr] .attr-ic{left:auto;right:40px}
[dir=ltr] .rings-attr{right:auto;left:-273px}
[dir=ltr] .rings-cta{left:auto;right:-323px}
[dir=ltr] .cta-img-a{left:auto;right:80px}
[dir=ltr] .cta-img-b{right:auto;left:80px}
[dir=ltr] .cta .cta-btn{right:auto;left:172px}
[dir=ltr] .cta-clip p{transform:translateX(90px)}
[dir=ltr] .appc-line{transform:scaleX(-1)}
[dir=ltr] .appc-qr{left:34px}
[dir=ltr] .appc-ic{left:auto;right:19px}
[dir=ltr] .rings-foot{left:auto;right:-323px}
[dir=ltr] .foot-card{padding:40px 60px 60px 100px}
[dir=ltr] .foot-form input{text-align:left}
[dir=ltr] .book-x{left:auto;right:16px}
[dir=ltr] .hero h1{line-height:1.15}
@media (max-width:1280px){
  [dir=ltr] .foot-card{padding:40px 100px 60px 100px}
  [dir=ltr] .cta-clip p{transform:none}
}
@media (max-width:1000px){
  [dir=ltr] .nav-links{right:auto;left:0;transform:translateX(-105%);box-shadow:20px 0 40px -20px rgba(0,0,0,.3)}
  [dir=ltr] .nav-links.open{transform:none}
  [dir=ltr] .cta .cta-btn{left:50%;transform:translateX(-50%)}
  [dir=ltr] .foot-card{padding:44px 24px}
}