/* build 20260925 */
/* SmartLoop Technology — docs.css for the 8 legacy document pages (and the kit).
   Section 1 (SHARED, §6.21): document shell + table of contents, explicit placement for all three DOM shapes.
   Section 2 (LEGACY, below the marker line): restyle of the legacy content classes. */

/* 1 · document shell + TOC */
.ui-docshell{display:block;background:var(--surface-2);padding-bottom:var(--s-8)}
.ui-docshell>:is(article,.ui-docshell__body){max-width:calc(800px + 2*var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}
.ui-docshell>.ui-toc{max-width:calc(800px + 2*var(--gutter));min-height:48px;margin-inline:auto;padding-inline:var(--gutter)}
.ui-docshell>:is(.sl-page-hero,.sm-legal-hero){padding-inline:max(var(--gutter),calc((100% - 800px)/2))}
.ui-toc:has(.ui-toc__list:empty){visibility:hidden}
.ui-toc__box{border-bottom:1px solid var(--line)}
.ui-toc__title{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;font:600 15px/1.4 var(--font-sans);color:var(--ink-strong);cursor:pointer;list-style:none}
.ui-toc__title::-webkit-details-marker{display:none}
.ui-toc__chev{color:var(--muted);transition:rotate var(--tu)}
.ui-toc__box[open] .ui-toc__chev{rotate:180deg}
.ui-toc__list{margin:0;padding:0 0 12px;list-style:none}
.ui-toc a{display:block;padding-block:6px;padding-inline-start:12px;border-inline-start:2px solid transparent;font-size:14px;line-height:1.5;color:var(--muted);text-decoration:none;transition:color var(--tf),border-color var(--tf)}
.ui-toc a:hover{color:var(--ink-strong)}
.ui-toc a[aria-current="true"]{color:var(--brand);border-inline-start-color:var(--brand)}
@media (pointer:coarse){.ui-toc a{display:flex;align-items:center;min-height:44px}}
@media (max-width:1199px){
.ui-docshell--sp:not(.ui-docshell--plain){display:flex;flex-direction:column}
.ui-docshell--sp:not(.ui-docshell--plain) :is(.ui-docshell__body,.ui-docshell__body>[data-sl-lang],.sp-doc,.sp-faq,.container){display:contents}
.ui-docshell--sp:not(.ui-docshell--plain) :is(.doc-head,.section),.ui-docshell--sp:not(.ui-docshell--plain)>.ui-toc{width:min(800px,100% - 2*var(--gutter));max-width:none;margin-inline:auto}
.ui-docshell--sp:not(.ui-docshell--plain) .doc-head{order:-1;margin-top:var(--s-6)}
.ui-docshell--sp:not(.ui-docshell--plain)>.ui-toc{margin-bottom:var(--s-4);padding-inline:0}}
@media (min-width:1200px){
.ui-docshell{display:grid;grid-template-columns:minmax(var(--gutter),1fr) minmax(0,800px) minmax(288px,400px) minmax(var(--gutter),1fr);align-items:start}
.ui-docshell>:is(.sl-page-hero,.sm-legal-hero){grid-column:1/-1;grid-row:1;padding-inline:max(var(--gutter),calc((100% - 1200px)/2))}
.ui-docshell>:is(article,.ui-docshell__body){grid-column:2;grid-row:2;max-width:none;margin:0;padding:0}
.ui-docshell>.ui-toc{position:sticky;top:calc(var(--header-h) + 24px);grid-column:3;grid-row:2;align-self:start;justify-self:end;width:min(100% - 48px,280px);max-width:none;min-height:0;margin:0;padding:var(--s-6) 0 0}
.ui-docshell--sp>.ui-docshell__body,.ui-docshell--sp>.ui-toc{grid-row:1}
.ui-docshell--plain{grid-template-columns:minmax(var(--gutter),1fr) minmax(0,800px) minmax(var(--gutter),1fr)}
:is(.ui-docshell--sp,.ui-docshell--sm)>.ui-toc{top:calc(var(--header-h) + var(--subnav-h) + 24px)}
.ui-toc__box{border:0}
/* a list taller than the screen scrolls inside its sticky box (motion.js keeps the current link in view): 24 px gap + 32 px padding + 48 px title + 24 px below */
.ui-docshell>.ui-toc .ui-toc__list{max-height:max(10rem,calc(100dvh - var(--header-h) - 128px));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
:is(.ui-docshell--sp,.ui-docshell--sm)>.ui-toc .ui-toc__list{max-height:max(10rem,calc(100dvh - var(--header-h) - var(--subnav-h) - 128px))}
.ui-docshell>.ui-toc .ui-toc__list a:focus-visible{outline-offset:-2px}}

/* LEGACY */
/* 2 · legacy content classes (§9.4) */

/* page heroes; Smart Manzil = dark scope */
.sl-page-hero,.sm-legal-hero{position:relative;isolation:isolate;overflow:clip;padding-block:clamp(48px,7vw,88px);text-align:start}
.sl-page-hero{background:var(--surface);box-shadow:inset 0 -1px var(--line)}
.sm-legal-hero{--ink:var(--on-dark);--ink-strong:var(--on-dark);--muted:var(--on-dark-muted);--link:var(--link-on-dark);--focus:var(--focus-on-dark);--line:rgb(255 255 255/.14);--line-strong:rgb(255 255 255/.38);--surface-2:rgb(255 255 255/.10);color:var(--ink);background:linear-gradient(160deg,var(--hero-a),var(--hero-b) 55%,var(--hero-c))}
.sl-page-hero::before,.sm-legal-hero::after{content:"";position:absolute;z-index:-1;top:-70%;inset-inline-end:-14%;width:clamp(280px,48vw,680px);aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,var(--orb-1),transparent);opacity:.6;pointer-events:none}
/* Smart Manzil: the one static gold orb at full strength, placed like the product CTA orb, so it reads on navy as on the product hero */
.sm-legal-hero::after{top:-45%;opacity:1}
:is(.sl-page-hero,.sm-legal-hero,.doc-head) h1{margin:0;font-size:clamp(1.875rem,1.3rem + 2.2vw,2.75rem);font-weight:700;color:var(--ink-strong)}
.sl-page-hero h1{color:var(--brand-strong)}
:is(.sl-page-hero,.sm-legal-hero) p{max-width:40rem;margin:var(--s-4) 0 0;font-size:var(--fs-lead);line-height:1.75;color:var(--muted)}
:is(.sl-page-hero,.sm-legal-hero) p:lang(en){line-height:1.55}

/* shared text */
:is(.sl-prose,.sm-prose,.container){color:var(--ink)}
:is(.sl-prose,.sm-prose,.container):lang(en){line-height:1.65}
:is(.sl-prose,.sm-prose,.container) h2{margin:var(--s-7) 0 var(--s-4);padding-bottom:var(--s-3);border-bottom:1px solid var(--line);font-size:20px;font-weight:700;color:var(--ink-strong)}
:is(.sl-prose,.sm-prose,.container) p{margin:0 0 var(--s-4)}
:is(.sl-prose,.sm-prose,.container) :is(ul,ol){margin:0 0 var(--s-4);padding-inline-start:1.4em}
:is(.sl-prose,.sm-prose,.container) li{margin-bottom:var(--s-2)}
:is(.sl-prose,.sm-prose,.container) strong{color:var(--ink-strong)}
:is(.sl-prose,.sm-prose,.container) a{color:var(--link);font-weight:600;text-decoration:underline;text-underline-offset:.25em}
:is(.sl-prose,.sm-prose,.container) a:hover{text-decoration-thickness:2px}
/* phone numbers never split across lines (+971 | 50 820 2708 at 390 px Arabic) */
:is(.sl-prose,.sm-prose,.container) :is(a[href^="https://wa.me/"],a[href^="tel:"]){white-space:nowrap}

/* company + Smart Manzil prose */
:is(.sl-prose,.sm-prose){font-size:17px}
:is(.sl-prose,.sm-prose)>*{max-width:760px}
:is(.sl-prose,.sm-prose)>:first-child{margin-top:var(--s-6)}
:is(.sl-prose,.sm-prose) .meta,.doc-head .subtitle+.subtitle{width:fit-content;padding:4px 12px;border-radius:var(--r-pill);background:var(--brand-soft);color:var(--brand);font-size:14px;font-weight:600;line-height:20px}
:is(.sl-prose,.sm-prose) .lead,.section .highlight{position:relative;overflow:clip;border-radius:var(--r-md)}
:is(.sl-prose,.sm-prose) .lead{margin-bottom:var(--s-6);padding:var(--s-5);padding-inline-start:calc(var(--s-5) + 3px);background:var(--surface);border:1px solid var(--line);font-size:var(--fs-lead);line-height:1.75}
:is(.sl-prose,.sm-prose) .lead:lang(en){line-height:1.55}
:is(.sl-prose,.sm-prose) .lead::before,.section .highlight::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:3px;background:var(--brand)}
.sm-prose .lead::before{background:var(--accent)}
.sm-prose .note{margin-top:var(--s-6);padding:var(--s-4) var(--s-5);border-radius:var(--r-md);background:var(--surface-3);color:var(--muted);font-size:15px}

