@charset "UTF-8";


:root{--bg:#F1F1ED;--paper:#FFFFFF;--ink:#14201B;--muted:#5A6A63;--line:#DCE0D9;--jade:#0F6B51;--deep:#0E3B2E;--night:#0A2B21;--mint:#7FD9B9;--soft:#E4EDE8;--gold:#C9A46A;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#F1F1ED;--paper:#FFFFFF;--ink:#14201B}}
:root[data-theme="dark"]{--bg:#F1F1ED;--paper:#FFFFFF;--ink:#14201B}
html{scroll-padding-top:calc(72px + env(safe-area-inset-top,0px));scroll-behavior:smooth}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16.5px/1.8 "IBM Plex Sans Arabic",Tahoma,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3,.rx{font-family:Cairo,"IBM Plex Sans Arabic",sans-serif}
a{color:inherit}
img{max-width:100%}
.wrap{max-width:1140px;margin:0 auto;padding:0 22px}
.en{font-family:"Montagu Slab",Georgia,serif;direction:ltr;unicode-bidi:isolate}
.ico{width:20px;height:20px;flex:none}

/* header */
.top{position:fixed;inset:env(safe-area-inset-top,0px) 0 auto 0;z-index:40;transition:background .3s,border-color .3s;border-bottom:1px solid transparent}
.top .wrap{display:flex;align-items:center;gap:22px;height:68px}
.brand{font-size:21px;text-decoration:none;color:#fff;transition:color .3s;margin-left:auto}
.top nav{display:flex;gap:22px;font-size:14.5px}
.top nav a{text-decoration:none;color:rgba(255,255,255,.78);transition:color .3s}
.top nav a:hover{color:var(--mint)}
.pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;text-decoration:none;font-weight:600;white-space:nowrap}
.top .pill{background:var(--mint);color:var(--deep);padding:9px 16px;font-size:14px}
@media (max-width:820px){.top nav{display:none}}

/* hero */
.hero{position:relative;background:var(--deep);color:#fff;overflow:hidden;padding:calc(120px + env(safe-area-inset-top,0px)) 0 90px}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(760px 520px at 100% -10%,rgba(127,217,185,.20),transparent 65%),radial-gradient(600px 500px at -10% 110%,rgba(201,164,106,.10),transparent 60%)}
.hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 30% 40%,#000 20%,transparent 70%)}
.hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.12fr .88fr;gap:56px;align-items:center}
@media (max-width:900px){.hero .wrap{grid-template-columns:1fr;gap:48px}.hero{padding-bottom:70px}}

.hero h1{font-size:clamp(36px,6.2vw,64px);line-height:1.18;font-weight:700;margin:0 0 22px;letter-spacing:-.01em}
.hero h1 em{font-style:normal;color:var(--mint)}
.phone{width:300px;height:600px;border-radius:44px;background:#0B0F0D;padding:12px;box-shadow:0 40px 80px -30px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.08) inset;position:relative}
.phone::before{content:"";position:absolute;top:22px;left:50%;transform:translateX(-50%);width:90px;height:24px;background:#0B0F0D;border-radius:20px;z-index:3}
.scr{height:100%;border-radius:34px;background:#FBF8F3;overflow:hidden;color:#2A211B;display:flex;flex-direction:column}
.chips{flex:none;display:flex;gap:6px;padding:11px 12px 4px;overflow:hidden}
.chips span{font-size:12px;font-weight:600;padding:5px 12px;border-radius:999px;background:#EFE8DE;white-space:nowrap}
.chips span:first-child{background:#1E1712;color:#fff}
.items{padding:6px 12px;display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;overflow:auto;scrollbar-width:none}
.items::-webkit-scrollbar{display:none}
.it{display:flex;gap:10px;align-items:center;background:#fff;border-radius:16px;padding:7px;box-shadow:0 2px 10px rgba(42,33,27,.07)}
.it img{width:58px;height:58px;border-radius:12px;flex:none;object-fit:cover;display:block}
.it .tx{flex:1;min-width:0}
.it b{display:block;font-size:13.5px;line-height:1.35}
.it small{display:block;font-size:11px;color:#8A7A6D;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.it .pr{font:600 12.5px Geist,"IBM Plex Sans Arabic",sans-serif;color:#9A3D17;margin-top:2px}
.cart{cursor:default;flex:none;margin:6px 12px 14px;display:flex;align-items:center;gap:10px;background:#1F8B4C;color:#fff;border-radius:16px;padding:10px 12px;text-decoration:none;font-size:13px;font-weight:600;transition:transform .25s,opacity .25s,background .25s}
.cart svg{width:18px;height:18px;flex:none}
.cart.empty{background:#B9C4BE;pointer-events:none}


/* marquee of keywords */
.band{background:var(--night);color:#9FB8AE;overflow:hidden;white-space:nowrap;font-size:14.5px;padding:14px 0;border-top:1px solid rgba(255,255,255,.06)}
.band b{color:#fff;font-weight:500}
.band i{color:var(--mint);font-style:normal}


/* sections */
.sec{padding:96px 0}
.sec.tight{padding-top:0}
.eyebrow{font-size:14px;font-weight:600;color:var(--jade);margin:0 0 10px}
.sec h2{font-size:clamp(28px,4.4vw,44px);line-height:1.25;margin:0 0 14px;color:var(--deep);font-weight:700;letter-spacing:-.01em;max-width:18em}
.sec .intro{color:var(--muted);font-size:17.5px;margin:0 0 42px;max-width:38em}
.b{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:28px;position:relative;overflow:hidden;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.b:hover{transform:translateY(-4px);box-shadow:0 24px 50px -28px rgba(14,59,46,.35)}
.b.x{grid-column:span 3}.b.y{grid-column:span 2}
@media (max-width:900px){.b.x,.b.y{grid-column:span 6}}
.b .ic{width:48px;height:48px;border-radius:14px;background:var(--soft);color:var(--jade);display:grid;place-items:center;margin-bottom:18px}
.b .ic svg{width:24px;height:24px}
.b h3{font-size:21px;margin:0 0 8px;color:var(--ink);font-weight:600}
.b p{margin:0 0 16px;color:var(--muted);font-size:15.5px}
.b ul{margin:0 0 18px;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.b li{font-size:13px;background:var(--bg);border-radius:999px;padding:4px 12px;color:var(--ink)}
.b .from{font-size:14px;color:var(--muted)}
.b .from b{color:var(--jade);font-weight:600}
.tg{display:inline-block;font-size:12.5px;font-weight:600;background:var(--soft);color:var(--jade);border-radius:999px;padding:3px 11px;margin-bottom:8px}
.tg.c{background:#F3ECDF;color:#8A5A2B}
/* faux UIs */
.ui{position:absolute;inset:14% 10% auto 10%;height:120%;background:#fff;border-radius:14px 14px 0 0;box-shadow:0 20px 40px -18px rgba(0,0,0,.5);overflow:hidden}
.ui .bar{height:26px;background:#f3f1ec;display:flex;gap:5px;align-items:center;padding:0 10px}
.ui .bar i{width:7px;height:7px;border-radius:50%;background:#d6d2ca}

/* packages */
.tabs{display:inline-flex;background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:5px;margin-bottom:28px;flex-wrap:wrap;gap:2px}
.tabs button{border:0;background:transparent;font:600 14.5px "IBM Plex Sans Arabic",sans-serif;color:var(--muted);padding:10px 18px;border-radius:999px;cursor:pointer;transition:background .25s,color .25s}
.tabs button[aria-selected=true]{background:var(--deep);color:#fff}
.pk{display:none;gap:16px;grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}
.pk.on{display:grid;animation:in .45s cubic-bezier(.2,.7,.2,1)}
@keyframes in{from{opacity:0;transform:translateY(10px)}}
.p{background:var(--paper);border:1px solid var(--line);border-radius:26px;padding:28px;display:flex;flex-direction:column}
.p.hot{background:var(--deep);border-color:var(--deep);color:#fff;position:relative}
.p.hot .badge{position:absolute;top:22px;inset-inline-start:22px;background:var(--mint);color:var(--deep);font-size:12px;font-weight:700;border-radius:999px;padding:4px 12px}
.p h3{margin:0 0 4px;font-size:20px;font-weight:600}
.p .for{font-size:14px;color:var(--muted);margin-bottom:18px}
.p.hot .for{color:#9FB8AE}
.p .price{font-family:Cairo,sans-serif;font-size:34px;font-weight:600;line-height:1.1;margin-bottom:4px}
.p .price small{font-size:15px;font-weight:400;opacity:.7}
.p .per{font-size:13px;color:var(--muted);margin-bottom:20px}
.p.hot .per{color:#9FB8AE}
.p ul{margin:0 0 24px;padding:0;list-style:none;flex:1}
.p li{display:flex;gap:10px;align-items:flex-start;padding:7px 0;font-size:15px}
.p li svg{width:18px;height:18px;flex:none;margin-top:5px;color:var(--jade)}
.p.hot li svg{color:var(--mint)}
.p .pill{justify-content:center;padding:13px;background:var(--bg);color:var(--deep)}
.p.hot .pill{background:var(--mint);color:var(--deep)}
.fine{font-size:14.5px;color:var(--muted);margin-top:20px;display:flex;gap:8px;align-items:center}
.st{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:24px}
.st .n{font:600 13px Geist,sans-serif;color:var(--jade);background:var(--soft);border-radius:999px;padding:3px 10px;display:inline-block;margin-bottom:14px}
.st b{display:block;font-family:Cairo,sans-serif;font-size:18px;font-weight:600;margin-bottom:6px}
.st span{color:var(--muted);font-size:15px}
.sw{display:inline-flex;background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:5px;margin:22px 0 10px}
.sw button{border:0;background:transparent;font:600 14.5px "IBM Plex Sans Arabic",sans-serif;color:var(--muted);padding:10px 18px;border-radius:999px;cursor:pointer;transition:background .25s,color .25s}
.sw button[aria-pressed=true]{background:var(--deep);color:#fff}
.gs{background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:18px;box-shadow:0 30px 60px -40px rgba(14,59,46,.45)}
@keyframes blink{50%{opacity:0}}
.map{height:130px;border-radius:18px;margin:14px 0;position:relative;overflow:hidden;background:#E7EEE9;background-image:linear-gradient(35deg,transparent 46%,#fff 46% 50%,transparent 50%),linear-gradient(-20deg,transparent 60%,#fff 60% 63%,transparent 63%),linear-gradient(90deg,transparent 30%,#DDE7E1 30% 31%,transparent 31%),radial-gradient(circle at 70% 60%,#CFE3D8 0 18%,transparent 19%)}
.pin{position:absolute;width:26px;height:26px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#A9B8B1;box-shadow:0 4px 10px rgba(0,0,0,.2);transition:all .5s cubic-bezier(.2,.7,.2,1)}
.pin.me{background:#D93D32;width:34px;height:34px;opacity:0;transform:rotate(-45deg) scale(.4)}
.gs.on .pin.me{opacity:1;transform:rotate(-45deg) scale(1)}
.r{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:18px;padding:12px;background:#fff;transition:all .5s cubic-bezier(.2,.7,.2,1)}
.r .th{width:58px;height:58px;border-radius:12px;flex:none;background:#E3E6E2}
.r b{display:block;font-size:15.5px}
.r .rt{font-size:13px;color:#8A7A6D}
.r .rt i{font-style:normal;color:#E0A21B;letter-spacing:1px}
.r.me{display:none;border:2px solid var(--jade);background:linear-gradient(180deg,#F4FAF7,#fff)}
.r.me .th{background:linear-gradient(135deg,#8C5A33,#3D2415)}
.gs.on .r.me{display:flex;animation:pop .55s cubic-bezier(.2,.7,.2,1)}
.gs.on .r.oth{opacity:.55}
@keyframes pop{from{opacity:0;transform:translateY(-12px) scale(.97)}}
.r.me .you{font-size:11px;font-weight:700;background:var(--jade);color:#fff;border-radius:999px;padding:2px 9px;margin-inline-start:6px;vertical-align:2px}


/* live showcase */
.show{display:grid;grid-template-columns:1.35fr .65fr;gap:22px;align-items:start}
@media (max-width:980px){.show{grid-template-columns:1fr}}
.cap{margin-top:14px;display:flex;gap:10px;align-items:flex-start}
.cap b{display:block;font:600 17px Cairo,sans-serif;color:var(--deep)}
.cap span{font-size:14.5px;color:var(--muted)}
.cap .no{flex:none;font:600 12px Geist,sans-serif;color:var(--jade);background:var(--soft);border-radius:999px;padding:3px 9px;margin-top:3px}
.mine{position:absolute;z-index:8;top:10px;inset-inline-end:10px;font:700 11px "IBM Plex Sans Arabic",sans-serif;background:rgba(10,43,33,.85);color:#fff;border-radius:999px;padding:4px 10px;backdrop-filter:blur(6px)}
@keyframes kb{to{transform:scale(1.18) translate(-2%,1%)}}
.pd{background:#fff;border-radius:18px;overflow:hidden;border:1px solid #EFE6DA;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.pd:hover{transform:translateY(-4px);box-shadow:0 20px 40px -28px rgba(42,28,18,.5)}
.pd img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.pd .in{padding:12px 14px 14px}
.pd b{display:block;font-size:15px;color:#2A1C12}
.pd .nt{font-size:12.5px;color:#9A8570;margin:2px 0 10px}
.pd .rw{display:flex;align-items:center;justify-content:space-between}
.pd .pr{font:700 14px Geist,"IBM Plex Sans Arabic",sans-serif;color:#7A4B2A}
.pd button{border:0;background:#2A1C12;color:#fff;border-radius:999px;padding:7px 14px;font:600 12.5px "IBM Plex Sans Arabic",sans-serif;cursor:pointer;transition:background .25s}
.pd button.ok{background:#3C7A55}
.rm{display:flex;gap:10px;background:#fff;border-radius:16px;padding:8px;border:2px solid transparent;cursor:pointer;transition:border-color .25s,box-shadow .25s}
.rm img{width:74px;height:62px;border-radius:11px;object-fit:cover;flex:none}
.rm b{display:block;font-size:13.5px}
.rm small{display:block;font-size:11px;color:#7B8782}
.rm[aria-pressed=true]{border-color:#0F6B51;box-shadow:0 8px 20px -14px rgba(15,107,81,.8)}



/* see your shop */
.yz{display:grid;grid-template-columns:1fr 340px;gap:40px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:32px;padding:40px;position:relative;overflow:hidden}
.yz::before{content:"";position:absolute;inset:0;background:radial-gradient(500px 360px at 0% 100%,rgba(15,107,81,.08),transparent 70%);pointer-events:none}
@media (max-width:900px){.yz{grid-template-columns:1fr;padding:26px 20px;gap:28px}}
.yz-f{position:relative;display:flex;flex-direction:column;gap:18px}
.yz-f label{font-size:13.5px;font-weight:600;color:var(--muted);display:block;margin-bottom:8px}
.yz-in{width:100%;font:600 20px Cairo,sans-serif;color:var(--ink);background:var(--bg);border:1.5px solid var(--line);border-radius:16px;padding:14px 16px;outline:none;transition:border-color .25s,box-shadow .25s}
.yz-in:focus{border-color:var(--jade);box-shadow:0 0 0 4px rgba(15,107,81,.12)}
.yz-t{display:flex;gap:8px;flex-wrap:wrap}
.yz-t button{display:flex;align-items:center;gap:8px;border:1.5px solid var(--line);background:#fff;border-radius:14px;padding:10px 14px;font:600 14.5px "IBM Plex Sans Arabic",sans-serif;color:var(--ink);cursor:pointer;transition:all .25s}
.yz-t button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.yz-t button[aria-pressed=true]{border-color:var(--deep);background:var(--deep);color:#fff}
.yz-c{display:flex;gap:10px}
.yz-c button{width:38px;height:38px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1.5px var(--line);cursor:pointer;background:var(--c);transition:transform .2s,box-shadow .2s}
.yz-c button[aria-pressed=true]{box-shadow:0 0 0 2.5px var(--ink);transform:scale(1.08)}
.yz-go{display:inline-flex;align-self:flex-start;gap:10px;align-items:center;background:var(--jade);color:#fff;text-decoration:none;border-radius:999px;padding:15px 24px;font:700 16px "IBM Plex Sans Arabic",sans-serif;box-shadow:0 14px 30px -14px rgba(15,107,81,.7);transition:transform .2s}
.yz-go:hover{transform:translateY(-2px)}
.yz-go svg{width:20px;height:20px}
.yz-note{font-size:13.5px;color:var(--muted);margin-top:-6px}
/* preview phone */
.yp{position:relative;width:300px;height:600px;margin:0 auto;border-radius:44px;background:#0B0F0D;padding:12px;box-shadow:0 50px 90px -50px rgba(0,0,0,.6)}
.yp::before{content:"";position:absolute;top:22px;left:50%;transform:translateX(-50%);width:90px;height:24px;background:#0B0F0D;border-radius:20px;z-index:6}
.ys{height:100%;border-radius:34px;overflow:hidden;background:#F7F5F1;display:flex;flex-direction:column;--k:#0E3B2E}
.ys-h{flex:none;position:relative;height:200px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:16px;overflow:hidden}
.ys-h .bg{position:absolute;inset:0;background:var(--img) center/cover;transition:opacity .5s}
.ys-h::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 15%,color-mix(in srgb,var(--k) 92%,black) 100%);transition:background .5s}
.ys-h>*:not(.bg){position:relative;z-index:1}
.ys-logo{width:46px;height:46px;border-radius:14px;background:#fff;color:var(--k);display:grid;place-items:center;font:700 20px Cairo,sans-serif;margin-bottom:10px;box-shadow:0 8px 20px -8px rgba(0,0,0,.5);transition:color .5s}
.ys-name{font:700 21px/1.25 Cairo,sans-serif;min-height:1.25em;word-break:break-word}
.ys-tag{font-size:12px;opacity:.88}
.ys-chips{flex:none;display:flex;gap:6px;padding:12px 12px 4px}
.ys-chips span{font-size:11.5px;font-weight:600;padding:5px 11px;border-radius:999px;background:#ECE8E1;color:#3A332C;white-space:nowrap}
.ys-chips span:first-child{background:var(--k);color:#fff;transition:background .5s}
.ys-list{flex:1;min-height:0;overflow:hidden;padding:6px 12px;display:flex;flex-direction:column;gap:8px}
.ys-it{display:flex;gap:10px;align-items:center;background:#fff;border-radius:16px;padding:7px;box-shadow:0 2px 10px rgba(0,0,0,.05);animation:yin .45s cubic-bezier(.2,.7,.2,1) both}
.ys-it:nth-child(2){animation-delay:.06s}.ys-it:nth-child(3){animation-delay:.12s}
@keyframes yin{from{opacity:0;transform:translateY(8px)}}
.ys-it .im{width:56px;height:56px;border-radius:12px;background:var(--img) center/cover;flex:none}
.ys-it b{display:block;font-size:13.5px}
.ys-it small{display:block;font-size:11px;color:#8A8078}
.ys-it .pr{margin-inline-start:auto;font:700 12.5px Geist,"IBM Plex Sans Arabic",sans-serif;color:var(--k);white-space:nowrap;transition:color .5s}
.ys-cta{flex:none;margin:6px 12px 14px;border-radius:16px;padding:12px;text-align:center;color:#fff;background:var(--k);font:600 13.5px "IBM Plex Sans Arabic",sans-serif;transition:background .5s}
.yp .mine{top:44px;inset-inline-end:22px}


.yz-t{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:8px}
.yz-t button{justify-content:flex-start;padding:10px 12px;font-size:13.5px}
.ys{--kt:color-mix(in srgb,var(--k) 12%,#fff);--kd:color-mix(in srgb,var(--k) 85%,#000);transition:background .4s}
.ys *{transition:background-color .45s,color .45s,border-color .45s}
.y-anim{animation:yin .45s cubic-bezier(.2,.7,.2,1) both}
.y-hd{flex:none;position:relative;color:#fff;padding:52px 16px 16px;background:linear-gradient(160deg,var(--k),var(--kd));overflow:hidden}
.y-hd::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;border:1px solid rgba(255,255,255,.14);left:-70px;top:-60px}
.y-hd::before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;background:rgba(255,255,255,.06);right:-40px;bottom:-60px}
.y-hd>*{position:relative;z-index:1}
.y-row{display:flex;align-items:center;gap:10px}
.y-lg{width:40px;height:40px;border-radius:12px;background:#fff;color:var(--k);display:grid;place-items:center;font:700 18px Cairo,sans-serif;flex:none}
.y-nm{font:700 18px/1.25 Cairo,sans-serif;word-break:break-word}
.y-sb{font-size:11.5px;opacity:.85}
.y-ic{width:30px;height:30px;border-radius:9px;background:var(--kt);display:grid;place-items:center;margin-bottom:6px}
.y-ic svg{width:16px;height:16px;fill:none;stroke:var(--k);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* faq */
.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px}
@media (max-width:900px){.faq{grid-template-columns:1fr;gap:10px}}
details{border-bottom:1px solid var(--line);padding:20px 0}
summary{cursor:pointer;font-family:Cairo,sans-serif;font-weight:500;font-size:18px;list-style:none;display:flex;justify-content:space-between;gap:16px}
summary::-webkit-details-marker{display:none}
summary::after{content:"";width:22px;height:22px;flex:none;border-radius:50%;background:var(--soft) center/12px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 1v10M1 6h10' stroke='%230F6B51' stroke-width='1.6'/%3E%3C/svg%3E");transition:transform .3s;margin-top:4px}
details[open] summary::after{transform:rotate(45deg)}
details p{margin:12px 0 0;color:var(--muted)}
footer{padding:44px 0 110px;color:var(--muted);font-size:14.5px}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;align-items:center}
footer .en{font-size:20px;color:var(--deep)}
footer nav{display:flex;flex-wrap:wrap;gap:18px}
footer a{text-decoration:none}
footer a:hover{color:var(--jade)}

.rv{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:3px}

.sec h2{font-family:Cairo,sans-serif;font-weight:800}
body{background:#F6F8F4}


/* ===== services (premium) ===== */
.svcs{position:relative;background:linear-gradient(180deg,#F6F8F4 0%,#EEF4EF 100%);overflow:hidden}
.svcs::before{content:"";position:absolute;width:60vmax;height:60vmax;border-radius:50%;background:radial-gradient(closest-side,rgba(143,211,180,.35),transparent);top:-20vmax;left:-20vmax;pointer-events:none}
.svh{position:relative;text-align:center;max-width:760px;margin:0 auto 44px}
.svp{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.8);border:1px solid rgba(20,18,14,.07);border-radius:99px;padding:5px 14px 5px 5px;font-size:13px;color:#4A463E;box-shadow:0 10px 30px -18px rgba(0,0,0,.3);margin-bottom:24px}
.svp b{display:inline-flex;align-items:center;gap:6px;background:#14120E;color:#fff;border-radius:99px;padding:4px 10px;font-size:11.5px;font-weight:600}
.svp b i{width:6px;height:6px;border-radius:50%;background:#6FE3A5}
.svh h2{font:800 clamp(28px,4.4vw,52px)/1.4 Cairo,sans-serif!important;color:#14120E;margin:0 0 14px;letter-spacing:0}
.svh h2 span{display:block;background:linear-gradient(90deg,#0B3D2E 0%,#1F8B4C 40%,#B8975A 62%,#0B3D2E 95%);-webkit-background-clip:text;background-clip:text;color:transparent}
.svh p{font-size:16px;color:#5B564D;margin:0}
.svc{grid-column:span 2;position:relative;display:flex;flex-direction:column;background:rgba(255,255,255,.72);border:1px solid rgba(15,107,81,.12);border-radius:24px;padding:22px 22px 18px;backdrop-filter:blur(12px);box-shadow:0 24px 50px -40px rgba(11,61,46,.55);transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s,border-color .45s;isolation:isolate}
.svc:nth-child(4){grid-column:2/span 2}.svc:nth-child(5){grid-column:4/span 2}
.svc::before{content:"";position:absolute;inset:-1px;border-radius:25px;padding:1px;background:linear-gradient(135deg,rgba(111,227,165,.9),rgba(216,190,132,.9) 50%,transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .45s;z-index:-1}
.svc:hover{transform:translateY(-6px);box-shadow:0 36px 60px -40px rgba(11,61,46,.7);border-color:transparent}
.svc:hover::before{opacity:1}
.svc.rv{transition-delay:calc(var(--i)*.06s)}
.svc h3{font:800 19px/1.45 Cairo,sans-serif;color:#0B3D2E;margin:0 0 8px}
.svc p{font-size:14px;line-height:1.8;color:#5B564D;margin:0 0 16px;flex:1}
.svc-dots{display:none}
@media (max-width:980px){.svc,.svc:nth-child(4),.svc:nth-child(5){grid-column:auto}}
@media (max-width:640px){
.svh{margin-bottom:28px}.svh p{font-size:14.5px}
.svc{flex:0 0 80%;scroll-snap-align:center;padding:18px 18px 14px}
.svc h3{font-size:17.5px}.svc p{font-size:13.5px}
.svc-dots{display:flex;justify-content:center;gap:6px;margin-top:4px}
.svc-dots i{width:6px;height:6px;border-radius:99px;background:rgba(11,61,46,.2);transition:all .3s}
.svc-dots i.on{width:18px;background:#0F6B51}}
.svc,.svc:nth-child(4),.svc:nth-child(5){grid-column:auto!important;flex:none!important;display:grid!important;grid-template-columns:auto 1fr auto;grid-template-areas:"ic body ft";align-items:center;gap:22px;padding:22px 24px!important}
.svc>h3,.svc>p{grid-column:2}
.svc h3{grid-area:auto;margin:0 0 4px!important}
.svc p{margin:0 0 10px!important}
.svc:hover{transform:translateY(-3px)!important}
@media (max-width:640px){
.svc,.svc:nth-child(4),.svc:nth-child(5){grid-template-columns:auto 1fr;grid-template-areas:"ic body" "ft ft";gap:14px 14px;padding:18px!important}}


/* ===== see your shop (refined) ===== */
.yrs{background:linear-gradient(180deg,#EEF4EF 0%,#F6F8F4 100%)}
.yrs .yz{grid-template-columns:1fr 320px;gap:48px;background:rgba(255,255,255,.66);border:1px solid rgba(15,107,81,.12);border-radius:30px;padding:36px 40px;backdrop-filter:blur(14px);box-shadow:0 40px 80px -60px rgba(11,61,46,.6);max-width:980px;margin:0 auto}
.yrs .yz::before{background:radial-gradient(420px 300px at 100% 0%,rgba(143,211,180,.22),transparent 70%)}
.yrs .yz-f{gap:26px}
.yrs .yz-f label{display:flex;align-items:center;gap:8px;font:700 13.5px Cairo,sans-serif;color:#0B3D2E;margin-bottom:10px}
.yrs .yz-f label em{font-style:normal;width:20px;height:20px;border-radius:50%;background:rgba(15,107,81,.1);color:#0F6B51;display:grid;place-items:center;font:700 11px Cairo,sans-serif}
.yrs .yz-in{font:600 17px "IBM Plex Sans Arabic",sans-serif;background:#fff;border:1px solid rgba(11,61,46,.14);border-radius:14px;padding:12px 16px;box-shadow:0 1px 0 rgba(11,61,46,.04)}
.yrs .yz-in:focus{border-color:#0F6B51;box-shadow:0 0 0 4px rgba(15,107,81,.1)}
.yrs .yz-t{display:flex!important;flex-wrap:wrap;gap:7px}
.yrs .yz-t button{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 13px;border-radius:99px;border:1px solid rgba(11,61,46,.13);background:#fff;font:600 12.5px "IBM Plex Sans Arabic",sans-serif;color:#3F4A45;box-shadow:none;transition:all .25s}
.yrs .yz-t button svg{width:15px;height:15px;color:#0F6B51;transition:color .25s}
.yrs .yz-t button:hover{border-color:rgba(15,107,81,.45);color:#0B3D2E}
.yrs .yz-t button[aria-pressed=true]{background:#0B3D2E;border-color:#0B3D2E;color:#fff;box-shadow:0 8px 18px -10px rgba(11,61,46,.7)}
.yrs .yz-t button[aria-pressed=true] svg{color:#8FD3B4}
.yrs .yz-c{gap:10px}
.yrs .yz-c button{width:30px;height:30px;border:2.5px solid #fff;box-shadow:0 0 0 1px rgba(11,61,46,.16)}
.yrs .yz-c button[aria-pressed=true]{box-shadow:0 0 0 2px #0B3D2E;transform:scale(1.1)}
.yrs .yz-go{background:#14120E;border-radius:14px;padding:14px 22px;font:600 15px "IBM Plex Sans Arabic",sans-serif;box-shadow:0 20px 40px -20px rgba(0,0,0,.6)}
.yrs .yz-go svg{color:#6FE3A5}
.yrs .yz-note{font-size:12.5px;color:#6E7A73;margin-top:-12px}
.yrs .yp{width:290px;height:580px}
@media (max-width:900px){.yrs .yz{grid-template-columns:1fr;padding:22px 18px;gap:30px;border-radius:24px}.yrs .yz-go{align-self:stretch;justify-content:center}.yrs .yp{width:min(270px,76vw);height:auto;aspect-ratio:300/600}}


/* type tiles uniform grid */
.yrs .yz-t{display:grid!important;grid-template-columns:repeat(4,1fr);gap:8px}
.yrs .yz-t button{height:auto;flex-direction:column;justify-content:center;gap:6px;padding:12px 4px;border-radius:14px;font-size:12.5px;white-space:nowrap}
.yrs .yz-t button svg{width:19px;height:19px}


/* logo upload */
.yrs .yz-f label .opt{font:500 11.5px "IBM Plex Sans Arabic",sans-serif;color:#7A8680}
.yz-up{display:block!important;margin:0!important;cursor:pointer;border:1.5px dashed rgba(15,107,81,.35);border-radius:16px;background:rgba(255,255,255,.7);padding:12px 14px;transition:border-color .25s,background .25s}
.yz-up:hover{border-color:#0F6B51;background:#fff}
.yz-up .ph0,.yz-up .ph1{display:flex;align-items:center;gap:12px}
.yz-up .ph1{display:none}
.yz-up.has{border-style:solid;border-color:rgba(15,107,81,.3)}
.yz-up.has .ph0{display:none}.yz-up.has .ph1{display:flex}
.yz-up .ui{width:40px;height:40px;border-radius:12px;background:rgba(15,107,81,.1);color:#0F6B51;display:grid;place-items:center;flex:none}
.yz-up .ui svg{width:20px;height:20px}
.yz-up b{display:block;font:700 13.5px Cairo,sans-serif;color:#0B3D2E}
.yz-up small{display:block;font:400 11.5px "IBM Plex Sans Arabic",sans-serif;color:#6E7A73}
.yz-up img{width:40px;height:40px;border-radius:12px;object-fit:contain;background:#fff;border:1px solid rgba(11,61,46,.12);flex:none}
.yz-up .rm{margin-inline-start:auto;border:1px solid rgba(11,61,46,.15);background:#fff;border-radius:99px;padding:5px 12px;font:600 12px "IBM Plex Sans Arabic",sans-serif;color:#7A1F2B;cursor:pointer}
.yL.img{background:#fff center/contain no-repeat;color:transparent!important;font-size:0!important;padding:4px;background-origin:content-box}



.yz-up .ui{position:static;inset:auto;height:40px;box-shadow:none;overflow:visible}

/* ===== google maps (refined) ===== */
.gmx{background:linear-gradient(180deg,#F6F8F4 0%,#EEF4EF 100%)}
.gx{max-width:980px;margin:0 auto;display:grid;grid-template-columns:300px minmax(0,1fr);grid-template-areas:". card" "sw card" "ck card" "nt card" ". card";grid-template-rows:1fr auto auto auto 1fr;column-gap:48px;align-items:start;background:rgba(255,255,255,.66);border:1px solid rgba(15,107,81,.12);border-radius:30px;padding:36px 40px;backdrop-filter:blur(14px);box-shadow:0 40px 80px -60px rgba(11,61,46,.6)}
.gx-sw{grid-area:sw;position:relative;display:grid;grid-template-columns:1fr 1fr;background:#EEF2EF;border-radius:14px;padding:4px;margin-top:6px}
.gx-sw .ind{position:absolute;top:4px;bottom:4px;right:4px;width:calc(50% - 4px);border-radius:11px;background:#0B3D2E;box-shadow:0 8px 18px -10px rgba(11,61,46,.8);transition:transform .45s cubic-bezier(.65,0,.35,1)}
.gx-sw.on .ind{transform:translateX(-100%)}
.gx-sw button{position:relative;z-index:1;border:0;background:none;padding:11px 8px;font:700 14px Cairo,sans-serif;color:#4A5550;cursor:pointer;transition:color .3s}
.gx-sw button[aria-pressed=true]{color:#fff}
.gx-ck{grid-area:ck;list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}
.gx-ck li{display:flex;gap:12px;align-items:flex-start}
.gx-ck .mk{width:26px;height:26px;border-radius:50%;flex:none;display:grid;place-items:center;background:#EEF0EE;position:relative;transition:background .35s}
.gx-ck .mk::before,.gx-ck .mk::after{content:"";position:absolute;width:10px;height:2px;border-radius:2px;background:#A7B0AB;transform:rotate(45deg);transition:all .35s}
.gx-ck .mk::after{transform:rotate(-45deg)}
.gx-ck b{display:block;font:700 14.5px Cairo,sans-serif;color:#8A938E;transition:color .35s}
.gx-ck small{display:block;font-size:12.5px;color:#9AA29E;transition:color .35s}
.gx.on .gx-ck .mk{background:#1F8B4C}
.gx.on .gx-ck .mk::before{width:6px;background:#fff;transform:translate(-3.5px,1.5px) rotate(45deg)}
.gx.on .gx-ck .mk::after{width:11px;background:#fff;transform:translate(2px,-.5px) rotate(-50deg)}
.gx.on .gx-ck b{color:#0B3D2E}.gx.on .gx-ck small{color:#6E7A73}
.gx.on .gx-ck li:nth-child(2) .mk,.gx.on .gx-ck li:nth-child(2) .mk::before,.gx.on .gx-ck li:nth-child(2) .mk::after{transition-delay:.08s}
.gx.on .gx-ck li:nth-child(3) .mk,.gx.on .gx-ck li:nth-child(3) .mk::before,.gx.on .gx-ck li:nth-child(3) .mk::after{transition-delay:.16s}
.gx.on .gx-ck li:nth-child(4) .mk,.gx.on .gx-ck li:nth-child(4) .mk::before,.gx.on .gx-ck li:nth-child(4) .mk::after{transition-delay:.24s}
.gx-nt{grid-area:nt;margin:22px 0 0;padding:12px 14px;border-radius:14px;background:#F6F1EE;color:#7A3B2B;font-size:13.5px;line-height:1.6;transition:background .35s,color .35s}
.gx.on .gx-nt{background:rgba(15,107,81,.08);color:#0B3D2E}
.gx-card{grid-area:card;background:#fff;border-radius:22px;border:1px solid rgba(11,61,46,.1);overflow:hidden;box-shadow:0 30px 60px -40px rgba(11,61,46,.55);font-family:"IBM Plex Sans Arabic",sans-serif;color:#1F2421}
.gx-card svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.gx-top{padding:14px 14px 10px}
.gx-q{display:flex;align-items:center;gap:10px;height:46px;border-radius:99px;background:#fff;border:1px solid #E1E5E2;box-shadow:0 2px 8px rgba(0,0,0,.06);padding:0 16px;font-size:15px}
.gx-q svg{width:18px;height:18px;color:#6B7570;flex:none}
.gx-q .q{flex:1;white-space:nowrap;overflow:hidden}
.gx-q .q::after{content:"";display:inline-block;width:1.5px;height:1.05em;background:#0F6B51;vertical-align:-2px;margin-inline-start:2px;animation:blink 1s steps(1) infinite}
.gx-chips{display:flex;gap:6px;margin-top:10px;overflow-x:auto;scrollbar-width:none}
.gx-chips::-webkit-scrollbar{display:none}
.gx-chips span{flex:none;font-size:12.5px;font-weight:600;border:1px solid #E1E5E2;border-radius:99px;padding:5px 12px;color:#3F4944}
.gx-chips span.on{background:#E7F2EC;border-color:#E7F2EC;color:#0B3D2E}
.gx-map{position:relative;height:190px;overflow:hidden}
.gx-card .gx-svg{position:absolute;inset:0;width:100%;height:100%;stroke:none}
.gx-svg text{font-family:"IBM Plex Sans Arabic",sans-serif}
.gp{position:absolute;display:grid;place-items:center;transform:translate(-50%,-50%);color:#fff}
.gp.o{width:24px;height:24px;border-radius:50%;background:#7C8A83;border:2px solid #fff;box-shadow:0 3px 8px rgba(0,0,0,.2)}
.gp svg{width:13px;height:13px}
.gp.me{width:38px;height:38px;border-radius:50% 50% 50% 0;background:#E3483A;transform:translate(-50%,-80%) rotate(-45deg) scale(.3);opacity:0;box-shadow:0 8px 18px -6px rgba(180,40,30,.6);transition:transform .6s cubic-bezier(.2,.8,.25,1.3),opacity .3s}
.gp.me svg{width:17px;height:17px;transform:rotate(45deg)}
.gp.me em{position:absolute;right:calc(100% + 8px);top:50%;transform:rotate(45deg) translate(0,-50%);transform-origin:right center;font-style:normal;white-space:nowrap;background:#fff;color:#1F2421;border-radius:10px;padding:4px 10px;font:700 12.5px Cairo,sans-serif;box-shadow:0 6px 16px -6px rgba(0,0,0,.3)}
.gp.me em small{font:600 11px Geist,sans-serif;color:#B47E0E}
.gx.on .gp.me{opacity:1;transform:translate(-50%,-80%) rotate(-45deg) scale(1)}
.gme{position:absolute;width:16px;height:16px;border-radius:50%;background:#1A73E8;border:3px solid #fff;transform:translate(-50%,-50%);box-shadow:0 2px 6px rgba(0,0,0,.25)}
.gme i{position:absolute;inset:-12px;border-radius:50%;background:rgba(26,115,232,.18);animation:gmeP 2.4s ease-out infinite}
@keyframes gmeP{0%{transform:scale(.5);opacity:1}100%{transform:scale(1.4);opacity:0}}
.gx-res{padding:4px 16px 10px}
.gx-r{display:flex;gap:12px;padding:14px 0;border-top:1px solid #EEF0EE;transition:opacity .4s}
.gx-r:first-child{border-top:0}
.gx-r .gth{width:68px;height:68px;border-radius:12px;background:#E9ECE9 center/cover;flex:none}
.gx-r .gbd{flex:1;min-width:0}
.gx-r b{display:block;font:700 15px Cairo,sans-serif}
.gx-r .grt{font:600 12.5px Geist,"IBM Plex Sans Arabic",sans-serif;color:#3F4944}
.gx-r .gst{color:#F2A60D;letter-spacing:1px}
.gx-r .gn{color:#7A847F;font-weight:500}
.gx-r .gmt{font-size:12.5px;color:#6E7873}
.gx-r .gop{font-size:12.5px;font-weight:600;color:#1E8E3E}
.gx-r .gop.cl{color:#C5372C}
.gx-r .you{display:inline-block;font:700 10.5px "IBM Plex Sans Arabic",sans-serif;background:#0F6B51;color:#fff;border-radius:99px;padding:1px 9px;margin-inline-start:6px;vertical-align:2px}
.gx-r .gac{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}
.gx-r .gac span{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;border:1px solid #D6DDD9;border-radius:99px;padding:5px 11px;color:#0F6B51}
.gx-r .gac span.gpp{background:#0F6B51;border-color:#0F6B51;color:#fff}
.gx-r .gac svg{width:14px;height:14px}
.gx-r.me{display:none}
.gx.on .gx-r.me{display:flex;animation:gxIn .6s cubic-bezier(.2,.7,.2,1)}
.gx.on .gx-r.oth{opacity:.55}
@keyframes gxIn{from{opacity:0;transform:translateY(-10px)}}
@media (max-width:900px){.gx{grid-template-columns:1fr;grid-template-areas:"sw" "card" "ck" "nt";grid-template-rows:auto;padding:20px 16px;border-radius:24px}.gx-sw{margin:0 0 18px}.gx-ck{margin-top:22px}.gx-map{height:160px}.gx-r .gth{width:58px;height:58px}}
@media (prefers-reduced-motion:reduce){.gp.me,.gx-ck *,.gx-sw .ind{transition:none}.gme i{animation:none}.gx.on .gx-r.me{animation:none}}
.gx-r .gbd b,.gx-r .gbd div{margin:0;padding:0;background:none;box-shadow:none;border:0;position:static;transform:none}
.gx-r .gac{display:flex}
.gx-r .gac span{flex-direction:row}
.gx-r .gbd .gac{margin-top:10px}

/* ===== footer: signature ===== */
footer.fs{position:relative;overflow:hidden;margin-top:40px;background:#0A2B21;color:rgba(255,255,255,.66);border-radius:36px 36px 0 0;padding:100px 20px 26px;font-size:14px}
footer.fs::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(560px 360px at 50% 115%,rgba(216,190,132,.16),transparent 70%),radial-gradient(520px 320px at 90% -10%,rgba(111,227,165,.12),transparent 70%)}
.fs-in{position:relative;max-width:1000px;margin:0 auto;text-align:center}
.fs-sig{position:relative;margin:64px auto 0;width:min(100%,640px)}
.fs-sig .t{display:block;font-family:"Mrs Saint Delafield",cursive;font-size:clamp(78px,17vw,150px);line-height:1.25;color:#E9D7A8;direction:ltr;white-space:nowrap;padding:0 .18em;clip-path:inset(0 100% 0 0);-webkit-clip-path:inset(0 100% 0 0)}
.fs.on .fs-sig .t{animation:fsW 2.6s cubic-bezier(.55,.1,.35,1) .3s forwards}
@keyframes fsW{to{clip-path:inset(0 0 0 0);-webkit-clip-path:inset(0 0 0 0)}}
.fs-sig::after{content:"";display:block;width:0;height:1px;margin:2px auto 0;background:linear-gradient(90deg,transparent,rgba(233,215,168,.55),transparent);transition:width 1.2s ease 2.6s}
.fs.on .fs-sig::after{width:70%}
.fs-role{margin-top:14px;font-size:13px;color:rgba(255,255,255,.5);opacity:0;transition:opacity .8s 2.9s}
.fs.on .fs-role{opacity:1}
.fs-bot{position:relative;max-width:1000px;margin:76px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:rgba(255,255,255,.5)}

@media (max-width:640px){footer.fs{padding-top:72px;border-radius:28px 28px 0 0}.fs-sig{margin-top:44px}.fs-bot{justify-content:center;flex-direction:column;text-align:center;margin-top:56px}}
@media (prefers-reduced-motion:reduce){.fs-sig .t{clip-path:none;-webkit-clip-path:none}.fs.on .fs-sig .t{animation:none}.fs-sig::after{width:70%;transition:none}.fs-role{opacity:1;transition:none}}
/* type picker as dropdown */
.yz-dd{position:relative}
.yz-ddb{width:100%;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid rgba(11,61,46,.14);border-radius:14px;padding:9px 12px 9px 14px;cursor:pointer;font:600 16px "IBM Plex Sans Arabic",sans-serif;color:#0B3D2E;text-align:right;transition:border-color .25s,box-shadow .25s}
.yz-ddb:hover{border-color:rgba(15,107,81,.45)}
.yz-dd.open .yz-ddb,.yz-ddb:focus-visible{border-color:#0F6B51;box-shadow:0 0 0 4px rgba(15,107,81,.1);outline:0}
.yz-ddb .ic{width:32px;height:32px;border-radius:10px;background:rgba(15,107,81,.1);color:#0F6B51;display:grid;place-items:center;flex:none}
.yz-ddb .ic svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.yz-ddb .tx{flex:1}
.yz-ddb small{font:500 11.5px "IBM Plex Sans Arabic",sans-serif;color:#7A8680}
.yz-ddb .cv{width:18px;height:18px;fill:none;stroke:#6E7A73;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s}
.yz-dd.open .cv{transform:rotate(180deg)}
.yrs .yz-dd .yz-t{display:none!important;position:absolute;top:calc(100% + 8px);right:0;left:0;z-index:30;grid-template-columns:1fr 1fr;gap:4px;background:#fff;border:1px solid rgba(11,61,46,.12);border-radius:18px;padding:6px;box-shadow:0 30px 60px -24px rgba(11,61,46,.45)}
.yrs .yz-dd.open .yz-t{display:grid!important;animation:ddIn .22s cubic-bezier(.2,.8,.2,1)}
@keyframes ddIn{from{opacity:0;transform:translateY(-6px)}}
.yrs .yz-dd .yz-t button{flex-direction:row;justify-content:flex-start;gap:10px;height:auto;padding:10px 12px;border:0;border-radius:12px;background:none;box-shadow:none;font:600 13.5px "IBM Plex Sans Arabic",sans-serif;color:#2C3632}
.yrs .yz-dd .yz-t button:hover{background:#F3F6F4}
.yrs .yz-dd .yz-t button[aria-pressed=true]{background:rgba(15,107,81,.09);color:#0B3D2E;box-shadow:none}
.yrs .yz-dd .yz-t button svg,.yrs .yz-dd .yz-t button[aria-pressed=true] svg{width:18px;height:18px;color:#0F6B51}
@media (prefers-reduced-motion:reduce){.yrs .yz-dd.open .yz-t{animation:none}}
/* ===== see your shop: real mini apps ===== */
#yzApp{background:#F4F5F3;overflow:clip}
.ya{--kt:color-mix(in srgb,var(--k) 10%,#fff);--kd:color-mix(in srgb,var(--k) 80%,#000);--ln:#E6E9E6;--mt:#6F7873;position:relative;height:100%;display:flex;flex-direction:column;background:#F4F5F3;color:#131915;font:400 12px/1.5 "IBM Plex Sans Arabic",sans-serif;overflow:hidden;overflow:clip;text-align:right}
.ya *{box-sizing:border-box}
.ya button{font-family:inherit;color:inherit;-webkit-tap-highlight-color:transparent}
.ya button:focus-visible{outline:2px solid var(--k);outline-offset:2px}
.ya b{font-weight:600}
.ya svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ya .y-ic{color:var(--k);margin:0;flex:none}
.ya .y-ic svg{stroke:currentColor}
/* status bar */
.ya-st{position:absolute;top:0;left:0;right:0;height:40px;z-index:8;display:flex;justify-content:space-between;align-items:center;padding:4px 24px 0;direction:ltr;color:#fff;font:600 11.5px Geist,system-ui,sans-serif;pointer-events:none;transition:background .3s,color .3s,box-shadow .3s}
.ya-st .si{display:flex;gap:4px;align-items:center}
.ya-st svg{height:9px;width:auto;fill:currentColor;stroke:none}
.ya-st.sol{background:rgba(255,255,255,.97);color:#131915;box-shadow:0 1px 0 var(--ln)}
.ya:has(.ya-ok.on) .ya-st{z-index:13;color:#131915;background:none;box-shadow:none}
/* scroll area */
.ya-sc{position:relative;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.ya-sc::-webkit-scrollbar,.sh-b::-webkit-scrollbar,.ya-ok::-webkit-scrollbar{display:none}
.ya-pad{height:84px}.ya-pad.sm{height:14px}
/* headers */
.ya-ph{position:relative;height:196px;padding:0 16px 30px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;background:#2A2A2A var(--img) center/cover}
.ya-ph .bg2{position:absolute;inset:0;background:var(--img) center/cover;animation:yaFd 10s ease-in-out infinite}
@keyframes yaFd{0%,42%{opacity:0}50%,92%{opacity:1}100%{opacity:0}}
.ya-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45) 0,rgba(0,0,0,0) 32%,rgba(0,0,0,.12) 52%,rgba(0,0,0,.8) 100%)}
.ya-ph>.ya-br{position:relative;z-index:1}
.ya-hd{position:relative;padding:50px 14px 18px;color:#fff;background:var(--k);overflow:hidden}
.ya-hd::before{content:"";position:absolute;inset:0;background:radial-gradient(130% 90% at 100% 0,rgba(255,255,255,.13),transparent 62%),linear-gradient(180deg,transparent 40%,rgba(0,0,0,.2));pointer-events:none}
.ya-hd>*{position:relative}
.ya-hd.lo{padding-bottom:40px}
.ya-br{display:flex;align-items:center;gap:10px}
.ya-lg{width:42px;height:42px;border-radius:12px;background:#fff;color:var(--k);display:grid;place-items:center;font:700 18px Cairo,sans-serif;flex:none;box-shadow:0 6px 16px -8px rgba(0,0,0,.5)}
.ya-nm{font:700 17px/1.3 Cairo,sans-serif;word-break:break-word}
.ya-sub{font-size:11px;opacity:.85}
.ya-hb{margin-inline-start:auto;position:relative;width:34px;height:34px;border-radius:11px;border:0;background:rgba(255,255,255,.16);display:grid;place-items:center;cursor:pointer;flex:none;padding:0}
.ya-hb svg{width:17px;height:17px;stroke:#fff}
.ya-badge{position:absolute;top:-5px;left:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:#fff;color:var(--k);font:700 10px/17px Geist,sans-serif;font-style:normal;transform:scale(0);transition:transform .25s}
.ya-badge.has{transform:scale(1)}
.ya-hc{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.ya-hc span{font-size:10px;background:rgba(255,255,255,.15);border-radius:99px;padding:3px 9px;display:inline-flex;align-items:center;gap:5px}
.ya-hc i{width:6px;height:6px;border-radius:50%;background:#5EE39B;box-shadow:0 0 0 3px rgba(94,227,155,.25)}
/* info strip */
.ya-info,.ya-stats{position:relative;z-index:2;margin:-18px 12px 0;background:#fff;border-radius:14px;display:grid;grid-template-columns:repeat(3,1fr);padding:9px 2px;box-shadow:0 12px 26px -16px rgba(0,0,0,.4)}
.ya-info>div,.ya-stats>div{display:flex;flex-direction:column;align-items:center;gap:1px;border-inline-start:1px solid var(--ln)}
.ya-info>div:first-child,.ya-stats>div:first-child{border:0}
.ya-info svg{width:14px;height:14px;stroke:var(--k)}
.ya-info b{font:700 11.5px Geist,Cairo,sans-serif}
.ya-info small,.ya-stats small{font-size:9.5px;color:var(--mt)}
.ya-stats{margin-top:-22px}
.ya-stats b{font:700 15px Geist,sans-serif;color:var(--k)}
/* tabs and chips */
.ya-tabs,.ya-chips{display:flex;gap:6px;padding:12px 12px 8px;overflow-x:auto;scrollbar-width:none}
.ya-tabs{position:sticky;top:40px;z-index:5;background:#F4F5F3}
.ya-tabs::-webkit-scrollbar,.ya-chips::-webkit-scrollbar,.ya-days::-webkit-scrollbar{display:none}
.ya-tabs button,.ya-chips button{flex:none;border:1px solid var(--ln);background:#fff;border-radius:99px;padding:6px 12px;font-size:11.5px;font-weight:600;cursor:pointer;white-space:nowrap}
.ya-tabs button.on,.ya-chips button.on{background:var(--k);border-color:var(--k);color:#fff}
/* menu items */
.ya-sec{padding:2px 12px 6px;display:flex;flex-direction:column;gap:8px}
.ya-sec div[data-h],.ya-h{margin:8px 0 0;font:700 13px Cairo,sans-serif;color:#131915}
.ya-h{padding:6px 12px 8px;display:flex;justify-content:space-between;align-items:center}
.ya-h small{font:500 10.5px "IBM Plex Sans Arabic",sans-serif;color:var(--mt)}
.ya-it{display:flex;align-items:center;gap:10px;background:#fff;border-radius:14px;padding:8px;border:1px solid rgba(0,0,0,.04)}
.ya-it[data-a]{cursor:pointer}
.ya-it .im{width:64px;height:64px;border-radius:11px;background:#E9E9E6 var(--img) center/cover;flex:none}
.ya-it.np{padding:10px 12px}
.ya-it .tx{flex:1;min-width:0}
.ya-it b{display:block;font-size:12.5px}
.ya-it b em{font-style:normal;font-size:9px;font-weight:600;background:var(--kt);color:var(--kd);border-radius:6px;padding:1px 6px;margin-inline-start:6px;vertical-align:1px;white-space:nowrap;display:inline-block}
.ya-it small{display:block;font-size:10.5px;color:var(--mt);line-height:1.45}
.ya-it .rw{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}
.ya-it .pr{display:block;font:700 12px Geist,"IBM Plex Sans Arabic",sans-serif;color:var(--k)}
/* steppers */
.ya-q{display:flex;align-items:center;flex:none;border-radius:99px;transition:background .25s}
.ya-q button,.ya-add button{width:28px;height:28px;border-radius:50%;border:0;display:grid;place-items:center;font:500 17px/1 Geist,sans-serif;cursor:pointer;background:var(--k);color:#fff;padding:0}
.ya-q span,.ya-q button:first-child{display:none}
.ya-q.has{background:var(--kt)}
.ya-q.has span{display:block;min-width:20px;text-align:center;font:700 12px Geist,sans-serif;color:var(--kd)}
.ya-q.has button:first-child{display:grid;background:transparent;color:var(--kd)}
.ya-add{display:flex;align-items:center;gap:6px;flex:none}
.ya-add span{display:none;min-width:20px;height:20px;border-radius:99px;background:var(--kt);color:var(--kd);font:700 10.5px Geist,sans-serif;place-items:center;padding:0 5px}
.ya-add span.has{display:grid}
/* floating cart */
.ya-cart{position:absolute;z-index:6;left:12px;right:12px;bottom:14px;border:0;border-radius:16px;background:var(--k);color:#fff!important;display:flex;align-items:center;gap:10px;padding:10px 12px;font:600 12.5px "IBM Plex Sans Arabic",sans-serif;cursor:pointer;box-shadow:0 16px 30px -12px rgba(0,0,0,.5);transform:translateY(150%);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.ya-cart.on{transform:none}
.ya-cart .cn{min-width:22px;height:22px;border-radius:8px;background:rgba(255,255,255,.2);display:grid;place-items:center;font:700 11px Geist,sans-serif}
.ya-cart .cs{margin-inline-start:auto;font:700 12px Geist,sans-serif}
/* bottom bar */
.ya-bb{flex:none;display:flex;align-items:center;gap:10px;padding:10px 12px 14px;background:#fff;border-top:1px solid var(--ln);position:relative;z-index:6}
.ya-bb .bi{flex:1;min-width:0}
.ya-bb .tt{display:block;font:700 13.5px/1.3 Geist,Cairo,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ya-bb .nn{display:block;font-size:10px;color:var(--mt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ya-bb .ya-btn{width:auto;flex:none;padding:11px 16px}
/* buttons and controls */
.ya-btn{display:block;width:100%;border:0;border-radius:14px;background:var(--k);color:#fff!important;font:600 13px "IBM Plex Sans Arabic",sans-serif;padding:12px;cursor:pointer;transition:opacity .25s,transform .15s}
.ya-btn:active{transform:scale(.98)}
.ya-btn[disabled]{opacity:.32;cursor:not-allowed}
.ya-seg{display:flex;gap:4px;background:#EEF0ED;border-radius:12px;padding:3px}
.ya-seg button{flex:1;border:0;background:transparent;border-radius:9px;padding:7px 4px;font-size:11.5px;font-weight:600;color:#4A534E;cursor:pointer;line-height:1.3}
.ya-seg button small{display:block;font-size:9.5px;font-weight:500;opacity:.75}
.ya-seg button.on{background:#fff;color:var(--kd);box-shadow:0 1px 4px rgba(0,0,0,.12)}
.ya-seg.wrap{flex-wrap:wrap;background:none;padding:0;gap:6px}
.ya-seg.wrap button{flex:none;border:1px solid var(--ln);background:#fff;padding:6px 12px;border-radius:99px}
.ya-seg.wrap button.on{background:var(--k);border-color:var(--k);color:#fff;box-shadow:none}
.ya-chs{display:flex;flex-wrap:wrap;gap:6px}
.ya-chs button{border:1px dashed #C9CFCB;background:#fff;border-radius:99px;padding:5px 11px;font-size:11px;cursor:pointer}
.ya-chs button.on{border-style:solid;border-color:var(--k);background:var(--kt);color:var(--kd)}
.ya-card{margin:10px 12px 0;background:#fff;border-radius:16px;padding:12px;border:1px solid rgba(0,0,0,.04)}
.ya-card div[data-h]{margin:0 0 10px;font:700 12.5px Cairo,sans-serif;display:flex;justify-content:space-between;align-items:center;gap:8px}
.ya-card div[data-h] small{font:500 10.5px "IBM Plex Sans Arabic",sans-serif;color:var(--k)}
.ya-card div[data-h].mt{margin-top:14px}
/* dates and times */
.ya-days{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -12px;padding:0 12px 2px}
.ya-days button{flex:none;width:44px;border:1px solid var(--ln);background:#fff;border-radius:12px;padding:6px 0;cursor:pointer;display:flex;flex-direction:column;align-items:center;line-height:1.35}
.ya-days small{font-size:9.5px;color:var(--mt)}
.ya-days b{font:700 14px Geist,sans-serif}
.ya-days button.on,.ya-days button.in,.ya-days button.out{background:var(--k);border-color:var(--k);color:#fff}
.ya-days button.on small,.ya-days button.in small,.ya-days button.out small{color:rgba(255,255,255,.8)}
.ya-days button.mid{background:var(--kt);border-color:transparent;color:var(--kd)}
.ya-days button[disabled]{opacity:.4;cursor:not-allowed}
.ya-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.ya-slots button{border:1px solid var(--ln);background:#fff;border-radius:10px;padding:7px 0;font:600 11.5px Geist,sans-serif;cursor:pointer}
.ya-slots small{font:500 9px "IBM Plex Sans Arabic",sans-serif;margin-inline-start:2px;color:var(--mt)}
.ya-slots button.on{background:var(--k);color:#fff;border-color:var(--k)}
.ya-slots button.on small{color:#fff}
.ya-slots button[disabled]{background:#F2F3F1;color:#B3B9B5;text-decoration:line-through;cursor:not-allowed}
.ya-rng{display:flex;align-items:center;gap:8px;margin-top:10px;background:#F5F6F4;border-radius:12px;padding:8px 10px}
.ya-rng div{flex:1;min-width:0}
.ya-rng small{display:block;font-size:9.5px;color:var(--mt)}
.ya-rng b{font-size:11px}
.ya-rng svg{width:14px;height:14px;stroke:var(--mt);flex:none}
.ya-gst{display:flex;align-items:center;justify-content:space-between;padding:6px 0}
.ya-gst+.ya-gst{border-top:1px solid var(--ln)}
.ya-gst b{display:block;font-size:12px}.ya-gst small{font-size:10px;color:var(--mt)}
/* option rows */
.ya-opt{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--ln);border-radius:12px;background:#fff;cursor:pointer;transition:border-color .2s,background .2s}
.ya-opt+.ya-opt{margin-top:6px}
.ya-opt .rd{width:18px;height:18px;border-radius:50%;border:1.5px solid #C3C9C5;flex:none;display:grid;place-items:center}
.ya-opt.multi .rd{border-radius:6px}
.ya-opt.on{border-color:var(--k);background:var(--kt)}
.ya-opt.on .rd{border-color:var(--k);background:var(--k)}
.ya-opt.on .rd::after{content:"";width:8px;height:4px;border:2px solid #fff;border-top:0;border-right:0;transform:translateY(-1px) rotate(-45deg)}
.ya-opt .tx{flex:1;min-width:0}
.ya-opt b{display:block;font-size:12px}
.ya-opt small{font-size:10.5px;color:var(--mt)}
.ya-opt em{font-style:normal;font:700 11.5px Geist,"IBM Plex Sans Arabic",sans-serif;color:var(--kd);white-space:nowrap}
.ya-list{padding:0 12px}
/* store */
.ya-srch{display:flex;align-items:center;gap:8px;margin-top:12px;background:#fff;border-radius:12px;padding:0 10px;height:36px;color:#131915;cursor:text}
.ya-srch svg{width:15px;height:15px;stroke:var(--mt);flex:none}
.iw{position:relative;flex:1;min-width:0;height:100%;overflow:hidden}
.iw input{position:absolute;top:0;right:0;width:125%;height:125%;border:0;outline:0;background:none;padding:0;font:400 16px "IBM Plex Sans Arabic",sans-serif;color:#131915;transform:scale(.8);transform-origin:top right;-webkit-appearance:none;appearance:none}
.iw input::-webkit-search-cancel-button{display:none}
.ya-promo{margin:4px 12px 4px;border-radius:14px;padding:12px 14px;background:linear-gradient(135deg,var(--k),var(--kd));color:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px}
.ya-promo b{display:block;font:700 13px Cairo,sans-serif}
.ya-promo small{display:block;font-size:10.5px;opacity:.85}
.ya-promo code{font:700 10.5px Geist,monospace;background:rgba(255,255,255,.16);border:1px dashed rgba(255,255,255,.55);border-radius:8px;padding:5px 8px;flex:none;direction:ltr}
.ya-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 12px}
.ya-pc{background:#fff;border-radius:14px;padding:6px 6px 8px;border:1px solid rgba(0,0,0,.04);display:flex;flex-direction:column}
.ya-pc .im{position:relative;aspect-ratio:1;border-radius:10px;background:#EEE var(--img) center/cover;cursor:pointer}
.ya-pc .off{position:absolute;top:6px;right:6px;background:#C8372D;color:#fff;font:700 9.5px Geist,sans-serif;font-style:normal;border-radius:6px;padding:2px 5px}
.ya .fav{position:absolute;top:5px;left:5px;width:26px;height:26px;border-radius:50%;border:0;background:rgba(255,255,255,.94);display:grid;place-items:center;cursor:pointer;padding:0}
.ya .fav svg{width:14px;height:14px;stroke:#131915}
.ya .fav.on svg{fill:#E0445A;stroke:#E0445A}
.ya-pc>b{font-size:11.5px;margin:6px 2px 0;line-height:1.35}
.ya-pc .rw{display:flex;align-items:flex-end;justify-content:space-between;margin:4px 2px 0;gap:4px}
.ya-pc .pr{font:700 11px/1.3 Geist,"IBM Plex Sans Arabic",sans-serif;color:var(--k)}
.ya-pc s{display:block;font:500 9.5px Geist,sans-serif;color:#9AA19C}
.ya-pc .ya-q button{width:25px;height:25px;font-size:15px}
.ya-pc.tip{justify-content:center;background:var(--kt);border:0;padding:14px 12px;gap:4px}
.ya-pc.tip b{margin:4px 0 0;color:var(--kd)}
.ya-pc.tip small{font-size:10px;color:var(--mt);line-height:1.45}
.ya-empty{display:none;text-align:center;color:var(--mt);padding:26px 12px;font-size:11.5px}
.ya-empty.on{display:block}
.pd-im{aspect-ratio:16/11;border-radius:14px;background:#EEE var(--img) center/cover}
.pd-t{margin-top:10px}
.pd-t b{display:block;font:700 15px Cairo,sans-serif}
.pd-t .pr{display:block;font:700 13px Geist,sans-serif;color:var(--k)}
.pd-t small{display:block;font-size:11px;color:var(--mt);line-height:1.55;margin-top:2px}
.pd-qt{display:flex;align-items:center;justify-content:space-between;margin-top:14px;font-weight:600}
/* company */
.co-nav{display:flex;align-items:center;gap:8px}
.co-nav .ya-lg{width:34px;height:34px;font-size:15px;border-radius:10px}
.co-nav .ya-nm{font-size:14px}
.co-h{font:700 19px/1.45 Cairo,sans-serif;margin:18px 0 4px}
.co-p{font-size:11px;opacity:.85;margin:0}
.co-bt{display:flex;gap:6px;margin-top:14px}
.co-bt button{border:0;border-radius:11px;padding:8px 12px;font-size:11.5px;font-weight:600;cursor:pointer;background:#fff;color:var(--kd)}
.co-bt .o{background:rgba(255,255,255,.14);color:#fff}
.ya-ac{background:#fff;border-radius:14px;border:1px solid rgba(0,0,0,.04);cursor:pointer;overflow:hidden}
.ya-ac+.ya-ac{margin-top:6px}
.ya-ac .ah{display:flex;align-items:center;gap:10px;padding:10px}
.ya-ac .ah b{display:block;font-size:12px}
.ya-ac .ah small{display:block;font-size:10.5px;color:var(--mt)}
.ya-ac .chev{margin-inline-start:auto;width:14px;height:14px;stroke:var(--mt);flex:none;transition:transform .3s}
.ya-ac .ab{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s}
.ya-ac .ab>div{overflow:hidden}
.ya-ac.on .ab{grid-template-rows:1fr}
.ya-ac.on .chev{transform:rotate(180deg)}
.ya-ac .ab p{margin:0;padding:0 12px 8px;font-size:11px;color:#4A534E;line-height:1.65}
.ya-ac .lnk{border:0;background:none;color:var(--k);font-weight:700;font-size:11px;padding:0 12px 12px;cursor:pointer}
.co-q{margin:10px 12px 0;border-radius:16px;padding:14px;background:var(--kt);color:var(--kd)}
.co-q p{margin:0;font:600 12px/1.7 Cairo,sans-serif}
.co-q small{display:block;margin-top:6px;font-size:10.5px;color:var(--mt)}
.ya-fl label{display:block;font-size:10.5px;color:var(--mt);margin:8px 0 4px}
.ya-fi{position:relative;height:38px;border:1px solid var(--ln);border-radius:11px;background:#FAFBFA;overflow:hidden;transition:border-color .2s}
.ya-fi .iw{position:absolute;inset:0 12px}
.ya-fi:focus-within{border-color:var(--k);background:#fff}
.ya-fi.err{border-color:#C8372D;animation:yaSh .35s}
@keyframes yaSh{25%{transform:translateX(3px)}75%{transform:translateX(-3px)}}
.ya-er{display:none;color:#C8372D;font-size:10px;margin-top:3px}
.ya-er.on{display:block}
.co-ft{display:flex;align-items:center;justify-content:center;gap:6px;margin:14px 12px 0;font-size:10.5px;color:var(--mt)}
.co-ft svg{width:13px;height:13px}
.ya-nav button{display:flex;width:100%;align-items:center;justify-content:space-between;border:0;border-bottom:1px solid var(--ln);background:none;padding:12px 2px;font-size:13px;font-weight:600;cursor:pointer}
.ya-nav svg{width:14px;height:14px;stroke:var(--mt);transform:rotate(90deg)}
/* clinic and salon */
.ya-doc{position:relative;z-index:2;margin:-24px 12px 0;background:#fff;border-radius:16px;padding:12px;display:flex;gap:10px;align-items:center;box-shadow:0 12px 26px -16px rgba(0,0,0,.4)}
.ya-av{width:50px;height:50px;border-radius:50%;background:var(--kt);color:var(--kd);display:grid;place-items:center;font:700 18px Cairo,sans-serif;flex:none;border:2px solid #fff;box-shadow:0 0 0 1.5px var(--k)}
.ya-doc b{display:block;font-size:13px}
.ya-doc small{display:block;font-size:10.5px;color:var(--mt)}
.ya-doc .rt{font:600 10.5px Geist,sans-serif;color:#B47E0E}
.ya-doc .rt small{display:inline;font-family:"IBM Plex Sans Arabic",sans-serif}
.ya-spc{display:flex;gap:12px}
.ya-spc button{flex:none;border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10.5px;cursor:pointer;padding:0}
.ya-spc i{width:44px;height:44px;border-radius:50%;background:#EEF0ED;display:grid;place-items:center;font:700 15px Cairo,sans-serif;font-style:normal;border:2px solid transparent;transition:border-color .2s,background .2s}
.ya-spc i svg{width:18px;height:18px}
.ya-spc button.on i{border-color:var(--k);background:var(--kt);color:var(--kd)}
.ya-spc button.on{font-weight:700}
.ya-am,.ya-why{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;text-align:center}
.ya-why{grid-template-columns:repeat(3,1fr)}
.ya-am>div,.ya-why>div{font-size:10px;color:#4A534E;line-height:1.35}
.ya-am .y-ic,.ya-why .y-ic{margin:0 auto 5px}
/* hotel rooms */
.ya-rm{display:flex;gap:10px;background:#fff;border-radius:14px;padding:8px;border:1.5px solid transparent;cursor:pointer;transition:border-color .2s,opacity .2s}
.ya-rm+.ya-rm{margin-top:8px}
.ya-rm .im{width:86px;min-height:92px;border-radius:10px;background:#EEE var(--img) center/cover;flex:none}
.ya-rm .tx{flex:1;min-width:0;display:flex;flex-direction:column}
.ya-rm b{font-size:12.5px}
.ya-rm small{font-size:10px;color:var(--mt);line-height:1.45}
.ya-rm .lf{font-size:9.5px;color:#C8372D;font-weight:600;min-height:14px}
.ya-rm .rw{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:6px}
.ya-rm .pr{font:700 12px Geist,sans-serif;color:var(--k);white-space:nowrap}
.ya-rm .pr small{font:500 9px "IBM Plex Sans Arabic",sans-serif}
.ya-rm .sel{font-size:10.5px;font-weight:600;border:1px solid var(--k);color:var(--k);border-radius:99px;padding:3px 10px;white-space:nowrap}
.ya-rm.on{border-color:var(--k)}
.ya-rm.on .sel{background:var(--k);color:#fff}
.ya-rm.dis{opacity:.45;cursor:not-allowed}
/* sheet */
.ya-ov{position:absolute;inset:0;z-index:9;background:rgba(8,12,10,.45);opacity:0;pointer-events:none;transition:opacity .3s}
.ya-ov.on{opacity:1;pointer-events:auto}
.ya-sh{position:absolute;left:0;right:0;bottom:0;z-index:10;max-height:88%;background:#fff;border-radius:22px 22px 0 0;display:flex;flex-direction:column;transform:translateY(105%);transition:transform .4s cubic-bezier(.2,.8,.2,1);box-shadow:0 -10px 30px rgba(0,0,0,.15)}
.ya-sh.on{transform:none}
.ya-sh .gr{display:block;width:36px;height:4px;border-radius:9px;background:#DADDDA;margin:8px auto 2px}
.sh-h{display:flex;align-items:center;justify-content:space-between;padding:4px 14px 8px}
.sh-h b{font:700 14px Cairo,sans-serif}
.sh-h .x{width:28px;height:28px;border-radius:50%;border:0;background:#F1F2F0;font:400 18px/1 Geist,sans-serif;cursor:pointer;padding:0}
.sh-b{flex:1;min-height:0;overflow-y:auto;padding:0 14px 10px;scrollbar-width:none;overscroll-behavior:contain}
.sh-f{padding:10px 14px 14px;border-top:1px solid var(--ln)}
.sh-f:empty{display:none}
.sh6{margin:14px 0 6px;font:700 12px Cairo,sans-serif}
.ya-ln{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--ln)}
.ya-ln>div:first-child{flex:1;min-width:0}
.ya-ln b{display:block;font-size:12px}
.ya-ln small{display:block;font-size:10px;color:var(--mt)}
.ya-ln .pr{font:700 11.5px Geist,sans-serif;color:var(--k)}
.ya-tot{margin-top:12px;display:flex;flex-direction:column;gap:4px}
.ya-tot div{display:flex;justify-content:space-between;font-size:11.5px;color:var(--mt)}
.ya-tot .dc{color:#1F8B4C}
.ya-tot div:last-child{font:700 13px Geist,Cairo,sans-serif;color:#131915;border-top:1px dashed var(--ln);padding-top:7px;margin-top:2px}
.ya-note{display:flex;gap:8px;align-items:center;background:var(--kt);color:var(--kd);border-radius:12px;padding:8px 10px;font-size:10.5px;margin-top:12px;line-height:1.5}
.ya-note svg{width:15px;height:15px;flex:none}
/* success */
.ya-ok{position:absolute;inset:0;z-index:12;background:#fff;overflow-y:auto;scrollbar-width:none;opacity:0;pointer-events:none;transform:scale(.98);transition:opacity .35s,transform .35s}
.ya-ok.on{opacity:1;pointer-events:auto;transform:none}
.ok-in{min-height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;padding:54px 16px 16px}
.ok-c{width:62px;height:62px;flex:none}
.ok-c circle{fill:var(--kt);stroke:var(--k);stroke-width:3;stroke-dasharray:214;stroke-dashoffset:214}
.ok-c path{fill:none;stroke:var(--k);stroke-width:4;stroke-dasharray:50;stroke-dashoffset:50}
.ya-ok.on .ok-c circle{animation:okD .6s .1s forwards}
.ya-ok.on .ok-c path{animation:okD .4s .55s forwards}
@keyframes okD{to{stroke-dashoffset:0}}
.ok-in>b{font:700 16px/1.45 Cairo,sans-serif;margin-top:12px}
.ok-in>p{margin:4px 0 0;font-size:11.5px;color:var(--mt)}
.ok-no{margin-top:12px;font:700 30px Geist,sans-serif;color:var(--k);letter-spacing:.02em}
.ya .ok-r{width:100%;margin:14px 0;background:#F5F6F4;border-radius:14px;padding:2px 12px;text-align:right}
.ya .ok-r div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;font-size:11px;border-bottom:1px solid var(--ln)}
.ya .ok-r div:last-child{border:0}
.ya .ok-r span{color:var(--mt);flex:none}
.ya .ok-r b{font-weight:600;text-align:left}
.sh-b .ok-r{margin:0}
.ok-in .ya-btn{margin-top:auto}
.ok-tr{width:100%;display:flex;margin-top:16px}
.ok-tr div{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:9.5px;color:var(--mt);position:relative;line-height:1.3}
.ok-tr div::before{content:"";position:absolute;top:6px;right:50%;width:100%;height:2px;background:var(--ln)}
.ok-tr div:first-child::before{display:none}
.ok-tr i{width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid var(--ln);position:relative;z-index:1}
.ok-tr .d,.ok-tr .n{color:#131915;font-weight:600}
.ok-tr .d i{background:var(--k);border-color:var(--k)}
.ok-tr .n::before{background:var(--k)}
.ok-tr .n i{border-color:var(--k);animation:okP 1.4s infinite}
@keyframes okP{50%{box-shadow:0 0 0 5px var(--kt)}}
/* toast */
.ya-tt{position:absolute;bottom:78px;left:50%;z-index:11;transform:translate(-50%,8px);background:#131915;color:#fff;border-radius:99px;padding:6px 14px;font-size:11px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}
.ya-tt.on{opacity:1;transform:translate(-50%,0)}
@media (prefers-reduced-motion:reduce){.ya-ph .bg2{animation:none;opacity:0}.ya *{scroll-behavior:auto}}

/* ===== hero E9 ===== */
@media (prefers-color-scheme:dark){.e9 :root:not([data-theme="light"]){color-scheme:light}}
.e9 :root[data-theme="dark"]{color-scheme:light}
.e9 *,.e9 *::before,.e9 *::after{box-sizing:inherit}
.e9{margin:0;min-height:100%;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.e9 .en{font-family:"Montagu Slab",Georgia,serif;direction:ltr;unicode-bidi:isolate}
.e9 .w>span{display:inline-block;opacity:0;transform:translateY(.45em);animation:wIn .9s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(.15s + var(--i)*.07s)}
@keyframes wIn{to{opacity:1;transform:none}}
.e9 .up{opacity:0;transform:translateY(12px);animation:wIn .9s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:var(--t,.6s)}
@media (prefers-reduced-motion:reduce){.e9 .w>span,.e9 .up{animation:none;opacity:1;transform:none}}
.e9 .ph{position:relative;width:var(--pw,300px);aspect-ratio:300/610;border-radius:calc(var(--pw,300px)*.15);background:#0B0D0C;padding:calc(var(--pw,300px)*.038);box-shadow:0 60px 120px -40px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.06) inset}
.e9 .ph::before{content:"";position:absolute;top:calc(var(--pw,300px)*.07);left:50%;transform:translateX(-50%);width:30%;height:calc(var(--pw,300px)*.08);background:#0B0D0C;border-radius:99px;z-index:4}
.e9 .scr{height:100%;border-radius:calc(var(--pw,300px)*.115);overflow:hidden;background:#FBF8F3;display:flex;flex-direction:column;color:#1E1712;font-family:"IBM Plex Sans Arabic",sans-serif}
.e9 .phd{flex:none;height:36%;position:relative;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.35) 45%,rgba(0,0,0,.8)),var(--img) center/cover;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:0 7% 6%}
.e9 .pnm{font:700 calc(var(--pw,300px)*.07)/1.25 Cairo,sans-serif}
.e9 .psb{font-size:calc(var(--pw,300px)*.04);opacity:.88}
.e9 .plg{position:relative;display:flex;margin-top:5%;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.25);border-radius:99px;padding:3px;backdrop-filter:blur(6px)}
.e9 .plg button{position:relative;z-index:1;flex:1;border:0;background:none;color:#fff;font:600 calc(var(--pw,300px)*.037) Cairo,"IBM Plex Sans Arabic",sans-serif;padding:5px 0;cursor:pointer;transition:color .35s}
.e9 .plg button.on{color:#1E1712}
.e9 .ind{position:absolute;top:3px;bottom:3px;width:calc((100% - 6px)/3);right:3px;border-radius:99px;background:#fff;transition:transform .55s cubic-bezier(.65,0,.35,1)}
.e9 .pls{flex:1;padding:5% 5% 0;display:flex;flex-direction:column;gap:3.2%;overflow:hidden}
.e9 .pi{display:flex;align-items:center;gap:4%;background:#fff;border-radius:14px;padding:2.4%;box-shadow:0 2px 12px rgba(40,25,10,.06);opacity:0;transform:translateY(14px);animation:piIn .7s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(1.1s + var(--d)*.12s)}
@keyframes piIn{to{opacity:1;transform:none}}
.e9 .pi img{width:19%;aspect-ratio:1;height:auto;border-radius:10px;object-fit:cover}
.e9 .pi .tx{flex:1;min-width:0}
.e9 .pi b{display:block;font-size:calc(var(--pw,300px)*.045);transition:opacity .25s}
.e9 .pp{font:600 calc(var(--pw,300px)*.04) Cairo,"IBM Plex Sans Arabic",sans-serif;color:#9A3D17}
.e9 .pp em{font-style:normal;transition:opacity .25s}
.e9 .pbar{flex:none;margin:5%;border-radius:14px;background:#1F8B4C;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;padding:4% 0;font:600 calc(var(--pw,300px)*.043) "IBM Plex Sans Arabic",sans-serif}
.e9 .pbar svg{width:calc(var(--pw,300px)*.055);height:auto}
.e9 .fade{opacity:0!important}
@media (prefers-reduced-motion:reduce){.e9 .pi{animation:none;opacity:1;transform:none}}
.e9 .pi.s{opacity:1;transform:none;animation:none}
.e9 .q{display:flex;align-items:center;gap:6px;flex:none}
.e9 .q button{width:calc(var(--pw,300px)*.072);height:calc(var(--pw,300px)*.072);border-radius:50%;border:0;padding:0;cursor:pointer;font:500 calc(var(--pw,300px)*.048)/1 Cairo,sans-serif;display:grid;place-items:center;position:relative}
.e9 .q button::after{content:"";position:absolute;inset:-8px}
.e9 .q .pl{background:#1E1712;color:#fff}
.e9 .q .mn{background:#EFE8DE;color:#1E1712}
.e9 .q .n{font:600 calc(var(--pw,300px)*.04) Cairo,sans-serif;min-width:10px;text-align:center}
.e9 .q:not(.has) .mn,.e9 .q:not(.has) .n{display:none}
.e9 .pi.s[data-id="0"] .pl{animation:ring 1.8s infinite}
.e9 .touched .pi.s[data-id="0"] .pl{animation:none}
@keyframes ring{0%{box-shadow:0 0 0 0 rgba(31,139,76,.55)}70%,100%{box-shadow:0 0 0 10px rgba(31,139,76,0)}}
.e9 .hint{position:absolute;z-index:6;top:calc(36% + var(--pw,300px)*.085);left:calc(var(--pw,300px)*-.2);background:#1F8B4C;color:#fff;font:600 calc(var(--pw,300px)*.042) "IBM Plex Sans Arabic",sans-serif;border-radius:12px;padding:7px 12px;box-shadow:0 12px 26px -10px rgba(31,139,76,.7);white-space:nowrap;transition:opacity .4s,transform .4s;animation:hb 2.4s ease-in-out infinite}
.e9 .hint::after{content:"";position:absolute;top:50%;right:-6px;width:12px;height:12px;background:#1F8B4C;transform:translateY(-50%) rotate(45deg);border-radius:2px}
@keyframes hb{50%{transform:translateX(-4px)}}
.e9 .touched .hint{opacity:0;transform:translateX(10px);pointer-events:none;animation:none}
.e9 .pbar{transition:background .3s}
.e9 .pbar.empty{background:#B9C4BE}
.e9 .pbar em{font-style:normal;font-family:Cairo,sans-serif;margin-inline-start:auto;opacity:.9}
.e9 .pbar{padding-inline:5%!important;justify-content:flex-start!important}
.e9 .paused .mesh i,.e9 .paused .cta::before,.e9 .paused .disp .soft,.e9 .paused .mq div,.e9 .paused .nav .wa i,.e9 .paused .pill b i{animation-play-state:paused!important}
@media (max-width:900px){.e9 .mesh i{filter:blur(44px)}
.e9 .mesh i:nth-child(3),.e9 .mesh i:nth-child(4){display:none}
.e9 .grain{display:none}
.e9 .spot{display:none}}
.e9 .pbar{cursor:pointer}
.e9 .pbar.empty{cursor:default}
.e9 .odone{position:absolute;inset:0;z-index:3;background:rgba(251,248,243,.97);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12%;opacity:0;pointer-events:none;transition:opacity .35s;border-radius:inherit}
.e9 .odone.on{opacity:1;pointer-events:auto}
.e9 .odone svg{width:30%;height:auto}
.e9 .odone circle{stroke:#1F8B4C;stroke-width:3;fill:none;stroke-dasharray:220;stroke-dashoffset:220}
.e9 .odone path{stroke:#1F8B4C;stroke-width:4;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60}
.e9 .odone.on circle{animation:odash .6s ease-out forwards}
.e9 .odone.on path{animation:odash .4s .5s ease-out forwards}
@keyframes odash{to{stroke-dashoffset:0}}
.e9 .odone b{font:800 calc(var(--pw,300px)*.062) Cairo,sans-serif;color:#0B3D2E;margin-top:6%}
.e9 .odone p{font-size:calc(var(--pw,300px)*.04);color:#6E7A73;margin:3% 0 0}
.e9 .odone ul{list-style:none;margin:6% 0 0;padding:4% 6%;width:100%;background:#fff;border-radius:14px;box-shadow:0 2px 12px rgba(40,25,10,.06);font-size:calc(var(--pw,300px)*.04);text-align:start}
.e9 .odone li{display:flex;justify-content:space-between;padding:3px 0;color:#3B342D}
.e9 .odone li.t{border-top:1px dashed #E6DED2;margin-top:4px;padding-top:6px;font-weight:700;color:#0B3D2E}
.e9 .ask{margin-top:7%;width:100%;background:linear-gradient(135deg,#0F6B51,#0B3D2E);border-radius:14px;padding:5% 5%;color:#fff;display:flex;flex-direction:column;gap:6px;align-items:center}
.e9 .ask span{font:700 calc(var(--pw,300px)*.047) Cairo,sans-serif}
.e9 .ask .go{color:#0B3D2E;background:#fff;text-decoration:none;border-radius:99px;padding:6px 14px;font:700 calc(var(--pw,300px)*.04) 'IBM Plex Sans Arabic',sans-serif}
.e9 .odone button{margin-top:5%;border:0!important;background:none!important;text-decoration:underline;color:#6E7A73;border:1px solid #D5DDD8;background:#fff;border-radius:99px;padding:6px 16px;font:600 calc(var(--pw,300px)*.04) "IBM Plex Sans Arabic",sans-serif;cursor:pointer}
.e9 .scr{position:relative}
.e9 .bdg{display:flex;align-items:center;gap:0;margin-top:8px}
.e9 .bdg>div{display:flex;align-items:center;gap:10px;padding-inline:18px;border-inline-start:1px solid rgba(11,61,46,.14)}
.e9 .bdg>div:first-child{padding-inline-start:0;border:0}
.e9 .bdg span{width:30px;height:30px;border-radius:9px;background:rgba(15,107,81,.09);color:#0F6B51;display:grid;place-items:center;flex:none}
.e9 .bdg span svg{width:16px;height:16px}
.e9 .bdg p{margin:0;line-height:1.35}
.e9 .bdg b{display:block;font:700 13.5px Cairo,sans-serif;color:#0B3D2E}
.e9 .bdg small{display:block;font-size:11px;color:#5F6B65}
@media (max-width:900px){.e9 .bdg{justify-content:center}
.e9 .bdg>div{flex-direction:column;gap:6px;padding-inline:12px;text-align:center}
.e9 .bdg b{font-size:12.5px}
.e9 .bdg small{font-size:10.5px}}
.e9 .car{display:none}
.e9 .pnm.typed{animation:pop .45s cubic-bezier(.2,.7,.2,1)}
@keyframes pop{40%{transform:scale(1.06)}}
.e9{background:#F6F8F4;color:#14120E;font-family:"IBM Plex Sans Arabic",sans-serif}
.e9 .mesh{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.e9 .mesh i{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:mv 18s ease-in-out infinite alternate}
.e9 .mesh i:nth-child(1){width:48vmax;height:48vmax;background:#BFE6D3;top:-20vmax;left:-12vmax}
.e9 .mesh i:nth-child(2){width:42vmax;height:42vmax;background:#D9EBCF;bottom:-18vmax;right:-10vmax;animation-duration:23s}
.e9 .mesh i:nth-child(3){width:26vmax;height:26vmax;background:#EFE3C4;top:28%;right:30%;animation-duration:27s;opacity:.45}
.e9 .mesh i:nth-child(4){width:22vmax;height:22vmax;background:#8FD3B4;top:8%;right:6%;animation-duration:31s;opacity:.35}
@keyframes mv{to{transform:translate(6vmax,4vmax) scale(1.12)}}
.e9 .grain{position:absolute;inset:0;pointer-events:none;opacity:.07;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.e9 .spot{position:fixed;left:0;top:0;width:620px;height:620px;margin:-310px 0 0 -310px;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,rgba(255,255,255,.75),rgba(255,255,255,0));mix-blend-mode:soft-light;opacity:0;transition:opacity .6s;z-index:1}
.e9 .spot.on{opacity:1}
.e9 .nav{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;max-width:1220px;margin:0 auto;padding:20px 24px}
.e9 .nav .en{font-size:19px}
.e9 .nav .lk{display:flex;gap:26px;font-size:14px;color:#5B564D}
.e9 .nav .lk a{color:inherit;text-decoration:none}
.e9 .navr{font-size:13px;color:#56625C}
.e9 .nav .wa{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#14120E;font-weight:600;font-size:14px;background:rgba(255,255,255,.72);border:1px solid rgba(20,18,14,.08);backdrop-filter:blur(10px);border-radius:99px;padding:9px 16px}
.e9 .nav .wa svg{width:17px;color:#1F8B4C}
.e9 .nav .wa i{width:7px;height:7px;border-radius:50%;background:#1F8B4C;animation:pl 2s infinite}
@keyframes pl{0%{box-shadow:0 0 0 0 rgba(31,139,76,.5)}80%,100%{box-shadow:0 0 0 7px rgba(31,139,76,0)}}
@media (max-width:900px){.e9 .nav .lk{display:none}}
.e9 .hero{position:relative;z-index:2;max-width:1220px;margin:0 auto;padding:10px 24px 40px;min-height:calc(100vh - 150px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}
.e9 .pill{white-space:nowrap;font-size:13px;line-height:1.4;font-weight:400;margin-top:0;display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.8);border:1px solid rgba(20,18,14,.07);border-radius:99px;padding:5px 14px 5px 5px;font-size:13px;color:#4A463E;box-shadow:0 10px 30px -18px rgba(0,0,0,.3);margin-bottom:26px;backdrop-filter:blur(8px)}
.e9 .pill b{display:inline-flex;align-items:center;gap:6px;background:#14120E;color:#fff;border-radius:99px;padding:4px 10px;font-size:11.5px;font-weight:600}
.e9 .pill b i{width:6px;height:6px;border-radius:50%;background:#6FE3A5;animation:pl 2s infinite}
.e9 .disp{font:800 clamp(31px,8.2vw,62px)/1.4 Cairo,sans-serif;margin:0 0 18px;letter-spacing:0;white-space:nowrap}
.e9 .disp .soft{display:block;font:800 1em/1.35 Cairo,sans-serif;background:linear-gradient(90deg,#0B3D2E 0%,#1F8B4C 40%,#B8975A 60%,#0B3D2E 95%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:wIn .9s .55s cubic-bezier(.2,.7,.2,1) forwards,tg 8s ease-in-out infinite}
@keyframes tg{50%{background-position:100% 0}}
.e9 .sub{font-size:17.5px;line-height:1.85;color:#5B564D;margin:0 0 32px;max-width:24em}
@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}
.e9 .cta{position:relative;display:inline-flex;align-items:center;gap:10px;background:#14120E;color:#fff;text-decoration:none;border-radius:16px;padding:17px 26px;font:600 15.5px "IBM Plex Sans Arabic";box-shadow:0 22px 44px -22px rgba(0,0,0,.65);transition:transform .25s;isolation:isolate}
.e9 .cta::before{content:"";position:absolute;inset:-1.5px;border-radius:17px;background:conic-gradient(from var(--a),transparent 0 70%,#6FE3A5 80%,#D8BE84 88%,transparent 95%);z-index:-1;animation:spin 3.5s linear infinite}
.e9 .cta::after{content:"";position:absolute;inset:0;border-radius:16px;background:#14120E;z-index:-1}
@keyframes spin{to{--a:360deg}}
.e9 .cta:hover{transform:translateY(-2px)}
.e9 .cta svg{width:19px;color:#6FE3A5}
.e9 .sec{font-size:14.5px;color:#14120E;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-weight:600}
.e9 .sec span{transition:transform .25s}
.e9 .sec:hover span{transform:translateX(-4px)}
.e9 .stage{position:relative;justify-self:center;--pw:300px;perspective:1200px}
.e9 .tilt{transition:transform .5s cubic-bezier(.2,.7,.2,1);transform-style:preserve-3d}
.e9 .stage .ph{opacity:0;transform:translateY(40px);animation:wIn 1.1s .3s cubic-bezier(.16,1,.3,1) forwards}
.e9 .stage .ph::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.18),transparent 30%);z-index:5}
.e9 .cards{position:absolute;inset:0;pointer-events:none}
.e9 .nt{position:absolute;z-index:7;display:flex;gap:10px;align-items:center;width:262px;background:rgba(255,255,255,.86);backdrop-filter:blur(18px) saturate(1.4);border:1px solid rgba(255,255,255,.9);border-radius:20px;padding:12px;box-shadow:0 30px 60px -30px rgba(20,18,14,.4),0 1px 0 rgba(20,18,14,.04);transition:opacity .5s,transform .6s cubic-bezier(.16,1,.3,1)}
.e9 .nt.out{opacity:0;transform:translateY(-10px) scale(.97)}
.e9 .nt.pre{opacity:0;transform:translateY(14px) scale(.97);transition:none}
.e9 .nt .ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none;color:#fff}
.e9 .nt .ic svg{width:20px;height:20px}
.e9 .nt .tx{flex:1;min-width:0}
.e9 .nt b{display:flex;justify-content:space-between;font-size:13px;gap:8px}
.e9 .nt b time{font:500 11px Cairo,sans-serif;color:#77736A;font-weight:500}
.e9 .nt small{display:block;font-size:12px;color:#6A655C;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.e9 .s1{top:9%;right:-66%}
.e9 .s2{top:50%;left:-56%}
.e9 .s3{bottom:9%;right:-60%}
.e9 .wg{position:absolute;z-index:7;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.9);border-radius:20px;padding:14px 16px;box-shadow:0 30px 60px -30px rgba(20,18,14,.4);opacity:0;animation:wIn .9s 1.4s cubic-bezier(.16,1,.3,1) forwards}
.e9 .wg small{display:block;font-size:11.5px;color:#7A756B}
.e9 .wg b{display:flex;align-items:baseline;gap:8px;font:600 28px Cairo,Cairo,sans-serif;color:#0B3D2E}
.e9 .wg b em{font-style:normal;font-size:12px;color:#1F8B4C;font-weight:600}
.e9 .w1{top:4%;left:-40%;width:190px}
.e9 .w1 svg{width:100%;height:46px;margin-top:6px}
.e9 .w1 path.l{fill:none;stroke:#0F6B51;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:300;stroke-dashoffset:300;animation:draw 2s 1.8s cubic-bezier(.65,0,.35,1) forwards}
.e9 .w1 path.f{opacity:0;animation:wIn 1s 3s forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.e9 .roll{display:inline-block;transition:transform .45s cubic-bezier(.2,.7,.2,1),opacity .45s}
.e9 .roll.up{transform:translateY(-60%);opacity:0}
.e9 .cap{position:absolute;bottom:-40px;left:0;right:0;text-align:center;font-size:11.5px;color:#77736A}
.e9 .band{position:relative;z-index:2;max-width:1220px;margin:0 auto;padding:0 24px 34px;display:flex;align-items:center;gap:22px;overflow:hidden}
.e9 .band>span{flex:none;font-size:12.5px;color:#77736A}
.e9 .mq{flex:1;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.e9 .mq div{display:inline-flex;gap:34px;white-space:nowrap;animation:mq 30s linear infinite;padding-inline-start:34px}
.e9 .mq b{font:600 15px Cairo,sans-serif;color:#869490;display:inline-flex;align-items:center;gap:8px}
.e9 .mq b svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}
@keyframes mq{to{transform:translateX(50%)}}
@media (max-width:1100px){.e9 .s1{right:-44%}
.e9 .s2{left:-48%}
.e9 .s3{right:-40%}
.e9 .w1{left:-34%}}
@media (max-width:900px){.e9 .hero{grid-template-columns:1fr;min-height:auto;text-align:center;gap:36px;padding-top:0}
.e9 .pill{margin-bottom:18px}
.e9 .disp{font-size:clamp(28px,8.2vw,40px)}
.e9 .sub{margin-inline:auto;font-size:15.5px;margin-bottom:22px}
.e9 .stage{--pw:min(250px,64vw);margin-top:56px}
.e9 .nt{width:238px;padding:10px}
.e9 .s2,.e9 .s3,.e9 .w1{display:none}
.e9 .s1{top:-58px;right:50%;transform:translateX(50%)}
.e9 .s1.out{transform:translate(50%,-10px) scale(.97)}
.e9 .s1.pre{transform:translate(50%,14px) scale(.97)}
.e9 .band{padding-bottom:26px}
.e9 .band>span{display:none}
.e9 .cap{bottom:-34px}}
@media (prefers-reduced-motion:reduce){.e9 .mesh i,.e9 .mq div,.e9 .cta::before,.e9 .disp .soft{animation:none}}
.e9 /* spacing rhythm */
.hero{padding-top:34px}
.e9 .pill{margin-bottom:34px}
.e9 .disp{margin-bottom:26px}
.e9 .sub{margin-bottom:40px}
.e9 .bdg>div{padding-inline:26px}
.e9 .bdg small{font-size:10px}
@media (max-width:900px){.e9 .hero{padding-top:28px}
.e9 .pill{margin-bottom:28px;font-size:12px}
.e9 .pill b{white-space:nowrap}
.e9 .disp{margin-bottom:20px;line-height:1.45}
.e9 .sub{margin-bottom:34px}
.e9 .bdg>div{padding-inline:18px}
.e9 .bdg small{font-size:9.5px}
.e9 .bdg b{font-size:12px}
.e9 .stage{margin-top:70px}}




.e9{position:relative;overflow:hidden;isolation:isolate;min-height:100vh;background:#F6F8F4;color:#14120E;font-family:"IBM Plex Sans Arabic",sans-serif;line-height:1.5}
.e9 .hero{background:none;color:inherit}
.e9 .hero::before,.e9 .hero::after{display:none}
.e9 .stage{background:none;border:0;border-radius:0;box-shadow:none;padding:0}
.e9 .band{background:none;color:inherit;border:0;padding-top:0;white-space:normal}
.e9 .cap{display:block;margin:0}
.e9 .nav{position:relative}


.hq{display:none}
.hq .hq-d{display:none}
@media (min-width:901px){.e9 .cards,.e9 .cap{display:none!important}
.hq{display:block;position:absolute;z-index:6;left:-96px;bottom:64px;width:118px;background:#fff;border-radius:18px;padding:12px 12px 10px;text-align:center;box-shadow:0 30px 60px -30px rgba(20,18,14,.45),0 0 0 1px rgba(0,0,0,.05);opacity:0;animation:wIn .9s 1.6s cubic-bezier(.16,1,.3,1) forwards}
.hq svg{display:block;width:94px;height:94px;margin:0 auto;fill:#0E3B2E}
.hq span{display:none}
.hq .hq-d{display:block;margin-top:8px;font:700 12px/1.2 "IBM Plex Sans Arabic",sans-serif;color:#0B3D2E}}
@media (min-width:901px) and (max-width:1180px){.e9 .stage{--pw:270px;left:70px}.hq{left:-78px;bottom:56px;width:106px}.hq svg{width:82px;height:82px}}
@media (max-width:900px){.stage{position:relative}.tilt{position:relative}.hq{display:block;position:absolute;z-index:6;left:-58px;bottom:26px;width:74px;background:#fff;border-radius:14px;padding:8px 8px 6px;text-align:center;box-shadow:0 16px 30px -14px rgba(0,0,0,.4),0 0 0 1px rgba(0,0,0,.05)}
.hq svg{display:block;width:58px;height:58px;margin:0 auto;fill:#0E3B2E}
.hq span{display:block;margin-top:4px;font:700 9.5px/1 "IBM Plex Sans Arabic",sans-serif;color:#44524C;letter-spacing:.02em;direction:ltr}}
.nav{visibility:hidden}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 84px)}
.hb{position:fixed;z-index:60;top:calc(env(safe-area-inset-top,0px) + 12px);left:50%;width:min(1120px,calc(100% - 24px));display:flex;align-items:center;gap:14px;padding:7px 7px 7px 14px;padding-inline-start:8px;border-radius:99px;background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);border:1px solid rgba(15,107,81,.1);box-shadow:0 10px 30px -22px rgba(11,61,46,.5);opacity:0;transform:translate(-50%,-24px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1),background .4s,box-shadow .4s,border-color .4s}
.hb.in{opacity:1;transform:translate(-50%,0)}
.hb.sc{background:rgba(255,255,255,.84);border-color:rgba(15,107,81,.14);box-shadow:0 18px 44px -22px rgba(11,61,46,.55)}
.hb-b{display:flex;align-items:center;gap:10px;text-decoration:none;flex:none}
.hb-m{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#15523F,#0B3D2E);color:#E9D2A0;font:400 18px/1 "Montagu Slab",Georgia,serif;box-shadow:inset 0 0 0 1px rgba(233,210,160,.35)}
.hb-n{font:400 17px/1 "Montagu Slab",Georgia,serif;color:#0E3B2E;direction:ltr;white-space:nowrap}
.hb-l{position:relative;display:flex;gap:2px;margin-inline-start:auto;margin-inline-end:auto}
.hb-l a{position:relative;z-index:1;padding:9px 15px;border-radius:99px;text-decoration:none;font:600 14px Cairo,sans-serif;color:#4E5B55;transition:color .3s}
.hb-l a:hover{color:#0E3B2E}
.hb-l a.cur{color:#0E3B2E}
.hb-i{position:absolute;top:0;bottom:0;left:0;width:0;border-radius:99px;background:rgba(15,107,81,.1);opacity:0;transition:transform .45s cubic-bezier(.2,.8,.2,1),width .45s cubic-bezier(.2,.8,.2,1),opacity .3s}
.hb a:focus-visible{outline:2px solid #0F6B51;outline-offset:2px}
@media (max-width:900px){.hb-l{display:none}.hb{justify-content:space-between;padding:6px;padding-inline-start:6px;top:calc(env(safe-area-inset-top,0px) + 10px);width:calc(100% - 20px)}.hb-m{width:32px;height:32px;font-size:16px}.hb-n{font-size:15px}html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 70px)}}
@media (prefers-reduced-motion:reduce){.hb{transition:none}.hb-i{transition:none}}
.fs-ey{display:inline-flex;align-items:center;gap:8px;font:600 13px Cairo,sans-serif;color:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.14);border-radius:99px;padding:6px 14px}
.fs-ey i{width:7px;height:7px;border-radius:50%;background:#6FE3A5;box-shadow:0 0 0 0 rgba(111,227,165,.6);animation:fsPl 2.2s infinite}
@keyframes fsPl{70%{box-shadow:0 0 0 8px rgba(111,227,165,0)}100%{box-shadow:0 0 0 0 rgba(111,227,165,0)}}
.fs .fs-sig{margin-top:30px}
.fs-wa{display:inline-flex;align-items:center;gap:10px;margin-top:34px;padding:14px 26px;border-radius:99px;background:#fff;color:#0B3D2E;text-decoration:none;font:800 16px Cairo,sans-serif;box-shadow:0 20px 40px -20px rgba(0,0,0,.6);transition:transform .25s,box-shadow .25s}
.fs-wa svg{width:22px;height:22px;color:#1F8B4C}
.fs-wa:hover{transform:translateY(-2px);box-shadow:0 26px 50px -22px rgba(0,0,0,.7)}
.fs-wa:focus-visible,.fs-up:focus-visible{outline:2px solid #6FE3A5;outline-offset:3px}
.fs .fs-bot{flex-direction:row;justify-content:space-between;text-align:start}
.fs-en{font-family:"Montagu Slab",Georgia,serif;direction:ltr;unicode-bidi:isolate}
.fs-up{display:inline-flex;align-items:center;gap:6px;color:rgba(255,255,255,.7);text-decoration:none;font-weight:600;transition:color .25s}
.fs-up svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.fs-up:hover{color:#fff}.fs-up:hover svg{transform:translateY(-3px)}
@media (max-width:600px){.fs .fs-bot{flex-direction:column-reverse;justify-content:center;text-align:center;gap:14px}.fs-wa{font-size:15px;padding:13px 22px}}
.hb{background:rgba(11,52,40,.82);border:1px solid rgba(233,210,160,.18);box-shadow:0 16px 40px -22px rgba(6,30,23,.75),inset 0 1px 0 rgba(255,255,255,.08)}
.hb.sc{background:rgba(10,46,36,.9);border-color:rgba(233,210,160,.22);box-shadow:0 20px 48px -22px rgba(6,30,23,.8),inset 0 1px 0 rgba(255,255,255,.08)}
.hb-m{background:linear-gradient(145deg,#F1DDAE,#B98A45);color:#0B3D2E;box-shadow:0 0 0 3px rgba(233,210,160,.14)}
.hb-n{color:#F4EAD3}
.hb-l a{color:rgba(255,255,255,.68)}
.hb-l a:hover,.hb-l a.cur{color:#fff}
.hb-i{background:rgba(255,255,255,.12)}
.hb a:focus-visible{outline-color:#E9D2A0}
.hb-g{flex:none;display:inline-flex;align-items:center;gap:9px;padding:8px 16px 8px 12px;border-radius:99px;border:1px solid rgba(233,210,160,.22);background:rgba(255,255,255,.05);font:600 13.5px Cairo,sans-serif;color:#E9D2A0;white-space:nowrap}
.hb-g svg{width:20px;height:20px;fill:none;stroke:#6FE3A5;stroke-width:1.4}
.hb-g .lt{stroke-opacity:.5}
.hb-g .m1,.hb-g .m2{transform-origin:12px 12px;transform-box:view-box;animation:hbSpin 6s linear infinite}
.hb-g .m2{animation-delay:-3s}
@keyframes hbSpin{0%{transform:scaleX(1)}25%{transform:scaleX(0)}50%{transform:scaleX(-1)}75%{transform:scaleX(0)}100%{transform:scaleX(1)}}
@media (max-width:900px){.hb-g{padding:7px 12px 7px 10px;font-size:12px;gap:7px}.hb-g svg{width:18px;height:18px}}
@media (max-width:360px){.hb-n{display:none}}
@media (prefers-reduced-motion:reduce){.hb-g .m1,.hb-g .m2{animation:none}}
@media (min-width:901px){.hb{top:0;width:100%;border-radius:0;border:0;border-bottom:1px solid rgba(233,210,160,.16);padding:12px max(24px,calc((100% - 1120px)/2 + 8px));background:rgba(11,52,40,.94);box-shadow:0 10px 30px -20px rgba(6,30,23,.6)}.hb.sc{background:rgba(10,46,36,.96);border-color:transparent;border-bottom:1px solid rgba(233,210,160,.18)}}
.fs .fs-wa{margin-top:26px;gap:7px;padding:7px 15px 7px 13px;background:transparent;border:1px solid rgba(233,210,160,.28);color:#E9D2A0;font:600 13px Cairo,sans-serif;box-shadow:none}
.fs .fs-wa svg{width:15px;height:15px;color:#6FE3A5}
.fs .fs-wa:hover{transform:none;background:rgba(233,210,160,.08);border-color:rgba(233,210,160,.5);box-shadow:none}
@media (max-width:600px){.fs .fs-wa{font-size:12.5px;padding:7px 14px 7px 12px}}
/*SXCSS*/#services{--deep:#0B3D2E;--jade:#0F6B51;--gold:#A0782E;--mt:#66736C;--ln:rgba(11,61,46,.12);font-family:"IBM Plex Sans Arabic",system-ui,sans-serif;color:#14201B}
#services.sx-sv{position:relative;padding:90px 0 96px;background:linear-gradient(180deg,#F4F6F2 0%,#EAF1EC 55%,#F4F6F2 100%);overflow:hidden}
#services.sx-sv::before{content:"";position:absolute;width:760px;height:760px;right:-260px;top:-200px;border-radius:50%;background:radial-gradient(circle,rgba(111,227,165,.22),transparent 65%);pointer-events:none}
#services.sx-sv::after{content:"";position:absolute;width:640px;height:640px;left:-240px;bottom:-240px;border-radius:50%;background:radial-gradient(circle,rgba(216,190,132,.22),transparent 65%);pointer-events:none}
#services .sx-wrap{position:relative;z-index:1;max-width:1120px;margin:0 auto;padding:0 28px}
#services .sx-hd{text-align:center;margin-bottom:56px}
#services .sx-pill{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--ln);border-radius:99px;padding:4px 14px 4px 4px;font-size:13px;color:#4A5751;box-shadow:0 10px 24px -18px rgba(11,61,46,.5)}
#services .sx-pill b{display:inline-flex;align-items:center;gap:7px;background:#131915;color:#fff;border-radius:99px;padding:5px 12px;font:700 12.5px Cairo,sans-serif}
#services .sx-pill b i{width:6px;height:6px;border-radius:50%;background:#6FE3A5}
#services .sx-hd h2{margin:22px 0 12px;font:800 clamp(32px,5.2vw,62px)/1.3 Cairo,sans-serif;color:#131915}
#services .sx-hd h2 span{display:block;background:linear-gradient(90deg,#1F7A4E,#3E9A6A 45%,#B48A45);-webkit-background-clip:text;background-clip:text;color:transparent}
#services .sx-hd p{margin:0 auto;max-width:560px;font-size:16px;line-height:1.85;color:var(--mt)}
#services .sx-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:start}
#services .sx-ls{border-top:1px solid var(--ln)}
#services .sx-it{border-bottom:1px solid var(--ln)}
#services .sx-tg{width:100%;display:flex;align-items:center;gap:18px;background:none;border:0;padding:18px 4px;cursor:pointer;text-align:right;color:inherit;font:inherit}
#services .sx-tg:focus-visible{outline:2px solid var(--jade);outline-offset:4px;border-radius:10px}
#services .sx-tx{flex:1;min-width:0}
#services .sx-tt{position:relative;display:block;font:800 clamp(24px,3.2vw,38px)/1.35 Cairo,sans-serif;color:#1C2723;transition:color .35s,opacity .35s}
#services .sx-tt span{position:absolute;inset:0;background:linear-gradient(90deg,#1F7A4E,#3E9A6A 45%,#B48A45);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:0;transition:opacity .4s}
#services .sx-it.sx-on .sx-tt{color:transparent}
#services .sx-it.sx-on .sx-tt span{opacity:1}
#services .sx-fr{display:block;margin-top:2px;font-size:13.5px;color:var(--mt)}
#services .sx-ar{width:46px;height:46px;border-radius:50%;border:1px solid var(--ln);background:#fff;display:grid;place-items:center;flex:none;transition:transform .45s cubic-bezier(.2,.8,.2,1),background .3s,border-color .3s}
#services .sx-ar svg{width:18px;height:18px;fill:none;stroke:var(--deep);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#services .sx-it.sx-on .sx-ar{background:var(--deep);border-color:var(--deep)}
#services .sx-it.sx-on .sx-ar svg{stroke:#fff}
@media (hover:hover){#services .sx-ls:hover .sx-it:not(:hover):not(.sx-on) .sx-tt{opacity:.45}
#services .sx-it:hover .sx-ar{transform:translateX(-4px)}
}
#services /* stage */
.sx-stg{position:sticky;top:24px}
#services .sx-cd{background:rgba(255,255,255,.78);border:1px solid rgba(15,107,81,.12);border-radius:30px;padding:22px;backdrop-filter:blur(14px);box-shadow:0 40px 80px -56px rgba(11,61,46,.7)}
#services .sx-pn{display:none}
#services .sx-stg .sx-pn.sx-on{display:block;animation:sxpnIn .55s cubic-bezier(.2,.8,.2,1)}
@keyframes sxpnIn{from{opacity:0;transform:translateY(10px)}}
#services .sx-vz{position:relative;height:220px;border-radius:20px;background:linear-gradient(160deg,#EEF4F0,#E3ECE6);display:grid;place-items:center;overflow:hidden}
#services .sx-pn h3{margin:20px 4px 6px;font:800 20px Cairo,sans-serif;color:var(--deep)}
#services .sx-pn .sx-ex{margin:0 4px;font-size:15px;line-height:1.85;color:#3D4944}
#services .sx-lbl{margin:18px 4px 8px;font:700 12.5px Cairo,sans-serif;color:var(--mt)}
#services .sx-fo{display:flex;flex-wrap:wrap;gap:6px;margin:0 4px}
#services .sx-fo span{font-size:12.5px;font-weight:600;color:var(--deep);background:rgba(15,107,81,.08);border-radius:99px;padding:4px 11px}
#services .sx-gt{list-style:none;margin:0 4px;padding:0;display:grid;gap:8px}
#services .sx-gt li{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:#2A3530}
#services .sx-gt li::before{content:"";width:18px;height:18px;flex:none;margin-top:2px;border-radius:50%;background:#1F8B4C url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
#services /* inline panel (mobile) */
.sx-ip{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s cubic-bezier(.2,.8,.2,1)}
#services .sx-ip>div{overflow:hidden}
#services .sx-it.sx-on .sx-ip{grid-template-rows:1fr}
#services .sx-ip .sx-pn{display:block;padding:0 0 22px}
#services /* extras */
.sx-xt{margin-top:56px;text-align:center}
#services .sx-xt h4{margin:0 0 16px;font:700 15px Cairo,sans-serif;color:var(--mt)}
#services .sx-xc{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
#services .sx-xc span{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--ln);border-radius:99px;padding:8px 14px 8px 12px;font-size:14px;color:#24302B;box-shadow:0 10px 24px -20px rgba(11,61,46,.6)}
#services .sx-xc svg{width:18px;height:18px;fill:none;stroke:var(--jade);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media (min-width:901px){#services .sx-ip{display:none}
}
@media (min-width:901px){
#services .sx-grid{display:block}
#services .sx-ls{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;border:1px solid rgba(15,107,81,.12);background:rgba(255,255,255,.7);backdrop-filter:blur(14px);border-radius:24px;padding:6px;box-shadow:0 24px 50px -40px rgba(11,61,46,.6)}
#services .sx-it{border:0}
#services .sx-tg{flex-direction:column;justify-content:center;gap:4px;height:100%;padding:14px 8px;border-radius:18px;text-align:center;transition:background .3s}
#services .sx-tt{font:800 15.5px/1.3 Cairo,sans-serif;white-space:nowrap}
#services .sx-fr{display:none}
#services .sx-xc{flex-wrap:nowrap;gap:8px}
#services .sx-xc span{white-space:nowrap;font-size:13px;padding:7px 11px 7px 9px}
#services .sx-ar{display:none}
#services .sx-ls:hover .sx-it:not(:hover):not(.sx-on) .sx-tt{opacity:1}
#services .sx-it:not(.sx-on) .sx-tg:hover{background:rgba(15,107,81,.07)}
#services .sx-it.sx-on .sx-tg{background:linear-gradient(145deg,#15523F,#0B3D2E);box-shadow:0 14px 28px -16px rgba(11,61,46,.8)}
#services .sx-it.sx-on .sx-tt{color:#fff}
#services .sx-it.sx-on .sx-tt span{opacity:0}
#services .sx-it.sx-on .sx-fr{color:rgba(255,255,255,.72)}
#services .sx-stg{position:static;margin-top:20px}
#services .sx-cd{padding:26px;border-radius:32px}
#services .sx-stg .sx-pn{position:relative;min-height:340px;padding-left:calc(50% + 22px)}
#services .sx-stg .sx-pn>.sx-vz{position:absolute;left:0;top:50%;transform:translateY(-50%);width:calc(50% - 22px);height:340px;border-radius:24px}
#services .sx-stg .sx-pn h3{margin-top:4px;font-size:30px;line-height:1.35}
}
@media (min-width:901px){
#services .sx-wrap,#yours .wrap,#google .wrap{max-width:1300px}
#yours .yz,#google .gx{max-width:1244px}
#yours .yz{grid-template-columns:1fr 380px;gap:64px;padding:48px 56px}
#google .gx{grid-template-columns:360px minmax(0,1fr);column-gap:64px;padding:44px 56px}
#services .sx-tt{font-size:17px}
#services .sx-tg{padding:17px 8px}
#services .sx-cd{padding:32px}
#services .sx-stg .sx-pn{min-height:400px;padding-left:calc(50% + 32px)}
#services .sx-stg .sx-pn>.sx-vz{width:calc(50% - 32px);height:400px}
#services .sx-stg .sx-pn h3{font-size:34px}
#services .sx-pn .sx-ex{font-size:16px}
#services .sx-gt li{font-size:15px}
}
@media (min-width:901px){
.fs .fs-cr{border-bottom:0;padding:0;padding-inline-start:12px}
.fs-cr summary{display:inline;padding:0}
.fs-cr summary::after{content:none;display:none}
.fs .fs-sig{width:min(100%,780px)}
.fs-sig .t{padding:0 .4em}
#faq .fq-e{display:inline-flex;align-items:center;gap:8px;background:#131915;color:#fff;font:700 12.5px Cairo,sans-serif;padding:6px 14px;box-shadow:0 10px 24px -18px rgba(11,61,46,.5)}
#faq .fq-e::before{content:"";width:6px;height:6px;border-radius:50%;background:#6FE3A5}
#faq .fq-h h2{margin-top:22px;font-size:clamp(34px,4vw,50px)}
#yours{padding-bottom:64px}
#google{padding-top:64px}
#faq.fq{padding-top:72px;padding-bottom:72px}
.fs{margin-top:0}
}
@media (max-width:900px){.fs .fs-cr{border:0;padding:0;margin:0}.fs-cr summary{display:inline;padding:0}.fs-cr summary::after{content:none;display:none}}
@media (max-width:900px){#services.sx-sv{padding:64px 0 64px}
#services .sx-wrap{padding:0 18px}
#services .sx-hd{margin-bottom:34px}
#services .sx-hd p{font-size:15px}
#services .sx-grid{display:block}
#services .sx-stg{display:none}
#services .sx-tg{padding:18px 2px;gap:14px}
#services .sx-ar{width:40px;height:40px}
#services .sx-it.sx-on .sx-ar{transform:rotate(-90deg)}
#services .sx-vz{height:200px}
#services .sx-xt{margin-top:40px}
#services .sx-xc span{font-size:13px;padding:7px 12px 7px 10px}
}
#services .sx-idc{position:absolute;inset:0}
#services .sx-idx{position:absolute;inset:0;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;opacity:0;transition:opacity .6s}
#services .sx-idx.sx-cur{opacity:1}
#services .sx-idk{position:absolute;top:12px;right:14px;font:700 11.5px Cairo,sans-serif;color:var(--tg);letter-spacing:.02em}
#services .sx-idm{width:92px;height:92px}
#services .sx-idm .sx-d{fill:transparent;stroke:var(--mk);stroke-width:2.2;stroke-dasharray:1;stroke-dashoffset:1;stroke-linejoin:round}
#services .sx-idm .sx-k{fill:none;stroke:var(--mk);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}
#services .sx-idm .sx-c{fill:var(--bg);opacity:0}
#services .sx-idm .sx-ck{fill:none;stroke:var(--bg);stroke-width:7;stroke-linecap:round}
#services .sx-on .sx-idx.sx-cur .sx-d{animation:sxidDraw 1s ease forwards .15s,sxidFill .45s ease forwards 1.05s}
#services .sx-on .sx-idx.sx-cur .sx-k{animation:sxidDraw 1s ease forwards .15s,sxidStroke .45s ease forwards 1.05s}
#services .sx-on .sx-idx.sx-cur .sx-c{transition:opacity .4s 1.3s;opacity:1}
@keyframes sxidDraw{to{stroke-dashoffset:0}}
@keyframes sxidFill{to{stroke-dashoffset:0;fill:var(--mk);stroke:var(--fs,var(--mk));stroke-width:var(--fw,2.2)}}
@keyframes sxidStroke{to{stroke-dashoffset:0;stroke-width:var(--fw,2.2)}}
#services .sx-idw{font:800 24px/1 Cairo,sans-serif;color:var(--nm);text-align:center;opacity:0;transform:translateY(6px)}
#services .sx-idw small{display:block;margin-top:6px;font:600 8.5px "IBM Plex Sans Arabic",sans-serif;letter-spacing:.34em;color:var(--tg)}
#services .sx-ids{display:flex;gap:6px;margin-top:4px}
#services .sx-ids i{width:17px;height:17px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.14),0 0 0 1.5px rgba(255,255,255,.35);transform:scale(0)}
#services .sx-on .sx-idx.sx-cur .sx-idw{opacity:1;transform:none;transition:all .45s 1.35s}
#services .sx-on .sx-idx.sx-cur .sx-ids i{transform:scale(1);transition:transform .35s cubic-bezier(.3,1.5,.5,1)}
#services .sx-on .sx-idx.sx-cur .sx-ids i:nth-child(1){transition-delay:1.6s}
#services .sx-on .sx-idx.sx-cur .sx-ids i:nth-child(2){transition-delay:1.7s}
#services .sx-on .sx-idx.sx-cur .sx-ids i:nth-child(3){transition-delay:1.8s}
#services .sx-on .sx-idx.sx-cur .sx-ids i:nth-child(4){transition-delay:1.9s}
#services .sx-idd{position:absolute;bottom:12px;left:14px;display:flex;gap:2px;z-index:2}
#services .sx-idd button{width:22px;height:22px;border:0;background:none;padding:0;cursor:pointer;display:grid;place-items:center}
#services .sx-idd button::after{content:"";width:7px;height:7px;border-radius:99px;background:rgba(128,128,128,.45);transition:width .3s,background .3s}
#services .sx-idd button.sx-cur::after{width:18px;background:rgba(128,128,128,.9)}
@media (prefers-reduced-motion:reduce){#services .sx-idm .sx-d,#services .sx-idm .sx-k{animation:none!important;stroke-dashoffset:0}
#services .sx-idm .sx-d{fill:var(--mk);stroke:var(--fs,var(--mk));stroke-width:var(--fw,2.2)}
#services .sx-idm .sx-k{stroke-width:var(--fw,2.2)}
#services .sx-idm .sx-c{opacity:1}
#services .sx-idw,#services .sx-ids i{opacity:1!important;transform:none!important}
}
#services .sx-vz{height:236px}
#services .sx-lg{display:inline-grid;place-items:center}
#services .sx-lg svg{width:100%;height:100%}
#services .sx-cta{display:inline-flex;align-items:center;gap:8px;margin:18px 4px 0;padding:10px 16px;border-radius:99px;background:var(--deep);color:#fff;text-decoration:none;font:700 14px Cairo,sans-serif;transition:transform .25s,box-shadow .25s}
#services .sx-cta svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
#services .sx-cta:hover{box-shadow:0 12px 24px -12px rgba(11,61,46,.8)}
#services .sx-cta:hover svg{transform:translateX(-3px)}
#services .sx-cta:focus-visible{outline:2px solid var(--jade);outline-offset:3px}
#services /* menu */
.sx-vm{position:absolute;inset:0;display:flex;justify-content:center;overflow:hidden;background:radial-gradient(120% 80% at 50% 110%,rgba(232,97,44,.28),transparent 60%)}
#services .sx-vm-p{position:absolute;top:22px;width:188px;height:300px;border-radius:26px;border:6px solid #0E0B0A;background:#1B1513;padding:12px 10px;box-shadow:0 30px 50px -20px rgba(0,0,0,.8);transform:translateY(40px);opacity:0;transition:all .6s cubic-bezier(.2,.8,.2,1)}
#services .sx-on .sx-vm-p{transform:none;opacity:1}
#services .sx-vm-h{display:grid;grid-template-columns:auto 1fr;column-gap:7px;align-items:center;margin-bottom:9px}
#services .sx-vm-h .sx-lg{grid-row:span 2;width:26px;height:26px;background:#2A211E;border-radius:8px;padding:3px}
#services .sx-vm-h b{font:800 13px/1 Cairo,sans-serif;color:#F4E9DC}
#services .sx-vm-h span{font:500 8.5px "IBM Plex Sans Arabic";color:#A89080}
#services .sx-vm-t{display:flex;gap:4px;margin-bottom:8px}
#services .sx-vm-t i{font:700 8.5px Cairo,sans-serif;font-style:normal;color:#A89080;background:#2A211E;border-radius:99px;padding:3px 8px}
#services .sx-vm-t i.sx-a{background:#E8612C;color:#fff}
#services .sx-vm-r{display:flex;align-items:center;gap:7px;background:#241C19;border-radius:10px;padding:5px;margin-bottom:5px;opacity:0;transform:translateX(-8px);transition:all .45s}
#services .sx-on .sx-vm-r{opacity:1;transform:none}
#services .sx-on .sx-vm-r:nth-of-type(4){transition-delay:.3s}
#services .sx-on .sx-vm-r:nth-of-type(5){transition-delay:.42s}
#services .sx-on .sx-vm-r:nth-of-type(6){transition-delay:.54s}
#services .sx-vm-r img{width:34px;height:34px;border-radius:7px;object-fit:cover}
#services .sx-vm-r span{flex:1;display:grid;gap:2px}
#services .sx-vm-r b{font:700 9.5px Cairo,sans-serif;color:#F4E9DC}
#services .sx-vm-r em{font:700 9px Cairo,sans-serif;font-style:normal;color:#F2B544}
#services .sx-vm-r u{text-decoration:none;width:20px;height:20px;border-radius:50%;background:#E8612C;color:#fff;font:700 13px/20px Cairo;text-align:center}
#services .sx-on .sx-vm-r:nth-of-type(4) u{animation:sxtap .5s 1.1s}
@keyframes sxtap{50%{transform:scale(.75);background:#F2B544}}
#services .sx-vm-o{position:absolute;bottom:16px;display:flex;align-items:center;gap:7px;background:#fff;border-radius:99px;padding:6px 6px 6px 12px;font:700 10.5px Cairo,sans-serif;color:#211A17;box-shadow:0 14px 30px -12px rgba(0,0,0,.7);opacity:0;transform:translateY(16px);transition:all .45s 1.5s}
#services .sx-vm-o>i{width:16px;height:16px}
#services .sx-vm-o svg{width:100%;height:100%}
#services .sx-vm-o b{background:#25D366;color:#fff;border-radius:99px;padding:3px 9px;font-size:10px}
#services .sx-on .sx-vm-o{opacity:1;transform:none}
#services /* website */
.sx-vw{position:absolute;left:50%;top:22px;width:300px;margin-left:-150px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 30px 50px -24px rgba(30,111,116,.55);color:#16474A;transform:translateY(30px);opacity:0;transition:all .6s cubic-bezier(.2,.8,.2,1)}
#services .sx-on .sx-vw{transform:none;opacity:1}
#services .sx-vw-b{display:flex;align-items:center;gap:4px;padding:7px 9px;background:#F1F5F5}
#services .sx-vw-b i{width:7px;height:7px;border-radius:50%;background:#CBD5D5}
#services .sx-vw-b span{margin-inline-start:auto;margin-inline-end:auto;direction:ltr;font:500 8.5px "IBM Plex Sans Arabic";color:#6B8587;background:#fff;border-radius:99px;padding:2px 12px}
#services .sx-vw-n{display:flex;align-items:center;gap:8px;padding:8px 12px;font:700 9px Cairo,sans-serif}
#services .sx-vw-n .sx-lg{width:16px;height:16px;color:#1E6F74}
#services .sx-vw-n b{font-size:12px;margin-inline-end:auto}
#services .sx-vw-n em{font-style:normal;color:#5E8F90}
#services .sx-vw-n em.sx-k{background:#1E6F74;color:#fff;border-radius:99px;padding:3px 10px}
#services .sx-vw-h{display:flex;gap:10px;padding:6px 12px 10px;align-items:center}
#services .sx-vw-x{flex:1;display:grid;gap:5px}
#services .sx-vw-x small{font:600 8.5px Cairo,sans-serif;color:#1E6F74}
#services .sx-vw-x b{font:800 19px/1.25 Cairo,sans-serif;color:#16474A}
#services .sx-vw-x span{justify-self:start;background:#1E6F74;color:#fff;font:700 9.5px Cairo,sans-serif;border-radius:8px;padding:5px 10px}
#services .sx-vw-a{width:96px;height:96px;border-radius:30px 30px 30px 8px;background:linear-gradient(150deg,#8FD3C7,#1E6F74);display:grid;place-items:center}
#services .sx-vw-a .sx-lg{width:48px;height:48px;color:#fff}
#services .sx-vw-a .sx-lg path[stroke]{stroke:#1E6F74}
#services .sx-vw-s{display:flex;gap:6px;padding:0 12px 14px}
#services .sx-vw-s i{flex:1;text-align:center;font:700 9px Cairo,sans-serif;font-style:normal;background:#EAF4F4;color:#1E6F74;border-radius:8px;padding:6px 0}
#services .sx-vw-n,#services .sx-vw-x>*,#services .sx-vw-a,#services .sx-vw-s i{opacity:0;transform:translateY(8px);transition:all .45s}
#services .sx-on .sx-vw-n,#services .sx-on .sx-vw-x>*,#services .sx-on .sx-vw-a,#services .sx-on .sx-vw-s i{opacity:1;transform:none}
#services .sx-on .sx-vw-n{transition-delay:.35s}
#services .sx-on .sx-vw-x>:nth-child(1){transition-delay:.5s}
#services .sx-on .sx-vw-x>:nth-child(2){transition-delay:.6s}
#services .sx-on .sx-vw-x>:nth-child(3){transition-delay:.72s}
#services .sx-on .sx-vw-a{transition-delay:.6s}
#services .sx-on .sx-vw-s i:nth-child(1){transition-delay:.85s}
#services .sx-on .sx-vw-s i:nth-child(2){transition-delay:.95s}
#services .sx-on .sx-vw-s i:nth-child(3){transition-delay:1.05s}
#services /* store */
.sx-vs{position:absolute;inset:16px 16px auto;background:#FBF7F1;border-radius:16px;padding:10px 12px 12px;box-shadow:0 24px 40px -26px rgba(43,29,20,.6);color:#2B1D14;transform:translateY(24px);opacity:0;transition:all .6s cubic-bezier(.2,.8,.2,1)}
#services .sx-on .sx-vs{transform:none;opacity:1}
#services .sx-vs-h{display:flex;align-items:center;gap:7px;margin-bottom:10px}
#services .sx-vs-h .sx-lg{width:22px;height:22px;color:#2B1D14}
#services .sx-vs-h b{font:800 14px Cairo,sans-serif;margin-inline-end:auto}
#services .sx-vs-c{position:relative;width:30px;height:30px;border-radius:50%;background:#2B1D14;color:#F3ECE3;display:grid;place-items:center}
#services .sx-vs-c svg{width:15px;height:15px}
#services .sx-vs-c em{position:absolute;top:-4px;left:-4px;min-width:16px;height:16px;border-radius:99px;background:#B8864B;color:#fff;font:700 9.5px/16px Cairo;font-style:normal;text-align:center}
#services .sx-vs-c.sx-bump{animation:sxpop .4s}
@keyframes sxpop{50%{transform:scale(1.18)}}
#services .sx-vs-g{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
#services .sx-vs-i{background:#fff;border-radius:11px;padding:6px;display:grid;gap:3px;box-shadow:0 0 0 1px rgba(43,29,20,.06)}
#services .sx-vs-i img{width:100%;height:62px;object-fit:cover;border-radius:7px}
#services .sx-vs-i b{font:700 9.5px Cairo,sans-serif}
#services .sx-vs-i span{font:700 9px Cairo,sans-serif;color:#B8864B}
#services .sx-vs-i u{text-decoration:none;text-align:center;background:#2B1D14;color:#F3ECE3;border-radius:6px;font:700 9px/1 Cairo;padding:5px 0}
#services .sx-on .sx-vs-i:nth-child(1) u{animation:sxtap2 .5s 1s}
@keyframes sxtap2{50%{transform:scale(.9);background:#B8864B}}
#services .sx-vs-t{position:absolute;left:50%;bottom:-38px;transform:translateX(-50%);white-space:nowrap;background:#2B1D14;color:#F3ECE3;font:700 10.5px Cairo,sans-serif;border-radius:99px;padding:6px 14px;opacity:0;transition:all .4s 1.3s}
#services .sx-on .sx-vs-t{opacity:1;bottom:-30px}
#services /* booking */
.sx-vb{position:absolute;left:50%;top:18px;width:268px;margin-left:-134px;background:#fff;border-radius:18px;padding:12px;box-shadow:0 26px 44px -26px rgba(122,46,74,.55);color:#4A1C2E;transform:translateY(24px);opacity:0;transition:all .6s cubic-bezier(.2,.8,.2,1)}
#services .sx-on .sx-vb{transform:none;opacity:1}
#services .sx-vb-h{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;margin-bottom:10px}
#services .sx-vb-h .sx-lg{grid-row:span 2;width:30px;height:30px;border-radius:9px;background:#F6E9E6;color:#7A2E4A;padding:4px}
#services .sx-vb-h b{font:800 13px/1 Cairo,sans-serif}
#services .sx-vb-h span{font:600 9px "IBM Plex Sans Arabic";color:#A26C74}
#services .sx-vb-d{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:8px}
#services .sx-vb-d i,#services .sx-vb-t i{font-style:normal;text-align:center;border-radius:9px;border:1px solid #EFDCD8;font:700 11px Cairo,sans-serif;padding:4px 0;transition:all .35s}
#services .sx-vb-d small{display:block;font:600 8px "IBM Plex Sans Arabic";color:#A26C74}
#services .sx-vb-d i.sx-x,#services .sx-vb-t i.sx-x{background:#F8F1EF;color:#CDB5B1;text-decoration:line-through}
#services .sx-vb-t{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
#services .sx-on .sx-vb-d i.sx-s{background:#7A2E4A;border-color:#7A2E4A;color:#fff;transition-delay:.6s}
#services .sx-on .sx-vb-d i.sx-s small{color:#F1D4D8;transition:color .35s .6s}
#services .sx-on .sx-vb-t i.sx-s{background:#7A2E4A;border-color:#7A2E4A;color:#fff;transition-delay:1s}
#services .sx-vb-ok{margin-top:9px;text-align:center;font:700 11px Cairo,sans-serif;color:#1F8B4C;background:#EAF6EF;border-radius:9px;padding:6px;opacity:0;transform:translateY(6px);transition:all .4s 1.4s}
#services .sx-on .sx-vb-ok{opacity:1;transform:none}
@media (max-width:900px){#services .sx-vz{height:224px}
#services .sx-cta{margin-top:16px}
}
@media (prefers-reduced-motion:reduce){#services .sx-vm-p,#services .sx-vm-r,#services .sx-vm-o,#services .sx-vw,#services .sx-vw *,#services .sx-vs,#services .sx-vs-t,#services .sx-vb,#services .sx-vb *,#services .sx-vr-c{transition:none!important;animation:none!important}
}
#services .sx-du{display:inline-flex;align-items:center;gap:6px;margin:2px 4px 10px;font:700 12.5px Cairo,sans-serif;color:var(--gold);background:rgba(160,120,46,.1);border-radius:99px;padding:3px 11px 3px 9px}
#services .sx-du svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
#services .sx-vd{position:absolute;left:50%;top:18px;width:308px;margin-left:-154px;height:250px;display:flex;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 26px 46px -26px rgba(20,32,27,.55);transform:translateY(24px);opacity:0;transition:all .6s cubic-bezier(.2,.8,.2,1)}
#services .sx-on .sx-vd{transform:none;opacity:1}
#services .sx-vd-sb{width:40px;background:#211A17;display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:10px}
#services .sx-vd-sb .sx-lg{width:22px;height:22px}
#services .sx-vd-sb span{width:16px;height:4px;border-radius:2px;background:rgba(255,255,255,.18)}
#services .sx-vd-sb span.sx-a{background:#E8612C}
#services .sx-vd-m{flex:1;padding:10px 11px;display:flex;flex-direction:column;gap:8px;min-width:0}
#services .sx-vd-t{display:flex;justify-content:space-between;align-items:center}
#services .sx-vd-t b{font:800 12px Cairo,sans-serif;color:#211A17}
#services .sx-vd-t span{font:600 9px Cairo,sans-serif;color:#8A7B72;background:#F4F1EE;border-radius:99px;padding:2px 9px}
#services .sx-vd-k{display:grid;grid-template-columns:1fr 1fr;gap:6px}
#services .sx-vd-k div{background:#F7F4F1;border-radius:9px;padding:6px 8px}
#services .sx-vd-k small{display:block;font:600 8.5px "IBM Plex Sans Arabic";color:#8A7B72}
#services .sx-vd-k b{font:800 14px/1.3 Cairo,sans-serif;color:#211A17}
#services .sx-vd-c{height:40px;display:flex;align-items:flex-end;gap:5px;padding:0 2px;border-bottom:1px solid #EEE9E4}
#services .sx-vd-c i{flex:1;height:var(--h);border-radius:3px 3px 0 0;background:linear-gradient(#F2A15F,#E8612C);transform:scaleY(0);transform-origin:bottom;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
#services .sx-on .sx-vd-c i{transform:none;transition-delay:var(--d)}
#services .sx-vd-o{display:grid;gap:4px}
#services .sx-vd-o div{display:flex;align-items:center;gap:6px;font:600 9px Cairo,sans-serif;color:#3A302B;background:#FBFAF9;border:1px solid #F0ECE8;border-radius:7px;padding:4px 6px;opacity:0;transform:translateX(-8px);transition:all .4s}
#services .sx-on .sx-vd-o div{opacity:1;transform:none}
#services .sx-on .sx-vd-o div:nth-child(1){transition-delay:.9s}
#services .sx-on .sx-vd-o div:nth-child(2){transition-delay:1s}
#services .sx-on .sx-vd-o div:nth-child(3){transition-delay:1.1s}
#services .sx-vd-o .sx-id{color:#A8998F;font-size:8.5px}
#services .sx-vd-o .sx-nm{flex:1}
#services .sx-vd-o em{font-style:normal;font-size:8.5px;border-radius:99px;padding:1px 8px}
#services .sx-vd-o em.sx-n{background:#FDEBE1;color:#C44E1C}
#services .sx-vd-o em.sx-p{background:#FFF4D9;color:#9A6A00}
#services .sx-vd-o em.sx-r{background:#E3F4EA;color:#1F7A45}
#services .sx-on .sx-vd-o em.sx-n{animation:sxvdNew 1.6s ease 1.6s infinite alternate}
@keyframes sxvdNew{to{box-shadow:0 0 0 3px rgba(232,97,44,.18)}}
@media (prefers-reduced-motion:reduce){#services .sx-vd,#services .sx-vd *{transition:none!important;animation:none!important}
}
#services .sx-vr{position:absolute;inset:0;display:grid;place-items:center}
#services .sx-vr-c{width:292px;background:#fff;border-radius:16px;padding:12px 13px;box-shadow:0 24px 44px -26px rgba(32,33,36,.5);transform:translateY(22px);opacity:0;transition:all .6s cubic-bezier(.2,.8,.2,1)}
#services .sx-on .sx-vr-c{transform:none;opacity:1}
#services .sx-vr-h{display:flex;align-items:center;gap:8px;padding-bottom:9px;border-bottom:1px solid #EEF0F2}
#services .sx-vr-h .sx-lg{width:32px;height:32px;border-radius:9px;background:#211A17;padding:5px;flex:none}
#services .sx-vr-h span{flex:1;display:grid;gap:1px}
#services .sx-vr-h b{font:700 12.5px Cairo,sans-serif;color:#202124}
#services .sx-vr-h em{font:600 9.5px "IBM Plex Sans Arabic";font-style:normal;color:#1E8E3E}
#services .sx-vr-h small{font:600 8.5px "IBM Plex Sans Arabic";color:#5F6368;direction:rtl}
#services .sx-vr-s{display:flex;align-items:center;gap:8px;padding:9px 0 6px}
#services .sx-vr-s b{font:800 26px/1 Cairo,sans-serif;color:#202124}
#services .sx-vr-st{display:flex;gap:1px;direction:ltr}
#services .sx-vr-st i{width:15px;height:15px}
#services .sx-vr-st svg{width:100%;height:100%;fill:#E3E6EA;transition:fill .3s}
#services .sx-on .sx-vr-st svg{fill:#F2A60D}
#services .sx-on .sx-vr-st i svg{transition-delay:var(--d)}
#services .sx-vr-s em{font:600 10px "IBM Plex Sans Arabic";font-style:normal;color:#5F6368}
#services .sx-vr-r{display:flex;gap:8px;align-items:flex-start;padding:7px 0 0;opacity:0;transform:translateY(8px);transition:all .45s}
#services .sx-on .sx-vr-r{opacity:1;transform:none}
#services .sx-on .sx-vr-r:nth-of-type(3){transition-delay:1.2s}
#services .sx-on .sx-vr-r:nth-of-type(4){transition-delay:1.5s}
#services .sx-vr-r>i{width:24px;height:24px;border-radius:50%;flex:none;display:grid;place-items:center;color:#fff;font:700 11px Cairo,sans-serif;font-style:normal}
#services .sx-vr-r span{display:grid;gap:1px}
#services .sx-vr-r b{font:700 10.5px Cairo,sans-serif;color:#202124}
#services .sx-vr-r s{text-decoration:none;color:#F2A60D;font-size:8.5px;letter-spacing:-.5px}
#services .sx-vr-r em{font:500 10px/1.5 "IBM Plex Sans Arabic";font-style:normal;color:#3C4043}
@media (prefers-reduced-motion:reduce){#services .sx-vr-c,#services .sx-vr-r,#services .sx-vr-st svg{transition:none!important}
}
/*SXEND*/.fq{padding:88px 20px 96px}
.fq-w{max-width:760px;margin:0 auto}
.fq-h{text-align:center;margin-bottom:40px}
.fq-e{display:inline-block;font:700 13px Cairo,sans-serif;color:#0F6B51;background:rgba(15,107,81,.08);border-radius:99px;padding:5px 14px}
.fq-h h2{margin:14px 0 0;font:800 clamp(26px,3.6vw,38px)/1.35 Cairo,sans-serif;color:#131915}
.fq-l{border-top:1px solid rgba(20,32,27,.1)}
.fq-i{border-bottom:1px solid rgba(20,32,27,.1)}
.fq-i summary{list-style:none;display:flex;align-items:center;gap:18px;padding:22px 2px;cursor:pointer;font:700 17px/1.6 Cairo,sans-serif;color:#1C2723;transition:color .25s}
.fq-i summary::-webkit-details-marker{display:none}
.fq-i summary span{flex:1}
.fq-i summary:hover,.fq-i[open] summary{color:#0F6B51}
.fq-i summary:focus-visible{outline:2px solid #0F6B51;outline-offset:4px;border-radius:8px}
.fq-i summary i{position:relative;width:30px;height:30px;flex:none;border-radius:50%;border:1px solid rgba(20,32,27,.14);transition:background .3s,border-color .3s,transform .4s cubic-bezier(.2,.8,.2,1)}
.fq-i summary i::before,.fq-i summary i::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.8px;margin:-.9px 0 0 -5.5px;border-radius:2px;background:#1C2723;transition:transform .4s cubic-bezier(.2,.8,.2,1),background .3s}
.fq-i summary i::after{transform:rotate(90deg)}
.fq-i[open] summary i{background:#0F6B51;border-color:#0F6B51;transform:rotate(180deg)}
.fq-i[open] summary i::before,.fq-i[open] summary i::after{background:#fff}
.fq-i[open] summary i::after{transform:rotate(0deg)}
.fq-a{overflow:hidden}
.fq-a p{margin:0;padding:0 2px 24px 48px;font-size:15.5px;line-height:1.95;color:#56625C}
@media (max-width:600px){.fq{padding:64px 18px 72px}.fq-h{margin-bottom:28px}.fq-i summary{font-size:15.5px;padding:18px 0;gap:14px}.fq-i summary i{width:28px;height:28px}.fq-a p{padding:0 0 20px;font-size:14.5px}}
#faq details.fq-i{padding:0;border-bottom:1px solid rgba(20,32,27,.1)}
#faq .fq-i summary{justify-content:flex-start;font-weight:700}
#faq .fq-i summary::after{content:none;display:none}
#faq .fq-a p{margin:0;color:#56625C}
/*PKCSS*/
#packages{padding:100px 0 108px;background:linear-gradient(180deg,rgba(234,241,236,0),#EAF1EC 35%,#EAF1EC 70%,rgba(234,241,236,0))}
#packages .wrap{text-align:center}
#packages .eyebrow{display:inline-block;margin:0;font:700 13px Cairo,sans-serif;color:#0F6B51;background:rgba(15,107,81,.08);border-radius:99px;padding:5px 14px}
#packages h2{margin:14px auto 10px;max-width:none;font:800 clamp(28px,3.8vw,42px)/1.35 Cairo,sans-serif;color:#131915;letter-spacing:0}
#packages .intro{margin:0 auto 28px;font-size:16px;color:#5A6A63}
#packages .tabs{margin:0 auto 44px;background:#fff;border:1px solid rgba(20,32,27,.08);box-shadow:0 14px 30px -24px rgba(11,61,46,.6);padding:5px}
#packages .tabs button{font:700 14.5px Cairo,sans-serif;padding:10px 20px;color:#4E5B55}
#packages .tabs button[aria-selected=true]{background:#0E3B2E;color:#fff}
#packages .pk.on{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1080px;margin:0 auto;align-items:center;text-align:right}
#packages .pk[data-p=h].on{grid-template-columns:repeat(2,minmax(0,1fr));max-width:740px}
#packages .p{position:relative;background:#fff;border:1px solid rgba(20,32,27,.08);border-radius:28px;padding:30px 28px 26px;box-shadow:0 26px 50px -40px rgba(11,61,46,.55);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
#packages .p:hover{transform:translateY(-4px);box-shadow:0 34px 60px -40px rgba(11,61,46,.7)}
#packages .p h3{margin:0 0 4px;font:800 20px/1.4 Cairo,sans-serif;color:#0E3B2E}
#packages .p .for{font-size:14px;color:#66736C;margin-bottom:20px}
#packages .p .price{font:800 46px/1 Cairo,sans-serif;color:#131915;margin-bottom:10px;letter-spacing:-.01em}
#packages .p .price small{font:600 15px Cairo,sans-serif;opacity:1;color:#66736C;margin-inline-start:4px}
#packages .p .per{display:inline-block;align-self:flex-start;font:700 12px Cairo,sans-serif;color:#0F6B51;background:rgba(15,107,81,.08);border-radius:99px;padding:3px 11px;margin-bottom:22px}
#packages .p ul{border-top:1px dashed rgba(20,32,27,.14);padding-top:14px;margin:0 0 24px}
#packages .p li{font-size:15px;color:#2A3530;padding:6px 0;line-height:1.7}
#packages .p li svg{color:#0F6B51;margin-top:4px}
#packages .p .pill{display:flex;justify-content:center;padding:14px;border-radius:14px;background:transparent;color:#0E3B2E;border:1.5px solid rgba(14,59,46,.35);font:700 15px Cairo,sans-serif;transition:background .25s,color .25s,border-color .25s}
#packages .p .pill:hover{background:#0E3B2E;border-color:#0E3B2E;color:#fff}
#packages .p.hot{background:linear-gradient(160deg,#17563F 0%,#0E3B2E 55%,#0A2E23 100%);border-color:transparent;color:#fff;padding-top:40px;transform:scale(1.04);box-shadow:0 40px 70px -34px rgba(8,40,30,.85);z-index:1}
#packages .p.hot:hover{transform:scale(1.04) translateY(-4px)}
#packages .p.hot::after{content:"";position:absolute;inset:0;border-radius:28px;padding:1px;background:linear-gradient(160deg,rgba(233,210,160,.55),rgba(233,210,160,0) 45%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
#packages .p.hot .badge{top:-14px;inset-inline-start:50%;transform:translateX(50%);white-space:nowrap;background:linear-gradient(135deg,#F4E3B8,#C9A05A);color:#0B3D2E;font:800 12.5px Cairo,sans-serif;padding:6px 16px;box-shadow:0 10px 20px -10px rgba(120,90,30,.7)}
#packages .p.hot h3{color:#fff}
#packages .p.hot .for{color:rgba(255,255,255,.62)}
#packages .p.hot .price{color:#fff}
#packages .p.hot .price small{color:rgba(255,255,255,.62)}
#packages .p.hot .per{color:#E9D2A0;background:rgba(233,210,160,.12)}
#packages .p.hot ul{border-top-color:rgba(255,255,255,.16)}
#packages .p.hot li{color:rgba(255,255,255,.9)}
#packages .p.hot li svg{color:#6FE3A5}
#packages .p.hot .pill{background:#fff;color:#0B3D2E;border-color:#fff}
#packages .p.hot .pill:hover{background:#E9D2A0;border-color:#E9D2A0;color:#0B3D2E}
#packages .p .pill:focus-visible{outline:2px solid #0F6B51;outline-offset:3px}
#packages .fine{display:inline-flex;margin:40px auto 0;background:#fff;border:1px solid rgba(20,32,27,.08);border-radius:99px;padding:10px 18px;font-size:14px;color:#4E5B55;text-align:right}
#packages .fine svg{color:#0F6B51}
@media (max-width:900px){#packages{padding:72px 0 80px}
#packages .tabs{display:flex;flex-wrap:nowrap;width:100%;max-width:380px;margin-bottom:26px}#packages .tabs button{flex:1;padding:10px 6px;font-size:13px;white-space:nowrap}
#packages .pk.on,#packages .pk[data-p=h].on{grid-template-columns:minmax(0,1fr);max-width:440px;margin:0 auto;gap:26px;align-items:stretch;padding-top:14px}
#packages .p{padding:28px 22px 22px}
#packages .p.hot{padding-top:38px}
#packages .p.hot,#packages .p.hot:hover{transform:none}
#packages .p .price{font-size:40px}
#packages .fine{border-radius:18px;margin-top:22px}}
@media (prefers-reduced-motion:reduce){#packages .p,#packages .p:hover{transition:none}}
/*PKEND*/
/*PERF*/
.e9 .mq b{color:#56625C}
#google,#packages,#faq{content-visibility:auto;contain-intrinsic-size:auto 900px}

@media (max-width:380px){h1.pill{font-size:11.5px}}

.fs-cr{position:relative;display:inline-block;margin-inline-start:10px;padding-inline-start:10px;border-inline-start:1px solid rgba(255,255,255,.12)}.fs-cr summary{list-style:none;cursor:pointer;color:inherit;font-size:inherit;transition:color .25s}.fs-cr summary::-webkit-details-marker{display:none}.fs-cr summary:hover,.fs-cr[open] summary{color:rgba(255,255,255,.8)}.fs-cr summary:focus-visible{outline:2px solid #6FE3A5;outline-offset:3px;border-radius:4px}.fs-crp{position:absolute;bottom:calc(100% + 10px);inset-inline-start:50%;transform:translateX(50%);width:min(320px,86vw);padding:14px 16px;border-radius:14px;background:rgba(20,28,24,.96);border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 40px rgba(0,0,0,.35);font-size:12px;line-height:1.9;color:rgba(255,255,255,.75);text-align:start;z-index:5}.fs-crp b{display:block;font-size:12.5px;color:#fff;margin-bottom:4px;font-weight:600}.fs-crp p{margin:0}.fs-crn{margin-top:8px!important;padding-top:8px;border-top:1px solid rgba(255,255,255,.1);font-size:11px;color:rgba(255,255,255,.5);text-align:left}.fs-crp a{color:#6FE3A5;text-decoration:none}.fs-crp a:hover{text-decoration:underline}
.sx-pr{display:inline-flex;align-items:baseline;gap:6px;margin:2px 4px 10px;padding:4px 14px 5px;border-radius:99px;background:rgba(15,107,81,.08)}.sx-pr small{font:700 12px Cairo,sans-serif;color:#0F6B51}.sx-pr b{font:800 17px/1 Cairo,sans-serif;color:#0E3B2E}.sx-pr em{font:600 12px Cairo,sans-serif;font-style:normal;color:#66736C}
.sx-nt{margin:0 0 20px;padding:10px 14px;border-radius:14px;background:rgba(15,107,81,.06);border-inline-start:3px solid #0F6B51;font-size:13.5px;line-height:1.8;color:#2A3530}
.sx-ad{margin-bottom:18px}.sx-ad span{background:transparent!important;border:1px dashed rgba(15,107,81,.35)}


#works .wk{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
@media (max-width:1100px){#works .wk{grid-template-columns:repeat(2,1fr)}}
#works .wk .wk-card:not(.wk-feat) .wk-body h3{font-size:19px}
#works .wk .wk-card:not(.wk-feat) .wk-body p{font-size:14px}
#works .wk-card{background:#fff;border:1px solid rgba(20,18,14,.07);border-radius:24px;overflow:hidden;box-shadow:0 24px 50px -34px rgba(14,59,46,.35);display:flex;flex-direction:column;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
#works .wk-card:hover{transform:translateY(-4px);box-shadow:0 34px 60px -34px rgba(14,59,46,.45)}
#works .wk-shot{position:relative;aspect-ratio:16/10;background:#EEF2EC;overflow:hidden}
#works .wk-shot img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
#works .wk-card:hover .wk-shot img{transform:scale(1.04)}
#works .wk-tag{position:absolute;top:14px;right:14px;font-size:12px;font-weight:600;padding:4px 12px;border-radius:99px;background:rgba(255,255,255,.92);color:var(--deep);box-shadow:0 6px 16px -8px rgba(0,0,0,.3)}
#works .wk-tag.wk-cl{background:var(--deep);color:#fff}
#works .wk-tag.wk-cn{background:#F4E9D2;color:#7A5A1E}
#works .wk-body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:10px;flex:1}
#works .wk-kind{font-size:12.5px;color:var(--jade);font-weight:600}
#works .wk-body h3{margin:0;font:800 21px/1.4 Cairo,sans-serif;color:#14120E}
#works .wk-body p{margin:0;color:#5B564D;font-size:14.5px;line-height:1.8}
#works .wk-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
#works .wk-chips span{font-size:12px;background:#EEF4F0;color:var(--deep);border-radius:99px;padding:3px 10px}
#works .wk-open{margin-top:auto;padding-top:8px}
#works .wk-open a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:600;font-size:14.5px;color:#fff;background:var(--deep);border-radius:99px;padding:10px 18px}
#works .wk-open a svg{width:16px;height:16px;transform:scaleX(-1)}
#works .more{text-align:center;margin-top:28px;font-size:14px;color:#5B564D}
#works .more a{color:var(--jade);font-weight:600}
#works .wk-card.wk-feat{grid-column:1/-1;flex-direction:row}
#works .wk-card.wk-feat .wk-shot{flex:1.25;aspect-ratio:auto;min-height:340px}
#works .wk-card.wk-feat .wk-body{flex:1;justify-content:center;padding:32px}
#works .wk-card.wk-feat h3{font-size:26px}
@media (max-width:760px){#works .wk-card.wk-feat{flex-direction:column}#works .wk-card.wk-feat .wk-shot{aspect-ratio:16/10;min-height:0}#works .wk-card.wk-feat .wk-body{padding:20px 22px 22px}#works .wk-card.wk-feat h3{font-size:19px}}
@media (max-width:760px){#works .wk{grid-template-columns:1fr;gap:16px}#works .wk-body h3{font-size:19px}}
@media (prefers-reduced-motion:reduce){#works .wk-card,#works .wk-shot img{transition:none}}
#works .wk .wk-card:not(.wk-feat) .wk-shot{aspect-ratio:16/9}
#works .wk .wk-card:not(.wk-feat) .wk-body{padding:14px 16px 16px;gap:6px}
#works .wk .wk-card:not(.wk-feat) .wk-body h3{font-size:17px}
#works .wk .wk-card:not(.wk-feat) .wk-body p{font-size:13.5px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#works .wk .wk-card:not(.wk-feat) .wk-chips span{font-size:11.5px;padding:2px 9px}
#works .wk .wk-card:not(.wk-feat) .wk-open{padding-top:4px}
#works .wk .wk-card:not(.wk-feat) .wk-open a{font-size:13px;padding:8px 14px}
#works .wk-card.wk-feat{background:radial-gradient(120% 140% at 100% 0%,#3a2a14 0%,#1a130b 45%,#0e0b07 100%);border:1px solid rgba(214,179,106,.25);box-shadow:0 30px 60px -30px rgba(40,25,5,.6);position:relative}
#works .wk-card.wk-feat::after{content:"";position:absolute;inset:0;border-radius:24px;pointer-events:none;background:linear-gradient(120deg,transparent 40%,rgba(255,226,160,.08) 50%,transparent 60%)}
#works .wk-card.wk-feat .wk-shot{background:#0e0b07}
#works .wk-card.wk-feat .wk-kind{color:#D6B36A;letter-spacing:.02em}
#works .wk-card.wk-feat h3{color:#FFF7E8}
#works .wk-card.wk-feat p{color:#D9CBB0}
#works .wk-card.wk-feat .wk-chips span{background:rgba(214,179,106,.10);color:#E9D29D;border:1px solid rgba(214,179,106,.28)}
#works .wk-card.wk-feat .wk-open a{background:linear-gradient(135deg,#E3C47E,#B8934A);color:#1B140A;box-shadow:0 10px 24px -12px rgba(214,179,106,.7)}
#works .wk-card.wk-feat .wk-tag.wk-cn{background:rgba(20,14,6,.75);color:#E9D29D;border:1px solid rgba(214,179,106,.4)}
#works .wk-card.wk-feat .wk-gl{display:block;width:44px;height:2px;background:linear-gradient(90deg,#D6B36A,transparent);border-radius:2px;margin-bottom:4px}
@media (min-width:761px){#works .wk-card.wk-feat{flex-direction:row;height:300px}#works .wk-card.wk-feat .wk-shot{flex:1.15;min-height:0;aspect-ratio:auto}#works .wk-card.wk-feat .wk-body{flex:1;padding:26px 34px}#works .wk-card.wk-feat h3{font-size:26px}}
#works .wk-card{transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s cubic-bezier(.16,1,.3,1),border-color .4s}
#works .wk-shot img{transition:transform 1.1s cubic-bezier(.16,1,.3,1)!important}
#works .wk-veil{position:absolute;inset:0;z-index:2;display:flex;align-items:flex-end;padding:14px 16px;background:linear-gradient(to top,rgba(14,59,46,.85),rgba(14,59,46,0) 62%);opacity:0;transition:opacity .45s cubic-bezier(.16,1,.3,1);text-decoration:none;pointer-events:none}
#works .wk-veil span{display:inline-flex;align-items:center;gap:7px;color:#fff;font-weight:600;font-size:13.5px;transform:translateY(8px);transition:transform .55s cubic-bezier(.16,1,.3,1)}
#works .wk-veil svg{width:14px;height:14px;transform:scaleX(-1);transition:transform .55s cubic-bezier(.16,1,.3,1)}
#works .wk-card.wk-feat .wk-veil{background:linear-gradient(to top,rgba(20,14,6,.88),rgba(20,14,6,0) 62%)}
#works .wk-card.wk-feat .wk-veil span{color:#E9D29D}
#works .wk-card:hover,#works .wk-card.wk-on{transform:translateY(-4px);box-shadow:0 34px 60px -34px rgba(14,59,46,.5);border-color:rgba(15,107,81,.25)}
#works .wk-card:hover .wk-shot img,#works .wk-card.wk-on .wk-shot img{transform:scale(1.045)}
#works .wk-card:hover .wk-veil,#works .wk-card.wk-on .wk-veil{opacity:1}
#works .wk-card.wk-on .wk-veil{pointer-events:auto}
#works .wk-card:hover .wk-veil span,#works .wk-card.wk-on .wk-veil span{transform:none}
#works .wk-card:hover .wk-veil svg,#works .wk-card.wk-on .wk-veil svg{transform:scaleX(-1) translate(-2px,-2px)}
#works .wk-card:active{transform:translateY(-1px) scale(.99);transition-duration:.18s}
@media (hover:hover){#works .wk-card:hover .wk-veil{pointer-events:auto}}
@media (prefers-reduced-motion:reduce){#works .wk-card,#works .wk-shot img,#works .wk-veil,#works .wk-veil span{transition:none!important}}

#works .wk-veil{background:linear-gradient(to top,rgba(11,61,46,.9) 0%,rgba(11,61,46,.55) 38%,rgba(184,151,90,.22) 62%,rgba(184,151,90,0) 80%)}
#works .wk-veil span{color:#F3DFA8}
#works .wk-veil span::after{content:"";position:absolute}
#works .wk-card:hover,#works .wk-card.wk-on{border-color:rgba(184,151,90,.45);box-shadow:0 34px 60px -34px rgba(11,61,46,.55),0 0 0 1px rgba(184,151,90,.18)}
#works .wk-feat .wk-veil{background:linear-gradient(to top,rgba(20,14,6,.9),rgba(20,14,6,0) 62%)}
#works .wk-feat .wk-veil span{color:#E9D29D}