/* Smart Palm documents */
.ui-docshell__body .container{padding-top:var(--s-6)}
.doc-head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:var(--s-5);margin-bottom:var(--s-5);padding:var(--s-6);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl)}
.doc-head .logo{grid-row:span 3;width:88px;height:88px;overflow:clip;border-radius:var(--r-icon);box-shadow:var(--sh-1)}
.doc-head .logo img{width:100%;height:100%}
.doc-head>:not(.logo){grid-column:2}
.doc-head .subtitle{margin:var(--s-2) 0 0;font-size:15px;color:var(--muted)}
.doc-head .subtitle+.subtitle{margin-top:var(--s-3)}
@media (max-width:599px){.doc-head{grid-template-columns:minmax(0,1fr);padding:var(--s-5)}.doc-head .logo{grid-row:auto;width:64px;height:64px;margin-bottom:var(--s-4)}.doc-head>:not(.logo){grid-column:1}}
.container>.section{margin-bottom:var(--s-4);padding:clamp(20px,3vw,32px);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}
.container>.section h2{margin-top:0}
.section .highlight{margin:var(--s-4) 0;padding:var(--s-3) var(--s-4);padding-inline-start:calc(var(--s-4) + 3px);background:var(--surface-3)}
.section table{width:100%;margin:var(--s-4) 0;border-collapse:separate;border-spacing:0;font-size:15px}
.section :is(th,td){padding:var(--s-3);text-align:start;vertical-align:top}
.section td{border-bottom:1px solid var(--line)}
.section tr:last-child td{border-bottom:0}
.section th{background:var(--brand-soft);color:var(--ink-strong);font-weight:600}
.section th:first-child{border-start-start-radius:var(--r-sm);border-end-start-radius:var(--r-sm)}
.section th:last-child{border-start-end-radius:var(--r-sm);border-end-end-radius:var(--r-sm)}

/* FAQ (role=button rows from the page script) */
.sp-faq .faq-item{border:1px solid var(--line);border-radius:var(--r-md)}
.sp-faq .faq-item+.faq-item{margin-top:var(--s-2)}
.sp-faq .faq-q{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);min-height:48px;padding:var(--s-3) var(--s-4);border-radius:calc(var(--r-md) - 1px);font-weight:600;color:var(--ink-strong);cursor:pointer;transition:background-color var(--tu)}
.sp-faq .faq-q:hover{background:var(--surface-2)}
.sp-faq .open>.faq-q{border-end-start-radius:0;border-end-end-radius:0}
.sp-faq .faq-q::after{content:"+";content:"+"/"";display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--brand-soft);color:var(--brand);font-size:20px;line-height:1;transition:rotate var(--tu)}
.sp-faq .open>.faq-q::after{rotate:45deg}
.sp-faq .faq-a{padding:var(--s-1) var(--s-4) var(--s-4)}
html.faq-ready .faq-item:not(.open) .faq-a{display:none}
@media (prefers-reduced-motion:no-preference){.sp-faq .open>.faq-a{animation:doc-fade 200ms var(--ease-out)}}
@keyframes doc-fade{from{opacity:0}}
.sp-faq .section:has(>.contact-box){padding:0;border:0;background:none}
.sp-faq .contact-box{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2) var(--s-4);padding:clamp(20px,3vw,32px);border-radius:var(--r-lg);background:var(--surface-3)}
.sp-faq .contact-box p{margin:0;font-weight:600;color:var(--ink-strong)}
.sp-faq .contact-box a{display:inline-flex;align-items:center;min-height:44px}

/* delete account (C19 fixed) */
.sp-da .step-list{padding:0;list-style:none;counter-reset:step}
.sp-da .step-list li{position:relative;min-height:32px;margin-bottom:var(--s-3);padding-inline-start:48px}
.sp-da .step-list li::before{counter-increment:step;content:counter(step);position:absolute;top:-2px;inset-inline-start:0;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--btn-bg);color:var(--btn-ink);font-size:14px;font-weight:700}
.sp-da .warning{margin:var(--s-4) 0;padding:var(--s-3) var(--s-4);border:1px solid #FFB74D;border-radius:var(--r-md);background:#FFF3E0;color:#B34700}
.sp-da .warning :is(strong,a){display:inline;color:inherit}
.sp-da .warning>strong:first-child{display:block;margin-block-end:4px}
.sp-da .deleted-list{margin:var(--s-4) 0;padding:var(--s-4);border-radius:var(--r-md);background:#FFEBEE}
.sp-da .deleted-list>strong{display:block;margin-bottom:var(--s-2);color:#B3261E}
.sp-da .deleted-list ul{margin:0}
.sp-da .alt-path{margin-top:var(--s-4);padding:var(--s-4) var(--s-5);border-radius:var(--r-md);background:var(--surface-3)}
.sp-da .alt-path h3{margin:0 0 var(--s-2);font-size:17px;font-weight:600;color:var(--ink-strong)}
.container>.section>:last-child,.alt-path>p{margin-bottom:0}

/* print: backgrounds do not print */
@media print{
[data-include*="/partials/"],.ui-toc,.ui-dlbar,.ui-skip{display:none}
:root,[data-brand]{--ink:#000;--ink-strong:#000;--muted:#000;--brand:#000;--brand-strong:#000;--link:#000;--on-dark:#000;--on-dark-muted:#000;--btn-ink:#000}
.sp-da :is(.warning,.deleted-list>strong){color:#000}
a[href^="mailto:"]::after{content:" (" attr(href) ")";font-weight:400}}
/* narrow phones: keep the "Last updated" date on one line; the English delete-account title breaks between words, not inside "Smart Palm" */
@media (max-width:359px){.doc-head .subtitle+.subtitle{font-size:13px;padding-inline:8px}}
@media (max-width:599px){.sp-da .doc-head h1:lang(en){max-width:12ch;text-wrap:wrap}}