/* Layout: brand turquoise panels with the leaf pattern carry identity; content sits on a quiet teal-tinted ground. Admin is a sidebar tool. */
:root{
  --primary:#5CC4B9;          /* Pantone 325U */
  --primary-rgb:92 196 185;
  --primary-ink:#1E7D74;      /* deeper turquoise for text/buttons (contrast) */
  --lime:#DAE342;             /* Pantone 380U */
  --plum:#951B81;             /* Pantone 258U */
  --bg:#F6FAF9;
  --surface:#FFFFFF;
  --surface-2:#EAF4F2;
  --fg:#13302C;
  --muted:#557370;
  --line:#D3E5E2;
  --on-primary:#FFFFFF;
  --danger:#B42318; --ok:#14804A; --warn:#A15C07;
  --shadow:0 1px 2px rgb(19 48 44 / .06),0 8px 24px rgb(19 48 44 / .06);
  --f-ar:"Almarai","Lato","Noto Sans Arabic",Tahoma,sans-serif;
  --f-en:"Lato","Almarai","Helvetica Neue",Arial,sans-serif;
  --r:14px; --r-sm:10px;
  --fs-xs:.75rem; --fs-sm:.875rem; --fs-md:1rem; --fs-lg:1.25rem; --fs-xl:1.75rem; --fs-2xl:2.5rem; --fs-hero:clamp(2.1rem,5.2vw,3.6rem);
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --primary-ink:#7FD6CC; --bg:#0D1B1A; --surface:#132625; --surface-2:#1A3230; --fg:#E4F2F0; --muted:#97B6B2; --line:#264240; --on-primary:#0D1B1A;
  --danger:#F97066; --ok:#47CD89; --warn:#F5B546; --shadow:0 1px 2px rgb(0 0 0 / .3),0 8px 24px rgb(0 0 0 / .25); color-scheme:dark}}
:root[data-theme="dark"]{
  --primary-ink:#7FD6CC; --bg:#0D1B1A; --surface:#132625; --surface-2:#1A3230; --fg:#E4F2F0; --muted:#97B6B2; --line:#264240; --on-primary:#0D1B1A;
  --danger:#F97066; --ok:#47CD89; --warn:#F5B546; --shadow:0 1px 2px rgb(0 0 0 / .3),0 8px 24px rgb(0 0 0 / .25); color-scheme:dark}

*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--f-ar);font-size:var(--fs-md);line-height:1.7;-webkit-font-smoothing:antialiased}
html[lang="en"] body,html[dir="ltr"] body{font-family:var(--f-en)}
h1,h2,h3,h4{line-height:1.25;margin:0;text-wrap:balance;font-weight:800}
p{margin:0}
a{color:inherit}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:6px}
.wrap{width:100%;max-width:1180px;margin-inline:auto;padding-inline:20px}
.num{font-variant-numeric:tabular-nums;font-family:var(--f-en)}
.muted{color:var(--muted)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;border:1.5px solid transparent;border-radius:999px;padding:.7em 1.4em;font-weight:700;text-decoration:none;cursor:pointer;line-height:1.2;transition:transform .15s,background .15s,border-color .15s;white-space:nowrap}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--primary-ink);color:#fff}
:root[data-theme="dark"] .btn-primary{color:#0D1B1A}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .btn-primary{color:#0D1B1A}}
.btn-primary:hover{filter:brightness(1.08)}
.btn-ghost{background:transparent;border-color:var(--line);color:var(--fg)}
.btn-ghost:hover{border-color:var(--primary);color:var(--primary-ink)}
.btn-lime{background:var(--lime);color:#1d2a10}
.btn-sm{padding:.5em 1em;font-size:var(--fs-sm)}
.btn-danger{background:transparent;border-color:color-mix(in srgb,var(--danger) 40%,transparent);color:var(--danger)}
.btn-danger.armed{background:var(--danger);color:#fff}
.btn[disabled],.btn.disabled{opacity:.5;pointer-events:none}
.icon-btn{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:var(--surface);cursor:pointer;color:var(--fg)}
.icon-btn svg{width:20px;height:20px}
svg.i{width:1.15em;height:1.15em;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* demo bar */
.demo-bar{background:var(--lime);color:#1d2a10;font-size:var(--fs-sm);text-align:center;padding:.45em 16px;font-weight:700}

/* header */
.site-hd{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:#0F2826;color:#fff;border-bottom:1px solid rgb(255 255 255 / .08)}
.hd-in{display:flex;align-items:center;gap:14px;min-height:76px}
.logo{display:inline-flex;align-items:center;color:var(--primary);text-decoration:none;flex:none}
.site-hd .logo{color:#fff}
.logo svg{height:46px;width:auto}
.logo img{height:46px;width:auto}
.hd-tools{display:flex;align-items:center;gap:10px;margin-inline-start:auto;flex-wrap:nowrap;min-width:0}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:46px;padding:.55em 1.4em;border-radius:999px;font-weight:800;text-decoration:none;cursor:pointer;white-space:nowrap;border:1.5px solid transparent;font-size:var(--fs-md);transition:background .15s,color .15s,border-color .15s}
.pill svg{width:18px;height:18px}
.pill.lg{min-height:54px;padding-inline:1.8em;font-size:1.05rem}
.pill-line{background:transparent;color:#fff;border-color:rgb(255 255 255 / .45)}
.pill-line:hover{border-color:#fff;background:rgb(255 255 255 / .08)}
.pill-solid{background:var(--primary);color:#0F2826}
.pill-solid:hover{filter:brightness(1.08)}
.site-hd .lang-dd.on-brand summary{background:transparent;color:#fff;border:1.5px solid rgb(255 255 255 / .45);min-height:46px;padding-inline:1.1em;font-size:var(--fs-md)}
.site-hd .mode-btn.on-brand{background:transparent;border:1.5px solid rgb(255 255 255 / .45);color:#fff;width:46px;height:46px;border-radius:999px}
.lang-btn{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:.4em .9em;font-weight:700;font-size:var(--fs-sm);cursor:pointer;display:inline-flex;gap:.4em;align-items:center}
@media (max-width: 760px){
  .hd-in{min-height:64px;gap:8px}
  .site-hd .logo svg{height:38px}
  .hd-tools{gap:6px}
  .hd-tools .pill-solid{display:none}
  .pill{min-height:40px;padding-inline:1em;font-size:var(--fs-sm)}
  .site-hd .lang-dd summary{min-height:40px;padding-inline:.8em}
  .site-hd .lang-dd summary span{display:none}
  .site-hd .lang-dd.on-brand summary{min-height:40px;padding-inline:.8em}
  .site-hd .mode-btn.on-brand{width:40px;height:40px}
}
@media (max-width: 380px){.hd-tools .pill-line span{display:none}}

.hd-search{position:relative;width:min(360px,34vw);display:flex;align-items:center}
.hs-in{position:relative;display:flex;align-items:center;width:100%}
.hs-in>svg{position:absolute;inset-inline-start:16px;width:18px;height:18px;color:rgb(255 255 255 / .75);pointer-events:none}
.hd-search input{width:100%;min-height:46px;border-radius:999px;border:1.5px solid rgb(255 255 255 / .35);background:rgb(255 255 255 / .08);color:#fff;padding-inline:44px 16px;font-weight:700}
.hd-search input::placeholder{color:rgb(255 255 255 / .7)}
.hd-search input:focus{outline:none;border-color:var(--primary);background:rgb(255 255 255 / .14)}
.hd-search input::-webkit-search-cancel-button{filter:invert(1)}
.sr-list{position:absolute;top:calc(100% + 8px);inset-inline:0;min-width:280px;background:var(--surface);color:var(--fg);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:6px;z-index:85;display:grid;gap:2px;max-height:min(70vh,480px);overflow-y:auto}
.sr-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;text-decoration:none;color:var(--fg)}
.sr-item:hover,.sr-item:focus{background:var(--surface-2);outline:none}
.sr-item .qi{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgb(var(--primary-rgb) / .16);color:var(--primary-ink);flex:none}
.sr-item .qi svg{width:20px;height:20px}
.sr-txt{display:grid;min-width:0}
.sr-txt b{font-size:var(--fs-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sr-txt small{color:var(--muted);font-size:var(--fs-xs);font-weight:700}
.sr-empty{padding:16px;color:var(--muted);text-align:center;font-weight:700}
@media (max-width: 760px){.hd-search{width:auto;flex:1;min-width:0}.hd-search input{min-height:40px;padding-inline:38px 12px;font-size:var(--fs-sm)}.hs-in>svg{inset-inline-start:13px}.hd-search{position:static}.sr-list{position:absolute;top:calc(100% + 6px);inset-inline:12px;min-width:0}}

/* banner (home hero) */
.banner{position:relative;isolation:isolate;overflow:hidden;color:#fff;min-height:clamp(520px,calc(100svh - 126px),920px);display:flex;align-items:flex-end;background:linear-gradient(135deg,#0F2826 0%,#174A45 55%,#2B7F76 100%)}
.banner::before{content:"";position:absolute;inset:0;background-image:var(--pattern);background-size:110px auto;opacity:.06;z-index:-2}
.banner.has-img::before{display:none}
.banner-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:30% 50%;z-index:-3}
.banner-art{position:absolute;inset-inline-end:-6%;top:50%;transform:translateY(-50%);width:min(62vw,760px);color:var(--primary);opacity:.22;z-index:-2}
.banner-art svg{width:100%;height:auto}
.banner-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgb(8 22 20 / .85) 0%,rgb(8 22 20 / .45) 45%,rgb(8 22 20 / .2) 100%),linear-gradient(to var(--shade-dir,left),rgb(8 22 20 / .55),transparent 65%)}
html[dir="ltr"] .banner-shade{--shade-dir:right}
.banner:not(.has-img) .banner-shade{background:linear-gradient(to top,rgb(8 22 20 / .45),transparent 60%)}
.banner-in{padding-block:64px 56px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.banner-eyebrow{font-weight:700;opacity:.85;font-size:var(--fs-md)}
.banner-since{font-weight:800;font-size:var(--fs-md);display:inline-flex;gap:.35em}
.banner h1{font-size:clamp(2.6rem,7.5vw,6rem);line-height:1.12;max-width:8.5em;letter-spacing:-.01em;margin-block:6px 4px}
.banner-sub{font-size:var(--fs-lg);opacity:.9;max-width:40em;white-space:pre-line}
.banner-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
.scroll-cue{display:inline-flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-weight:700;margin-top:26px;opacity:.9}
.mouse{width:28px;height:46px;border:2px solid rgb(255 255 255 / .8);border-radius:999px;display:grid;justify-items:center;padding-top:8px}
.mouse span{width:3px;height:9px;border-radius:3px;background:#fff;animation:cue 1.8s ease-in-out infinite}
@keyframes cue{0%{transform:translateY(0);opacity:1}70%{transform:translateY(12px);opacity:0}100%{transform:translateY(0);opacity:0}}
@media (max-width: 760px){.banner{min-height:clamp(480px,calc(100svh - 108px),760px)}.banner-in{padding-block:48px 36px}.scroll-cue{display:none}}

.lang-dd{position:relative}
.lang-dd summary{list-style:none;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:.4em .8em;font-weight:700;font-size:var(--fs-sm);cursor:pointer;display:inline-flex;gap:.4em;align-items:center;min-height:42px;white-space:nowrap}
.lang-dd summary::-webkit-details-marker{display:none}
.lang-dd summary svg{width:18px;height:18px}
.lang-dd summary svg:last-child{width:14px;height:14px;transition:transform .15s}
.lang-dd[open] summary svg:last-child{transform:rotate(180deg)}
.lang-menu{position:absolute;inset-inline-end:0;top:calc(100% + 6px);background:var(--surface);color:var(--fg);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:6px;min-width:190px;z-index:80;display:grid;gap:2px;max-height:min(60vh,420px);overflow-y:auto}
.lang-menu button{display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;background:transparent;padding:.6em .8em;border-radius:10px;cursor:pointer;font-weight:700;text-align:start;color:var(--fg)}
.lang-menu button:hover{background:var(--surface-2)}
.lang-menu button.on{color:var(--primary-ink);background:rgb(var(--primary-rgb) / .12)}
.lang-dd.on-brand summary{background:rgb(255 255 255 / .95);color:#13302C;border-color:transparent}
.mode-btn.on-brand{background:rgb(255 255 255 / .2);border-color:transparent;color:#fff}

/* brand panel with pattern */
.brand-panel{position:relative;background-color:var(--primary);color:#fff;overflow:hidden;border-radius:28px;isolation:isolate}
.brand-panel::before{content:"";position:absolute;inset:0;background-image:var(--pattern);background-size:96px auto;opacity:.22;z-index:-1}

/* hero */
.hero{padding-block:48px 32px}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.hero-grid>*{min-width:0}
.eyebrow{display:inline-flex;align-items:center;gap:.5em;font-size:var(--fs-sm);font-weight:700;color:var(--primary-ink);letter-spacing:.02em}
.eyebrow::before{content:"";width:22px;height:3px;border-radius:3px;background:var(--lime)}
.hero h1{font-size:var(--fs-hero);margin-block:14px 16px;letter-spacing:-.01em}
.hero h1 mark{background:linear-gradient(transparent 62%,var(--lime) 62%);color:inherit;padding-inline:.08em}
.hero .lead{font-size:var(--fs-lg);color:var(--muted);max-width:34em}
.hero-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.hero-art{aspect-ratio:1/1;max-width:100%;display:grid;place-items:center}
.hero-art .big-logo{width:62%;color:#fff}
.hero-art .big-logo svg{width:100%;height:auto}
.hero-art img{width:100%;height:100%;object-fit:cover}
@media (max-width: 860px){.hero-grid{grid-template-columns:1fr}.hero-art{aspect-ratio:16/11}}

/* sections */
.sec{padding-block:56px}
.sec-hd{display:flex;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:28px}
.sec-hd h2{font-size:var(--fs-2xl)}
.sec-hd p{color:var(--muted);max-width:40em}
.page-hd{padding-block:44px 8px}
.page-hd h1{font-size:clamp(2rem,4.5vw,3rem)}
.page-hd p{color:var(--muted);font-size:var(--fs-lg);margin-top:10px;max-width:40em}
.prose{font-size:1.125rem;max-width:42em;line-height:1.95}
.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.intro-grid>*{min-width:0}
@media (max-width: 860px){.intro-grid{grid-template-columns:1fr}}
.intro-photo{border-radius:28px;overflow:hidden;aspect-ratio:4/3;width:100%;background:var(--surface-2)}
.intro-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 58%}
.mark-tile{aspect-ratio:4/3;display:grid;place-items:center}
.mark-tile svg{width:38%;color:#fff}

/* vision mission goals */
.vmg{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.vmg>*{min-width:0}
.vmg-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:26px}
.vmg-card h3{font-size:var(--fs-lg);display:flex;align-items:center;gap:.5em;margin-bottom:10px;color:var(--primary-ink)}
.vmg-card ul{margin:0;padding-inline-start:1.1em;display:grid;gap:6px}
.vmg-card li::marker{color:var(--primary)}
@media (max-width: 860px){.vmg{grid-template-columns:1fr}}

/* stats */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.stat{padding:24px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line)}
.stat b{display:block;font-size:2.6rem;line-height:1;color:var(--primary-ink);font-family:var(--f-en);font-weight:900;font-variant-numeric:tabular-nums}
.stat span{color:var(--muted);font-weight:700}

/* reviews */
.reviews{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.review{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:22px;display:flex;flex-direction:column;gap:12px}
.stars{color:var(--plum);letter-spacing:2px;font-size:1.05rem}
:root[data-theme="dark"] .stars{color:#E07BCF}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .stars{color:#E07BCF}}
.review p{flex:1}
.review b{font-size:var(--fs-sm)}

/* cta cards */
.cta2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.cta2>*{min-width:0}
.cta-card{padding:30px;display:flex;flex-direction:column;gap:12px;align-items:flex-start;border-radius:24px}
.cta-card h3{font-size:var(--fs-xl)}
.cta-card.alt{background:var(--surface-2);border:1px solid var(--line)}
.brand-panel .btn-primary{background:#fff;color:#16524C}
@media (max-width: 760px){.cta2{grid-template-columns:1fr}}

/* app page */
.store-badges{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.store-badges>*{min-width:0}
.badge-card{display:flex;align-items:center;gap:14px;padding:18px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);text-decoration:none}
.badge-card:hover{border-color:var(--primary)}
.badge-card .bi{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:var(--fg);color:var(--bg);flex:none}
.badge-card .bi svg{width:26px;height:26px}
.badge-card small{display:block;color:var(--muted);font-size:var(--fs-xs)}
.badge-card strong{display:block;font-size:var(--fs-lg)}
.badge-card.off{opacity:.6;cursor:default}
@media (max-width: 760px){.store-badges{grid-template-columns:1fr}}
.phone-mock{width:min(260px,70%);aspect-ratio:9/18;border-radius:36px;border:10px solid var(--fg);margin-inline:auto;overflow:hidden;background:var(--primary);display:grid;place-items:center;position:relative;isolation:isolate}
.phone-mock::before{content:"";position:absolute;inset:0;background-image:var(--pattern);background-size:70px auto;opacity:.25;z-index:-1}
.phone-mock svg{width:62%;color:#fff}

/* branches */
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:.4em 1em;font-weight:700;font-size:var(--fs-sm);cursor:pointer;color:var(--muted)}
.chip.on{background:var(--primary-ink);border-color:var(--primary-ink);color:#fff}
:root[data-theme="dark"] .chip.on{color:#0D1B1A}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .chip.on{color:#0D1B1A}}
.branches{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}
.branch{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:22px;display:flex;flex-direction:column;gap:10px}
.branch h3{font-size:var(--fs-lg)}
.branch .row{display:flex;gap:.6em;align-items:flex-start;color:var(--muted);font-size:var(--fs-sm)}
.branch .row svg{margin-top:.25em;color:var(--primary-ink)}
.tag{display:inline-flex;align-items:center;gap:.3em;font-size:var(--fs-xs);font-weight:800;padding:.2em .7em;border-radius:999px;background:rgb(var(--primary-rgb) / .16);color:var(--primary-ink)}
.tag.plum{background:color-mix(in srgb,var(--plum) 14%,transparent);color:var(--plum)}
:root[data-theme="dark"] .tag.plum{color:#E07BCF}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .tag.plum{color:#E07BCF}}
.tag.lime{background:var(--lime);color:#1d2a10}
.tag.gray{background:var(--surface-2);color:var(--muted)}
.tag.red{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}
.tag.green{background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok)}
.tag.amber{background:color-mix(in srgb,var(--warn) 16%,transparent);color:var(--warn)}
.branch .actions{margin-top:auto;padding-top:6px;display:flex;gap:8px;flex-wrap:wrap}

/* contact */
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.contact-grid>*{min-width:0}
.c-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:22px;display:flex;flex-direction:column;gap:8px}
.c-card .lbl{color:var(--muted);font-weight:700;font-size:var(--fs-sm);display:flex;gap:.5em;align-items:center}
.c-card .val{font-size:1.4rem;font-weight:900;font-family:var(--f-en);direction:ltr;text-align:start;unicode-bidi:plaintext;user-select:all;overflow-wrap:anywhere}
.c-card .acts{display:flex;gap:8px;flex-wrap:wrap}
@media (max-width: 860px){.contact-grid{grid-template-columns:1fr}}
.socials{display:flex;flex-wrap:wrap;gap:10px}
.social{display:inline-flex;align-items:center;gap:.55em;padding:.6em 1.1em;border-radius:999px;border:1px solid var(--line);background:var(--surface);text-decoration:none;font-weight:700}
.social:hover{border-color:var(--primary)}
.social svg{width:18px;height:18px}

/* careers */
.jobs{display:grid;gap:12px}
.job{display:flex;align-items:center;gap:16px;justify-content:space-between;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px 22px}
.job h3{font-size:var(--fs-lg)}
.job .meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.form-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:28px}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fgrid .full{grid-column:1/-1}
.fgrid>*{min-width:0}
@media (max-width: 640px){.fgrid{grid-template-columns:1fr}}
.f label,.fld>label{display:block;font-weight:700;font-size:var(--fs-sm);margin-bottom:6px}
.f input,.f select,.f textarea,.fld input,.fld select,.fld textarea,.inp{width:100%;border:1.5px solid var(--line);background:var(--bg);border-radius:var(--r-sm);padding:.65em .85em;min-height:44px}
.f textarea,.fld textarea{min-height:96px;resize:vertical}
.f input:focus,.f select:focus,.f textarea:focus,.fld input:focus,.fld select:focus,.fld textarea:focus,.inp:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgb(var(--primary-rgb) / .25)}
.f .err{color:var(--danger);font-size:var(--fs-xs);margin-top:4px;display:none}
.f.bad .err{display:block}
.f.bad input,.f.bad select{border-color:var(--danger)}
.success{display:flex;gap:12px;align-items:center;padding:16px 18px;border-radius:var(--r);background:color-mix(in srgb,var(--ok) 12%,transparent);color:var(--ok);font-weight:700;margin-bottom:16px}

/* store page */
.store-hero{padding:44px;display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}
.store-hero>*{min-width:0}
.store-hero h2{font-size:var(--fs-2xl)}
.store-hero p{font-size:var(--fs-lg);opacity:.95;margin-block:10px 22px}
@media (max-width: 760px){.store-hero{grid-template-columns:1fr;padding:28px}}

/* footer */
.site-ft{margin-top:56px;background:#0F2826;color:#E4F2F0}
.ft-in{display:flex;flex-direction:column;align-items:center;text-align:center;padding-block:64px 28px;gap:18px}
.ft-logo{color:#fff}
.ft-logo svg,.ft-logo img{height:64px}
.ft-since{color:rgb(255 255 255 / .72);font-weight:700;max-width:44em;line-height:1.9}
.nowrap{white-space:nowrap}
.ft-icons{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;padding-block:6px 18px}
.ft-ic{width:56px;height:56px;border-radius:50%;border:1.5px solid rgb(255 255 255 / .35);display:grid;place-items:center;color:#fff;transition:background .15s,border-color .15s,color .15s}
.ft-ic svg{width:22px;height:22px}
.ft-ic:hover{background:var(--primary);border-color:var(--primary);color:#0F2826}
.ft-nav{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 34px;padding-block:28px;border-block:1px solid rgb(255 255 255 / .12)}
.ft-nav a{color:rgb(255 255 255 / .82);text-decoration:none;font-weight:800;font-size:1.05rem}
.ft-nav a:hover{color:var(--primary)}
.ft-bottom{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 28px;color:rgb(255 255 255 / .55);font-size:var(--fs-sm);padding-top:8px}
.ft-bottom a{color:inherit;text-decoration:none}
.ft-bottom a:hover{color:#fff}
@media (max-width: 760px){.ft-in{padding-block:44px 96px}.ft-ic{width:48px;height:48px}.ft-nav{gap:10px 22px}}

/* quick access */
.qa-fab{position:fixed;inset-inline-end:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:45;display:flex;align-items:center;gap:12px;flex-direction:row-reverse}
html[dir="ltr"] .qa-fab{flex-direction:row-reverse}
.qa-btn{width:72px;height:72px;border-radius:22px;background:var(--primary-ink);color:#fff;border:0;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 30px rgb(6 30 28 / .35);transition:transform .15s}
.qa-btn:hover{transform:scale(1.05)}
.qa-btn svg{width:28px;height:28px}
.qa-tip{background:#fff;color:#13302C;font-weight:800;font-size:var(--fs-sm);padding:.55em 1.1em;border-radius:999px;box-shadow:0 6px 20px rgb(6 30 28 / .2);position:relative;white-space:nowrap}
.qa-tip::after{content:"";position:absolute;top:50%;inset-inline-end:-6px;width:12px;height:12px;background:#fff;transform:translateY(-50%) rotate(45deg)}
:root[data-theme="dark"] .qa-btn{background:var(--primary);color:#0F2826}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .qa-btn{background:var(--primary);color:#0F2826}}
@media (max-width: 760px){.qa-fab{inset-inline-end:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}.qa-btn{width:58px;height:58px;border-radius:18px}.qa-tip{display:none}}
.qa-btn .i-close{display:none}
.qa-open .qa-fab{z-index:62}
.qa-open .qa-btn{background:#F3F1EA;color:#0F2826}
.qa-open .qa-btn .i-open,.qa-open .qa-tip{display:none}
.qa-open .qa-btn .i-close{display:grid}
.qa-scrim{position:fixed;inset:0;background:rgb(6 20 18 / .55);backdrop-filter:blur(2px);z-index:60;opacity:0;pointer-events:none;transition:opacity .2s}
.qa-panel{position:fixed;inset-inline-end:24px;bottom:calc(112px + env(safe-area-inset-bottom,0px));width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 140px);overflow-y:auto;background:#0F2826;color:#fff;border:1px solid rgb(255 255 255 / .08);border-radius:28px;padding:14px 22px 22px;z-index:61;box-shadow:0 24px 60px rgb(0 0 0 / .45);opacity:0;visibility:hidden;transform:translateY(16px) scale(.98);transform-origin:bottom;transition:opacity .2s,transform .25s ease,visibility 0s .25s}
.qa-open .qa-scrim{opacity:1;pointer-events:auto}
.qa-open .qa-panel{opacity:1;visibility:visible;transform:none;transition:opacity .2s,transform .25s ease}
.qa-handle{display:block;width:44px;height:5px;border-radius:9px;background:rgb(255 255 255 / .22);margin:0 auto 14px}
.qa-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}
.qa-top small{display:block;color:var(--primary);font-weight:700;font-size:var(--fs-sm);margin-bottom:4px}
.qa-top h2{margin:0;font-size:clamp(1.35rem,3vw,1.75rem);font-weight:800;color:#fff;line-height:1.3}
.qa-x{width:44px;height:44px;flex:none;border-radius:14px;border:1px solid rgb(255 255 255 / .14);background:rgb(255 255 255 / .06);color:#fff;display:grid;place-items:center;cursor:pointer}
.qa-x:hover{background:rgb(255 255 255 / .14)}
.qa-x svg{width:20px;height:20px}
.qa-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.qa-grid a{display:flex;flex-direction:column;align-items:flex-start;gap:22px;min-height:132px;padding:18px;border-radius:22px;background:rgb(255 255 255 / .05);border:1px solid rgb(255 255 255 / .09);color:#fff;text-decoration:none;transition:background .15s,border-color .15s,transform .15s}
.qa-grid a:hover{background:rgb(255 255 255 / .1);border-color:rgb(var(--primary-rgb) / .6);transform:translateY(-2px)}
.qa-grid a b{font-size:1.08rem;font-weight:800;margin-top:auto}
.qa-grid .qi{width:56px;height:56px;border-radius:16px;display:grid;place-items:center}
.qa-grid .qi svg{width:26px;height:26px}
.qa-grid .qi.c1{background:var(--primary);color:#0F2826}
.qa-grid .qi.c2{background:var(--lime);color:#2A2D05}
.qa-grid .qi.c3{background:var(--plum);color:#fff}
.qa-grid .qi.c4{background:#F3F1EA;color:#0F2826}
.qa-grid a:last-child:nth-child(odd){grid-column:1 / -1;min-height:auto;flex-direction:row;align-items:center}
.qa-grid a:last-child:nth-child(odd) b{margin-top:0}
@media (max-width: 760px){.qa-panel{inset-inline-end:16px;bottom:calc(90px + env(safe-area-inset-bottom,0px));padding:12px 16px 16px;border-radius:24px}.qa-grid{gap:10px}.qa-grid a{min-height:112px;padding:14px;gap:16px}.qa-grid .qi{width:48px;height:48px;border-radius:14px}}

/* toast + modal */
.toasts{position:fixed;inset-inline:0;bottom:calc(18px + env(safe-area-inset-bottom,0px));display:grid;justify-items:center;gap:8px;z-index:100;pointer-events:none;padding-inline:16px}
.toast{background:var(--fg);color:var(--bg);padding:.7em 1.2em;border-radius:12px;font-weight:700;box-shadow:var(--shadow);animation:tin .2s ease}
.toast.err{background:var(--danger);color:#fff}
@keyframes tin{from{transform:translateY(8px);opacity:.4}}
.modal-wrap{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:16px;background:rgb(6 20 18 / .5);overflow-y:auto}
.modal{background:var(--surface);border-radius:20px;width:min(720px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;box-shadow:var(--shadow);display:flex;flex-direction:column}
.modal.wide{width:min(900px,100%)}
.modal-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--surface);z-index:2}
.modal-hd h3{font-size:var(--fs-lg)}
.modal-bd{padding:20px;display:grid;gap:16px}
.modal-ft{padding:14px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px;position:sticky;bottom:0;background:var(--surface)}

/* ================= MENU ================= */
.mn{--mn-bg:var(--bg);--mn-card:var(--surface);--mn-accent:var(--primary-ink);background:var(--mn-bg);min-height:100vh}
.mn-top{background:var(--primary);color:#fff;position:relative;isolation:isolate;overflow:hidden}
.mn-top::before{content:"";position:absolute;inset:0;background-image:var(--pattern);background-size:80px auto;opacity:.2;z-index:-1}
.mn-top-in{display:flex;align-items:center;gap:12px;padding-block:14px;flex-wrap:wrap}
.mn-top .logo{color:#fff}
.mn-top .logo svg{height:52px}
.mn-top .sp{flex:1}
.mn-top a.back{color:#fff;text-decoration:none;font-weight:700;font-size:var(--fs-sm);display:inline-flex;gap:.4em;align-items:center;padding:.45em .9em;border-radius:999px;background:rgb(255 255 255 / .18)}
.mn-top select{background:rgb(255 255 255 / .95);color:#13302C;border:0;border-radius:999px;padding:.45em .9em;font-weight:700;font-size:var(--fs-sm)}
.mn-title{padding-block:4px 20px}
.mn-title h1{font-size:clamp(1.6rem,4vw,2.3rem)}
.seg{display:inline-flex;background:rgb(255 255 255 / .2);border-radius:999px;padding:4px;gap:4px;flex-wrap:wrap}
.seg button{border:0;background:transparent;color:#fff;font-weight:800;padding:.5em 1.1em;border-radius:999px;cursor:pointer;font-size:var(--fs-sm)}
.seg button.on{background:#fff;color:#16524C}
.mn-bar{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:var(--mn-bg);border-bottom:1px solid var(--line);padding-block:12px}
.mn-search{position:relative;margin-bottom:12px}
.mn-search input{width:100%;border:1.5px solid var(--line);background:var(--mn-card);border-radius:999px;padding:.7em 2.8em .7em 1.1em;min-height:46px}
html[dir="ltr"] .mn-search input{padding:.7em 1.1em .7em 2.8em}
.mn-search svg{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);color:var(--muted)}
html[dir="rtl"] .mn-search input{padding-inline:2.8em 1.1em}
.cat-rail{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;scroll-snap-type:x proximity}
.cat-rail::-webkit-scrollbar{display:none}
.cat-pill{flex:none;display:flex;flex-direction:column;align-items:center;gap:6px;width:92px;border:0;background:transparent;cursor:pointer;scroll-snap-align:start;padding:0;color:var(--fg)}
.cat-pill .ci{width:72px;height:72px;border-radius:20px;overflow:hidden;border:2px solid transparent;display:grid;place-items:center;background:rgb(var(--primary-rgb) / .16);color:var(--primary-ink);transition:border-color .15s}
.cat-pill .ci img{width:100%;height:100%;object-fit:cover}
.cat-pill .ci svg{width:34px;height:34px}
.cat-pill span{font-size:var(--fs-xs);font-weight:800;line-height:1.3;text-align:center}
.cat-pill.on .ci{border-color:var(--mn-accent)}
.cat-pill.on span{color:var(--mn-accent)}
.mn-sec{padding-block:26px 6px;scroll-margin-top:190px}
.mn-sec-hd{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.mn-sec-hd .ci{width:52px;height:52px;border-radius:14px;overflow:hidden;display:grid;place-items:center;background:rgb(var(--primary-rgb) / .16);color:var(--primary-ink);flex:none}
.mn-sec-hd .ci img{width:100%;height:100%;object-fit:cover}
.mn-sec-hd .ci svg{width:28px;height:28px}
.mn-sec-hd h2{font-size:var(--fs-xl)}
.mn-sec-hd small{color:var(--muted);font-weight:700}
.p-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.p-grid.list{grid-template-columns:1fr 1fr}
@media (max-width: 760px){.p-grid.list{grid-template-columns:1fr}}
@media (max-width: 520px){.p-grid{grid-template-columns:1fr 1fr;gap:10px}}
.p-card{background:var(--mn-card);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;text-align:start;padding:0;transition:transform .15s,box-shadow .15s;color:var(--fg);min-width:0}
.p-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.p-img{aspect-ratio:4/3;background:var(--pc,rgb(var(--primary-rgb) / .18));display:grid;place-items:center;color:var(--primary-ink);position:relative}
.p-img img{width:100%;height:100%;object-fit:cover}
.p-img svg.i{width:42%;height:42%;stroke-width:1.2;opacity:.75}
.p-img .tag{position:absolute;inset-block-start:10px;inset-inline-start:10px}
.p-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px;flex:1}
.p-body h3{font-size:1.02rem;font-weight:800}
.p-body p{font-size:var(--fs-sm);color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.p-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:8px;flex-wrap:wrap}
.price{font-weight:900;color:var(--mn-accent);font-family:var(--f-en);font-variant-numeric:tabular-nums;font-size:1.1rem}
.price small{font-size:.72em;font-weight:700;font-family:var(--f-ar)}
.kcal{font-size:var(--fs-xs);color:var(--muted);font-weight:700}
.p-card.featured{grid-column:span 2;flex-direction:row}
.p-card.featured .p-img{aspect-ratio:auto;width:48%;min-height:220px}
@media (max-width: 520px){.p-card.featured{flex-direction:column}.p-card.featured .p-img{width:100%;min-height:0;aspect-ratio:16/9}}
.p-card.compact .p-img{display:none}
.p-grid.list .p-card{flex-direction:row}
.p-grid.list .p-card .p-img{width:120px;aspect-ratio:1/1;flex:none}
.p-grid.list .p-card.featured{grid-column:auto}
.mn-notes{padding-block:24px 40px;color:var(--muted);font-size:var(--fs-sm);display:grid;gap:4px}
.allergens{display:flex;flex-wrap:wrap;gap:6px}
.pd-img{aspect-ratio:16/10;border-radius:16px;overflow:hidden;background:var(--pc,rgb(var(--primary-rgb) / .18));display:grid;place-items:center;color:var(--primary-ink)}
.pd-img img{width:100%;height:100%;object-fit:cover}
.pd-img svg.i{width:30%;height:30%;stroke-width:1.2}
.pd-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.pd-fact{background:var(--surface-2);border-radius:12px;padding:12px 14px}
.pd-fact small{display:block;color:var(--muted);font-weight:700;font-size:var(--fs-xs)}
.pd-fact b{font-size:1.2rem;font-family:var(--f-en)}
.empty{padding:40px 20px;text-align:center;color:var(--muted);border:1.5px dashed var(--line);border-radius:var(--r)}

/* ================= ADMIN ================= */
.adm-login{--f-lg:"IBM Plex Sans Arabic","Almarai",Tahoma,sans-serif;min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);background:var(--bg);font-family:var(--f-lg)}
.adm-login h1,.adm-login h2,.adm-login .btn,.adm-login input,.adm-login label{font-family:var(--f-lg)}
.lg-side{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;gap:40px;padding:48px 56px;color:#fff;
  background:linear-gradient(155deg,#1E7D74 0%,#2F9C90 48%,#5CC4B9 100%)}
.lg-b{position:absolute;border-radius:50%;z-index:-1;pointer-events:none}
.lg-b2{width:520px;height:520px;inset-inline-end:-200px;bottom:-220px;background:radial-gradient(circle,rgb(149 27 129 / .28),rgb(149 27 129 / 0) 66%)}
.lg-rose{position:absolute;z-index:-1;pointer-events:none;opacity:.14;animation:lgSpin 70s linear infinite}
.lg-rose.r1{width:440px;height:440px;inset-inline-end:-120px;top:50%;margin-top:-260px;animation:lgSpin 70s linear infinite,lgBreath 9s ease-in-out infinite}
.lg-rose.r2{width:120px;height:120px;inset-inline-start:12%;top:16%;opacity:.12;animation:lgSpin 40s linear infinite reverse,lgFloat 11s ease-in-out infinite}
.lg-rose.r3{width:70px;height:70px;inset-inline-start:42%;bottom:22%;opacity:.1;animation:lgSpin 30s linear infinite,lgFloat 9s ease-in-out -4s infinite}
@keyframes lgSpin{to{rotate:360deg}}
@keyframes lgBreath{0%,100%{scale:1;opacity:.12}50%{scale:1.08;opacity:.18}}
@keyframes lgFloat{0%,100%{translate:0 0}50%{translate:0 -18px}}
.lg-logo{display:flex;color:#fff}.lg-logo svg{height:56px;width:auto}
.lg-quote{max-width:540px;position:relative;z-index:1}
.lg-quote small{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-sm);font-weight:600;color:#1d2a10;background:var(--lime);border-radius:999px;padding:5px 14px;margin-bottom:22px}
.lg-quote h2{font-size:clamp(1.8rem,1rem + 1.7vw,2.6rem);line-height:1.45;font-weight:700;margin:0 0 26px;color:#fff;min-height:2.9em;transition:opacity .35s,transform .35s;text-wrap:balance}
.lg-quote h2.out{opacity:0;transform:translateY(8px)}
.lg-dots{display:flex;gap:8px}
.lg-dots button{width:8px;height:8px;border-radius:999px;border:0;padding:0;background:rgb(255 255 255 / .45);cursor:pointer;transition:width .3s,background .3s}
.lg-dots button.on{width:28px;background:#fff}
.lg-main{display:grid;place-items:center;padding:40px 24px}
.login-card{width:min(400px,100%);display:grid;gap:16px}
.login-card .logo{display:none}
.lg-hd h1{font-size:clamp(1.6rem,1.2rem + .8vw,2rem);font-weight:700;margin:0 0 10px;color:var(--primary)}
.lg-hd p{margin:0 0 6px;color:var(--muted);font-size:1.05rem;font-weight:600}.lg-hd p b{color:var(--primary);font-weight:700}
.login-card label{font-weight:600}
.login-card input:not([type=checkbox]){min-height:50px;border-radius:12px}
.login-card input:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgb(var(--primary-rgb) / .18)}
.login-card .btn-primary{min-height:50px;font-size:1.02rem;border-radius:12px;background:var(--primary);border-color:var(--primary);color:#fff;font-weight:700}
.login-card .btn-primary:hover{background:#4AB3A8;border-color:#4AB3A8}
.login-card .cl-forgot{color:var(--primary)}
.login-card .hint{border-inline-start:3px solid var(--primary)}
.lg-back{justify-self:center;font-size:var(--fs-sm);color:var(--muted);text-decoration:none}.lg-back:hover{color:var(--primary-ink)}
@media (max-width:860px){.adm-login{grid-template-columns:1fr;grid-template-rows:auto 1fr}
  .lg-side{padding:24px 20px 26px;gap:22px}.lg-logo svg{height:40px}.lg-quote h2{font-size:1.4rem;min-height:2.9em;margin-bottom:16px}.lg-quote small{margin-bottom:14px}
  .lg-rose.r1{width:240px;height:240px;margin-top:-120px;inset-inline-end:-70px}.lg-rose.r2,.lg-rose.r3{display:none}.lg-b2{width:300px;height:300px}.lg-main{place-items:start center;padding:28px 16px 36px}}
.hint{font-size:var(--fs-sm);color:var(--muted);background:var(--surface-2);border-radius:12px;padding:12px 14px}
.hint code{font-family:var(--f-en);font-weight:700;color:var(--fg);direction:ltr;unicode-bidi:isolate}
.adm{display:grid;grid-template-columns:280px 1fr;min-height:100vh}
.adm>*{min-width:0}
.adm-side{background:var(--surface);border-inline-end:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column;gap:6px;position:sticky;top:0;height:100vh;overflow-y:auto}
.adm-side .logo{padding:6px 10px 16px}
.adm-side .logo svg{height:44px}
.adm-nav{display:grid;gap:2px}
.adm-nav button{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:0;background:transparent;border-radius:10px;cursor:pointer;font-weight:700;text-align:start;color:var(--muted)}
.adm-nav button:hover{background:var(--surface-2);color:var(--fg)}
.adm-nav button.on{background:rgb(var(--primary-rgb) / .16);color:var(--primary-ink)}
.adm-nav button .cnt{margin-inline-start:auto;background:var(--plum);color:#fff;border-radius:999px;font-size:var(--fs-xs);padding:0 .6em;font-family:var(--f-en)}
.adm-nav button>span:not(.cnt):not(.nav-chev){flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.adm-nav button{gap:10px}
.nav-chev{display:inline-flex;margin-inline-start:auto}.nav-chev svg{width:16px;height:16px;transition:transform .2s}
.nav-grp.open>button .nav-chev svg{transform:rotate(-90deg)}
.nav-grp>button .cnt{margin-inline-start:0}
.nav-subs{display:grid;gap:1px;margin:2px 0 6px;padding-inline-start:22px;border-inline-start:2px solid var(--line);margin-inline-start:21px}
.nav-subs[hidden]{display:none}
.adm-nav .nav-subs button{padding:7px 10px;font-weight:600;font-size:var(--fs-sm);border-radius:8px}
.adm-nav .nav-subs button.on{background:transparent;color:var(--primary-ink);font-weight:800}
.adm-nav .nav-subs button.on::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--primary);flex:none}
.adm-side .bottom{margin-top:auto;display:grid;gap:6px;padding-top:14px;border-top:1px solid var(--line)}
.adm-main{display:flex;flex-direction:column;min-height:100vh}
.adm-top{display:flex;align-items:center;gap:12px;padding:14px 24px;border-bottom:1px solid var(--line);background:var(--surface);position:sticky;top:0;z-index:20}
.adm-top h1{font-size:var(--fs-lg);flex:1}
.save-state{font-size:var(--fs-sm);color:var(--ok);font-weight:700;display:flex;align-items:center;gap:.4em}
.save-state.busy{color:var(--muted)}
.save-state.fail{color:var(--danger)}
.who{display:flex;align-items:center;gap:8px;font-size:var(--fs-sm);font-weight:700}
.avatar{width:34px;height:34px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:800}
.adm-body{padding:24px;display:grid;gap:20px;align-content:start}
.adm-menu-btn{display:none}
@media (max-width: 900px){
  .adm{grid-template-columns:1fr}
  .adm-side{position:fixed;inset-block:0;inset-inline-start:0;width:280px;z-index:70;transform:translateX(var(--side-off,100%));transition:transform .2s;box-shadow:var(--shadow)}
  html[dir="ltr"] .adm-side{--side-off:-100%}
  .side-open .adm-side{transform:none}
  .side-open .adm-scrim{display:block}
  .adm-menu-btn{display:inline-grid}
  .adm-body{padding:16px}
  .adm-top{padding:12px 16px}
  .who span{display:none}
}
.adm-scrim{display:none;position:fixed;inset:0;background:rgb(6 20 18 / .45);z-index:65}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;display:grid;gap:16px}
.panel>h2,.panel-hd h2{font-size:var(--fs-lg)}
.panel-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.panel-hd p{color:var(--muted);font-size:var(--fs-sm)}
.tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:10px}
.tabs button{border:0;background:transparent;padding:.55em 1em;border-radius:999px;font-weight:800;cursor:pointer;color:var(--muted);font-size:var(--fs-sm)}
.tabs button.on{background:var(--fg);color:var(--bg)}
.tabs button .cnt{font-family:var(--f-en);opacity:.8}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.kpi{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px}
.kpi small{color:var(--muted);font-weight:700;display:block}
.kpi b{font-size:2rem;font-family:var(--f-en);font-variant-numeric:tabular-nums;line-height:1.2}
.kpi .sub{font-size:var(--fs-xs);color:var(--muted)}
.todo{display:grid;gap:8px}
.todo-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
.todo-item .dot{width:10px;height:10px;border-radius:50%;flex:none;background:var(--warn)}
.todo-item.ok .dot{background:var(--ok)}
.todo-item span{flex:1;min-width:0}
.fgrid2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.fgrid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.fgrid2>*,.fgrid3>*{min-width:0}
.fgrid2 .full,.fgrid3 .full{grid-column:1/-1}
@media (max-width: 760px){.fgrid2,.fgrid3{grid-template-columns:1fr}}
.fld .help{font-size:var(--fs-xs);color:var(--muted);margin-top:4px}
.ml{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.ml-i{position:relative;min-width:0}
.ml-i .ml-tag{position:absolute;inset-block-start:-9px;inset-inline-end:10px;background:var(--surface);font-size:10px;font-weight:800;color:var(--muted);padding:0 6px;letter-spacing:.04em;border-radius:6px}
.ml-i input,.ml-i textarea{width:100%}
.ltr{direction:ltr;text-align:left}
.switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-weight:700;font-size:var(--fs-sm);user-select:none}
.switch input{appearance:none;width:42px;height:24px;border-radius:999px;background:var(--line);position:relative;cursor:pointer;transition:background .15s;flex:none;margin:0}
.switch input::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:inset-inline-start .15s;box-shadow:0 1px 2px rgb(0 0 0 / .2)}
.switch input:checked{background:var(--primary-ink)}
.switch input:checked::after{inset-inline-start:21px}
.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px}
table.tbl{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}
.tbl th{text-align:start;font-weight:800;color:var(--muted);background:var(--surface-2);padding:10px 12px;white-space:nowrap;font-size:var(--fs-xs)}
.tbl td{padding:10px 12px;border-top:1px solid var(--line);vertical-align:middle}
.tbl tr.hidden-row td{opacity:.55}
.tbl tr.hidden-row td:last-child,.tbl tr.hidden-row td.keep{opacity:1}
.tbl .thumb{width:46px;height:46px;border-radius:10px;overflow:hidden;background:rgb(var(--primary-rgb) / .16);display:grid;place-items:center;color:var(--primary-ink)}
.tbl .thumb img{width:100%;height:100%;object-fit:cover}
.tbl .thumb svg{width:22px;height:22px}
.tbl .acts{display:flex;gap:6px;justify-content:flex-end;flex-wrap:nowrap}
.tbl .pname b{display:block}
.tbl .pname small{color:var(--muted);font-family:var(--f-en)}
@media (max-width: 760px){
  table.tbl.cards thead{display:none}
  table.tbl.cards,table.tbl.cards tbody,table.tbl.cards tr,table.tbl.cards td{display:block;width:100%}
  table.tbl.cards tr{border-top:1px solid var(--line);padding:10px 4px;display:grid;grid-template-columns:auto 1fr;gap:4px 12px}
  table.tbl.cards td{border:0;padding:2px 8px}
  table.tbl.cards td[data-l]::before{content:attr(data-l) " : ";color:var(--muted);font-weight:700;font-size:var(--fs-xs)}
  table.tbl.cards td.c-thumb{grid-row:span 3}
  table.tbl.cards td.c-wide{grid-column:1/-1}
  table.tbl.cards .acts{justify-content:flex-start}
}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.toolbar .inp{width:auto;min-width:0;flex:1 1 180px}
.toolbar select.inp{flex:0 1 200px}
.list-rows{display:grid;gap:12px}
.list-row{border:1px solid var(--line);border-radius:14px;padding:16px;background:var(--bg);display:grid;gap:12px}
.list-row .row-hd{display:flex;align-items:center;gap:8px;justify-content:space-between;flex-wrap:wrap}
.list-row .row-hd b{font-size:var(--fs-md)}
.row-acts{display:flex;gap:6px;flex-wrap:wrap}
.img-field{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.img-prev{width:96px;height:96px;border-radius:14px;overflow:hidden;background:rgb(var(--primary-rgb) / .16);display:grid;place-items:center;color:var(--primary-ink);flex:none;border:1px solid var(--line)}
.img-prev.wide{width:160px;height:100px}
.img-prev img{width:100%;height:100%;object-fit:cover}
.img-prev.contain img{object-fit:contain;padding:8px}
.img-prev svg{width:44%;height:44%}
.file-btn{position:relative;overflow:hidden}
.file-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}
.al-chips{display:flex;flex-wrap:wrap;gap:8px}
.al-chips label{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--line);border-radius:999px;padding:.35em .9em;cursor:pointer;font-weight:700;font-size:var(--fs-sm)}
.al-chips input{accent-color:var(--primary-ink)}
.al-chips label:has(input:checked){border-color:var(--primary-ink);background:rgb(var(--primary-rgb) / .12)}
.perm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}
.perm-grid label{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-weight:700;font-size:var(--fs-sm);cursor:pointer}
.perm-grid input{accent-color:var(--primary-ink);width:18px;height:18px}
.color-row{display:flex;gap:10px;align-items:center}
.color-row input[type=color]{width:52px;height:44px;border:1px solid var(--line);border-radius:10px;padding:3px;background:var(--surface);cursor:pointer;flex:none}
.color-row input[type=text]{flex:1;min-width:0}
.swatches{display:flex;gap:8px;flex-wrap:wrap}
.swatch{width:30px;height:30px;border-radius:50%;border:2px solid var(--surface);box-shadow:0 0 0 1px var(--line);cursor:pointer}
.radio-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.radio-cards label{border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer;font-weight:700;display:flex;gap:10px;align-items:center}
.radio-cards label:has(input:checked){border-color:var(--primary-ink);background:rgb(var(--primary-rgb) / .1)}
.radio-cards input{accent-color:var(--primary-ink)}
.note{font-size:var(--fs-sm);color:var(--muted);background:var(--surface-2);border-radius:12px;padding:12px 14px}
.note.warn{background:color-mix(in srgb,var(--warn) 12%,transparent);color:var(--fg)}
details.more{border:1px dashed var(--line);border-radius:12px;padding:10px 14px}
details.more summary{cursor:pointer;font-weight:800;font-size:var(--fs-sm)}
details.more[open] summary{margin-bottom:12px}
.app-detail{display:grid;grid-template-columns:150px 1fr;gap:8px 16px;font-size:var(--fs-sm)}
.app-detail dt{color:var(--muted);font-weight:700}
.app-detail dd{margin:0;overflow-wrap:anywhere}
/* white header, footer and quick access; Kiffa logo in turquoise, turquoise hover on icons */
.site-hd{background:#fff;color:#0F2826;border-bottom-color:rgb(15 40 38 / .1);box-shadow:0 2px 14px rgb(15 40 38 / .06)}
.site-hd .logo,.site-ft .ft-logo{color:var(--primary)}
.site-hd .hd-search input{border-color:rgb(15 40 38 / .18);background:#F4F7F6;color:#0F2826}
.site-hd .hd-search input::placeholder{color:rgb(15 40 38 / .55)}
.site-hd .hd-search input:focus{border-color:var(--primary);background:#fff}
.site-hd .hd-search input::-webkit-search-cancel-button{filter:none}
.site-hd .hs-in>svg{color:rgb(15 40 38 / .6)}
.site-hd .lang-dd.on-brand summary,.site-hd .mode-btn.on-brand,.site-hd .pill-line{color:#0F2826;border-color:rgb(15 40 38 / .2);background:transparent;transition:background .15s,border-color .15s,color .15s}
.site-hd .lang-dd.on-brand summary:hover,.site-hd .lang-dd.on-brand[open] summary,.site-hd .mode-btn.on-brand:hover,.site-hd .pill-line:hover{background:var(--primary);border-color:var(--primary);color:#0F2826}
.site-ft{background:#fff;color:#0F2826;border-top:1px solid rgb(15 40 38 / .08)}
.site-ft .ft-since{color:rgb(15 40 38 / .72)}
.site-ft .ft-ic{border-color:rgb(15 40 38 / .2);color:#0F2826}
.site-ft .ft-ic:hover{background:var(--primary);border-color:var(--primary);color:#0F2826}
.site-ft .ft-nav{border-color:rgb(15 40 38 / .1)}
.site-ft .ft-nav a{color:#0F2826}
.site-ft .ft-nav a:hover{color:var(--primary)}
.site-ft .ft-bottom{color:rgb(15 40 38 / .6)}
.site-ft .ft-bottom a:hover{color:var(--primary)}
.qa-btn,:root[data-theme="dark"] .qa-btn{background:#fff;color:#0F2826;border:1px solid rgb(15 40 38 / .1)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .qa-btn{background:#fff;color:#0F2826}}
.qa-btn:hover,:root[data-theme="dark"] .qa-btn:hover{background:var(--primary);color:#0F2826}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .qa-btn:hover{background:var(--primary)}}
.qa-open .qa-btn,:root[data-theme="dark"] .qa-open .qa-btn{background:var(--primary);color:#0F2826}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .qa-open .qa-btn{background:var(--primary)}}
.qa-panel{background:#fff;color:#0F2826;border-color:rgb(15 40 38 / .08);box-shadow:0 24px 60px rgb(6 30 28 / .3)}
.qa-handle{background:rgb(15 40 38 / .15)}
.qa-top small{color:var(--primary-ink)}
.qa-top h2{color:#0F2826}
.qa-x{border-color:rgb(15 40 38 / .15);background:#F4F7F6;color:#0F2826;transition:background .15s,border-color .15s}
.qa-x:hover{background:var(--primary);border-color:var(--primary)}
.qa-grid a{background:#F4F7F6;border-color:rgb(15 40 38 / .08);color:#0F2826}
.qa-grid a:hover{background:rgb(var(--primary-rgb) / .14);border-color:var(--primary)}
.qa-grid .qi{transition:background .15s,color .15s}
.qa-grid .qi.c4{background:#0F2826;color:#fff}
.qa-grid a:hover .qi{background:var(--primary);color:#0F2826}
/* Kiffa in numbers (home, under the banner) */
.nums-sec{position:relative;isolation:isolate;overflow:hidden;color:#fff;padding-block:clamp(64px,9vw,112px);background:radial-gradient(120% 80% at 85% 0%,rgb(var(--primary-rgb) / .35) 0%,transparent 55%),radial-gradient(90% 70% at 0% 100%,rgb(var(--primary-rgb) / .22) 0%,transparent 60%),#0F2826}
.nums-sec::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgb(255 255 255 / .06) 1px,transparent 1.2px);background-size:26px 26px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,#000 20%,transparent 75%)}
.nums-mark{position:absolute;z-index:-1;inset-inline-start:-6%;bottom:-18%;width:min(560px,60vw);color:var(--primary);opacity:.06;pointer-events:none}
.nums-mark svg{width:100%;height:auto;display:block}
html[dir="rtl"] .nums-mark svg{transform:scaleX(-1)}
.nums-hd{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:clamp(32px,5vw,56px);text-align:center}
.nums-eyebrow{display:inline-flex;padding:.4em 1.1em;border-radius:999px;background:rgb(var(--primary-rgb) / .16);border:1px solid rgb(var(--primary-rgb) / .45);color:var(--primary);font-weight:800;font-size:var(--fs-sm)}
.nums-title{margin:0;font-size:clamp(2rem,4.6vw,3.4rem);font-weight:900;color:#fff;line-height:1.2}
.nums-title::after{content:"";display:block;width:64px;height:5px;border-radius:9px;background:var(--primary);margin:16px auto 0}
.nums{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.num-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:34px 16px 30px;border-radius:28px;background:linear-gradient(180deg,rgb(255 255 255 / .07),rgb(255 255 255 / .02));border:1px solid rgb(255 255 255 / .1);backdrop-filter:blur(4px);opacity:0;transform:translateY(28px);transition:opacity .6s ease var(--d,0s),transform .6s cubic-bezier(.2,.8,.2,1) var(--d,0s),border-color .2s,box-shadow .25s,background .25s}
.num-card.in{opacity:1;transform:none}
.num-card.in:hover{transform:translateY(-6px);transition-delay:0s;border-color:var(--primary);background:linear-gradient(180deg,rgb(var(--primary-rgb) / .2),rgb(var(--primary-rgb) / .05));box-shadow:0 20px 44px rgb(0 0 0 / .35),0 0 0 1px rgb(var(--primary-rgb) / .4)}
.num-ic{position:relative;width:76px;height:76px;display:grid;place-items:center;color:var(--primary)}
.num-ic>svg.i{width:30px;height:30px;transition:transform .3s}
.num-card:hover .num-ic>svg.i{transform:scale(1.12)}
.num-ic .ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.num-ic .ring circle{fill:none;stroke-width:3}
.num-ic .ring .trk{stroke:rgb(255 255 255 / .1);fill:rgb(var(--primary-rgb) / .1)}
.num-ic .ring .bar{stroke:var(--primary);stroke-linecap:round;stroke-dasharray:207.4;stroke-dashoffset:207.4;transition:stroke-dashoffset 1.9s cubic-bezier(.2,.8,.2,1) calc(var(--d,0s) + .15s)}
.num-card.in .ring .bar{stroke-dashoffset:0}
.num-card b{font-family:var(--f-en);font-weight:900;font-size:clamp(2.6rem,4.6vw,3.6rem);line-height:1;color:#fff;font-variant-numeric:tabular-nums;margin-top:8px;text-shadow:0 0 28px rgb(var(--primary-rgb) / .45)}
.num-lb{font-weight:800;color:rgb(255 255 255 / .78);line-height:1.5;max-width:13em}
@media (prefers-reduced-motion: reduce){.num-card{opacity:1;transform:none;transition:none}.num-ic .ring .bar{transition:none;stroke-dashoffset:0}}
@media (max-width: 1000px){.nums{grid-template-columns:repeat(3,1fr)}}
@media (max-width: 640px){.nums{grid-template-columns:1fr 1fr;gap:12px}.nums .num-card:last-child:nth-child(odd){grid-column:1 / -1}.num-card{padding:24px 10px 22px;border-radius:22px}.num-ic{width:64px;height:64px}.num-ic>svg.i{width:26px;height:26px}}
.nums-sec + .sec{padding-top:clamp(48px,7vw,84px)!important}
/* vision / mission / goals hover */
.vmg-card{position:relative;overflow:hidden;transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .2s,box-shadow .25s,background .25s}
.vmg-card::before{content:"";position:absolute;inset-inline:0;top:0;height:4px;background:var(--primary);transform:scaleX(0);transform-origin:var(--vmg-o,right);transition:transform .35s ease}
html[dir="ltr"] .vmg-card::before{--vmg-o:left}
.vmg-card h3 svg{box-sizing:content-box;padding:7px;border-radius:12px;background:rgb(var(--primary-rgb) / .14);transition:background .2s,color .2s,transform .25s}
.vmg-card:hover{transform:translateY(-6px);border-color:var(--primary);box-shadow:0 18px 40px rgb(var(--primary-rgb) / .2);background:linear-gradient(180deg,rgb(var(--primary-rgb) / .07),var(--surface) 60%)}
.vmg-card:hover::before{transform:scaleX(1)}
.vmg-card:hover h3 svg{background:var(--primary);color:#0F2826;transform:rotate(-8deg) scale(1.08)}
@media (prefers-reduced-motion: reduce){.vmg-card,.vmg-card::before,.vmg-card h3 svg{transition:none}.vmg-card:hover{transform:none}}
/* about Kiffa intro (home) */
.intro-sec{padding-block:clamp(56px,8vw,104px)}
.intro-sec .intro-grid{gap:clamp(36px,6vw,80px)}
.intro-media{position:relative;padding:0 0 26px 0;padding-inline-end:26px}
.intro-media::before{content:"";position:absolute;inset:26px 0 0 26px;inset-inline-start:26px;inset-inline-end:0;border-radius:32px;background:var(--primary);opacity:.9}
.intro-media::after{content:"";position:absolute;width:120px;height:120px;inset-inline-start:-18px;top:-18px;z-index:-1;background-image:radial-gradient(rgb(var(--primary-rgb) / .55) 1.6px,transparent 2px);background-size:14px 14px}
.intro-media .intro-photo{position:relative;border-radius:28px;box-shadow:0 24px 50px rgb(15 40 38 / .18)}
.intro-media .intro-photo img{transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.intro-media:hover .intro-photo img{transform:scale(1.04)}
.intro-badge{position:absolute;bottom:0;inset-inline-start:-14px;display:flex;align-items:center;gap:12px;padding:12px 18px 12px 14px;padding-inline:14px 20px;border-radius:20px;background:#fff;color:#0F2826;box-shadow:0 14px 34px rgb(15 40 38 / .2)}
.intro-badge .ib-mark{width:46px;height:46px;border-radius:14px;background:rgb(var(--primary-rgb) / .16);color:var(--primary);display:grid;place-items:center}
.intro-badge .ib-mark svg{width:30px;height:auto}
.intro-badge b{display:block;font-weight:900;font-size:1.05rem;line-height:1.3}
.intro-badge small{display:block;color:#557672;font-weight:700;font-size:.82rem}
.intro-txt{display:grid;gap:18px;align-content:center}
.intro-title{margin:0;font-size:clamp(1.7rem,3.4vw,2.6rem);line-height:1.35;font-weight:900;color:var(--fg)}
.intro-txt .prose{font-size:clamp(1.05rem,1.4vw,1.2rem);color:var(--muted);margin:0;line-height:2}
.pillars{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.pillars li{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;padding-inline:8px 16px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-weight:800;transition:border-color .2s,background .2s,transform .2s}
.pillars li span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgb(var(--primary-rgb) / .16);color:var(--primary-ink);transition:background .2s,color .2s}
.pillars li span svg{width:18px;height:18px}
.pillars li:hover{border-color:var(--primary);background:rgb(var(--primary-rgb) / .08);transform:translateY(-2px)}
.pillars li:hover span{background:var(--primary);color:#0F2826}
@media (max-width: 860px){.intro-media{max-width:560px;margin-inline:auto;width:100%}.intro-badge{inset-inline-start:0}}
@media (max-width: 480px){.intro-media{padding-inline-end:16px;padding-bottom:20px}.intro-media::before{inset-inline-start:16px;top:16px}.pillars li{padding-inline:6px 12px;font-size:.92rem}.pillars li span{width:30px;height:30px}}
@media (prefers-reduced-motion: reduce){.intro-media .intro-photo img,.pillars li{transition:none}}
/* quality & accreditations (home) */
.certs-sec{padding-block:clamp(64px,9vw,112px);background:linear-gradient(180deg,var(--bg),var(--surface-2) 55%,var(--bg))}
.certs-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.6fr);gap:clamp(32px,5vw,72px);align-items:center}
.certs-head{display:grid;gap:18px;justify-items:start}
.seal{position:relative;width:150px;height:150px;display:grid;place-items:center}
.seal-txt{direction:ltr;unicode-bidi:isolate;position:absolute;inset:0;width:100%;height:100%;animation:sealspin 22s linear infinite}
.seal-txt text{font-family:var(--f-en);font-size:15.5px;font-weight:800;letter-spacing:3px;fill:var(--primary-ink)}
.seal-core{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#8FE0D6,var(--primary) 55%,#3E9E93);color:#0F2826;box-shadow:0 14px 34px rgb(var(--primary-rgb) / .45),inset 0 0 0 6px rgb(255 255 255 / .35)}
.seal-core svg{width:44px;height:44px;stroke-width:1.7}
@keyframes sealspin{to{transform:rotate(360deg)}}
.certs-title{margin:0;font-size:clamp(1.9rem,4vw,3rem);font-weight:900;line-height:1.25;color:var(--fg)}
.certs-intro{margin:0;font-size:clamp(1.05rem,1.4vw,1.2rem);line-height:2;color:var(--muted);max-width:30em}
.certs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cert{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:26px 16px 20px;border-radius:24px;background:var(--surface);border:1px solid var(--line);overflow:hidden;transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .2s,box-shadow .25s}
.cert::after{content:"";position:absolute;inset:auto 0 0 0;height:4px;background:var(--primary);transform:scaleX(0);transition:transform .35s ease}
.cert:hover{transform:translateY(-6px);border-color:var(--primary);box-shadow:0 18px 40px rgb(var(--primary-rgb) / .2)}
.cert:hover::after{transform:scaleX(1)}
.cert-logo{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:var(--bg);border:2px dashed rgb(var(--primary-rgb) / .5);transition:background .25s,border-color .25s,transform .35s}
.cert-logo img{max-width:72%;max-height:72%;object-fit:contain}
.cert-logo b{font-family:var(--f-en);font-weight:900;font-size:1.35rem;letter-spacing:.04em;color:var(--primary-ink);line-height:1.15;padding:0 8px}
.cert-logo b.long{font-family:inherit;font-size:.82rem;letter-spacing:0}
.cert:hover .cert-logo{background:var(--primary);border-color:var(--primary);border-style:solid;transform:rotate(-6deg) scale(1.05)}
.cert:hover .cert-logo b{color:#0F2826}
.cert-name{font-weight:800;line-height:1.55;color:var(--fg);min-height:3.1em;display:grid;place-items:center}
.cert-ok{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:800;color:var(--primary-ink);background:rgb(var(--primary-rgb) / .12);padding:4px 12px;border-radius:999px}
.cert-ok svg{width:14px;height:14px}
@media (max-width: 1000px){.certs-grid{grid-template-columns:1fr}.certs-head{justify-items:center;text-align:center}.certs-intro{margin-inline:auto}}
@media (max-width: 640px){.certs{grid-template-columns:1fr 1fr;gap:12px}.cert{padding:20px 10px 16px}.cert-logo{width:78px;height:78px}.cert-logo b{font-size:1.1rem}.seal{width:128px;height:128px}.seal-core{width:78px;height:78px}}
@media (prefers-reduced-motion: reduce){.seal-txt{animation:none}.cert,.cert-logo,.cert::after{transition:none}}
/* why Kiffa (home): bento cards */
.why-sec{padding-block:clamp(64px,9vw,112px)}
.why-title{text-align:center;margin:0 0 clamp(32px,5vw,56px);font-size:clamp(2rem,4.6vw,3.4rem);font-weight:900;color:var(--fg)}
.why-title em{font-style:normal;color:var(--primary);position:relative}
.why-title em::after{content:"";position:absolute;inset-inline:-4px;bottom:.08em;height:.28em;border-radius:6px;background:rgb(var(--primary-rgb) / .22);z-index:-1}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(230px,auto);gap:18px}
.why-card{--mx:50%;--my:50%;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:clamp(22px,2.6vw,32px);border-radius:28px;background:var(--surface);border:1px solid var(--line);opacity:0;transform:translateY(34px) scale(.98);transition:opacity .7s ease var(--d,0s),transform .7s cubic-bezier(.2,.8,.2,1) var(--d,0s),border-color .25s,box-shadow .3s}
.why-card.in{opacity:1;transform:none}
.why-card::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .3s;background:radial-gradient(360px circle at var(--mx) var(--my),rgb(var(--primary-rgb) / .22),transparent 60%)}
.why-card:hover::before{opacity:1}
.why-card.in:hover{transform:translateY(-6px);transition-delay:0s;border-color:var(--primary);box-shadow:0 22px 50px rgb(15 40 38 / .16)}
.why-no{position:absolute;top:10px;inset-inline-end:20px;font-family:var(--f-en);font-weight:900;font-size:clamp(4.5rem,8vw,7rem);line-height:1;color:transparent;-webkit-text-stroke:1.5px rgb(var(--primary-rgb) / .35);transition:-webkit-text-stroke-color .3s,transform .5s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.why-card:hover .why-no{-webkit-text-stroke-color:var(--primary);transform:translateY(-4px) scale(1.04)}
.why-ic{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;background:rgb(var(--primary-rgb) / .16);color:var(--primary-ink);margin-bottom:auto;transition:transform .4s cubic-bezier(.2,.8,.2,1),background .25s,color .25s}
.why-ic svg{width:30px;height:30px}
.why-card:hover .why-ic{background:var(--primary);color:#0F2826;transform:rotate(-8deg) scale(1.08)}
.why-card h3{margin:22px 0 0;font-size:clamp(1.2rem,1.8vw,1.5rem);font-weight:900;line-height:1.35;color:var(--fg)}
.why-card p{margin:0;color:var(--muted);font-weight:600;line-height:1.8;font-size:1.02rem}
/* featured tiles */
.why-card.w1,.why-card.w4,.why-card.w5{grid-column:span 2}
.why-card.w1{background:linear-gradient(135deg,#7FD6CC 0%,var(--primary) 45%,#3E9E93 100%);border-color:transparent}
.why-card.w1 h3,.why-card.w1 p{color:#0F2826}.why-card.w1 p{opacity:.8}
.why-card.w1 .why-ic{background:rgb(255 255 255 / .35);color:#0F2826}
.why-card.w1 .why-no{-webkit-text-stroke-color:rgb(15 40 38 / .3)}
.why-card.w1::before{background:radial-gradient(360px circle at var(--mx) var(--my),rgb(255 255 255 / .35),transparent 60%)}
.why-card.w4{background:radial-gradient(120% 120% at 100% 0%,#1E5049 0%,#0F2826 60%);border-color:transparent}
.why-card.w4 h3{color:#fff}.why-card.w4 p{color:rgb(255 255 255 / .72)}
.why-card.w4 .why-ic{background:rgb(var(--primary-rgb) / .2);color:var(--primary)}
.why-card.w5{background:linear-gradient(135deg,rgb(var(--primary-rgb) / .1),var(--surface) 60%)}
.why-card.w1:hover .why-ic{background:#0F2826;color:var(--primary)}
.why-card.w1.in:hover,.why-card.w4.in:hover{border-color:transparent}
@media (max-width: 900px){.why-grid{grid-template-columns:1fr 1fr;grid-auto-rows:minmax(210px,auto)}.why-card.w1,.why-card.w4{grid-column:span 2}.why-card.w5{grid-column:auto}}
@media (max-width: 560px){.why-grid{grid-template-columns:1fr;gap:14px;grid-auto-rows:auto}.why-card.w1,.why-card.w4{grid-column:auto}.why-card{min-height:200px}}
@media (prefers-reduced-motion: reduce){.why-card,.why-no,.why-ic{transition:none}.why-card{opacity:1;transform:none}}
/* why Kiffa: tighter gap after accreditations, two rows of three smaller cards */
.certs-sec{padding-bottom:clamp(28px,4vw,48px)}
.certs-sec + .why-sec{padding-top:clamp(20px,3vw,36px)}
.why-title{margin-bottom:clamp(24px,3.5vw,40px)}
.why-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;gap:16px}
.why-card,.why-card.w1,.why-card.w4,.why-card.w5{grid-column:auto;min-height:190px;padding:22px 24px;border-radius:24px;gap:6px}
.why-no{font-size:clamp(3.2rem,5vw,4.4rem);top:12px;inset-inline-end:18px}
.why-ic{width:50px;height:50px;border-radius:15px}
.why-ic svg{width:25px;height:25px}
.why-card h3{margin-top:16px;font-size:clamp(1.1rem,1.5vw,1.3rem)}
.why-card p{font-size:.95rem;line-height:1.7}
/* colour accents: first card turquoise, middle of second row dark */
.why-card.w4{background:var(--surface);border-color:var(--line)}
.why-card.w4 h3{color:var(--fg)}.why-card.w4 p{color:var(--muted)}
.why-card.w4 .why-ic{background:rgb(var(--primary-rgb) / .16);color:var(--primary-ink)}
.why-card.w4.in:hover{border-color:var(--primary)}
.why-card.w5{background:radial-gradient(120% 120% at 100% 0%,#1E5049 0%,#0F2826 60%);border-color:transparent}
.why-card.w5 h3{color:#fff}.why-card.w5 p{color:rgb(255 255 255 / .72)}
.why-card.w5 .why-ic{background:rgb(var(--primary-rgb) / .2);color:var(--primary)}
.why-card.w5.in:hover{border-color:transparent}
@media (max-width: 900px){.why-grid{grid-template-columns:1fr 1fr}.why-card,.why-card.w1,.why-card.w4,.why-card.w5{grid-column:auto}}
@media (max-width: 560px){.why-grid{grid-template-columns:1fr 1fr;gap:10px}.why-card,.why-card.w1,.why-card.w4,.why-card.w5{min-height:170px;padding:16px 14px}.why-no{font-size:2.6rem;top:10px;inset-inline-end:12px}.why-ic{width:42px;height:42px;border-radius:13px}.why-ic svg{width:21px;height:21px}.why-card h3{margin-top:12px;font-size:1rem}.why-card p{font-size:.85rem;line-height:1.6}}
/* careers band (home) */
.hire-sec{padding-block:clamp(20px,3vw,36px) clamp(56px,8vw,96px)}
.why-sec + .hire-sec{padding-top:clamp(12px,2vw,24px)}
.why-sec:has(+ .hire-sec){padding-bottom:clamp(24px,3vw,40px)}
.hire-card{position:relative;isolation:isolate;overflow:hidden;border-radius:32px;padding:clamp(32px,5vw,64px);background:radial-gradient(90% 140% at 0% 100%,rgb(var(--primary-rgb) / .45) 0%,transparent 55%),radial-gradient(120% 120% at 100% 0%,#1E5049 0%,#0F2826 60%);color:#fff;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:32px}
.hire-txt{display:grid;gap:16px;justify-items:start;max-width:40em}
.hire-ic{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:var(--primary);color:#0F2826}
.hire-ic svg{width:28px;height:28px}
.hire-txt h2{margin:0;font-size:clamp(1.9rem,4vw,3rem);font-weight:900;color:#fff;line-height:1.2}
.hire-txt p{margin:0;font-size:clamp(1.02rem,1.4vw,1.18rem);line-height:2;color:rgb(255 255 255 / .82)}
.hire-btn{margin-top:6px;gap:.6em;box-shadow:0 12px 30px rgb(var(--primary-rgb) / .35);transition:transform .2s,box-shadow .2s,filter .2s}
.hire-btn svg{width:20px;height:20px;transition:transform .25s}
html[dir="rtl"] .hire-btn svg{transform:scaleX(-1)}
.hire-btn:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgb(var(--primary-rgb) / .5)}
html[dir="rtl"] .hire-btn:hover svg{transform:scaleX(-1) translateX(4px)}
html[dir="ltr"] .hire-btn:hover svg{transform:translateX(4px)}
.hire-deco{grid-column:2;grid-row:1;position:relative;height:100%;min-height:220px}
.hire-deco span{position:absolute;display:grid;place-items:center;border-radius:28px;border:1px solid rgb(255 255 255 / .12);background:rgb(255 255 255 / .06);backdrop-filter:blur(4px);color:var(--primary);animation:hfloat 6s ease-in-out infinite}
.hire-deco span svg{width:46%;height:46%}
.hire-deco .hd1{width:140px;height:140px;top:8%;inset-inline-start:22%}
.hire-deco .hd2{width:96px;height:96px;bottom:6%;inset-inline-start:2%;animation-delay:-2s;color:var(--lime)}
.hire-deco .hd3{width:84px;height:84px;bottom:14%;inset-inline-end:4%;animation-delay:-4s;color:#fff}
.hire-txt{grid-column:1;grid-row:1}
@keyframes hfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media (max-width: 860px){.hire-card{grid-template-columns:1fr}.hire-deco{display:none}}
@media (prefers-reduced-motion: reduce){.hire-deco span{animation:none}}
.hire-sec{padding-bottom:clamp(8px,2vw,24px)}
/* branches: Linktree-style list with share sheet */
.lt-page{padding-block:clamp(28px,5vw,56px) clamp(40px,6vw,72px);background:radial-gradient(70% 40% at 50% 0%,rgb(var(--primary-rgb) / .18),transparent 70%)}
.lt-wrap{width:min(680px,100% - 32px);margin-inline:auto;display:grid;gap:18px}
.lt-hd{display:grid;justify-items:center;text-align:center;gap:8px;margin-bottom:6px}
.lt-logo{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--primary);box-shadow:0 0 0 6px rgb(var(--primary-rgb) / .18),0 14px 30px rgb(15 40 38 / .12)}
.lt-logo svg{width:52px;height:auto}
.lt-hd h1{margin:6px 0 0;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:900}
.lt-hd p{margin:0;color:var(--muted);font-weight:700}
.lt-tools{display:grid;gap:12px;position:sticky;top:86px;z-index:5;padding-block:6px;background:linear-gradient(var(--bg) 70%,transparent)}
.lt-search{display:flex;align-items:center;gap:10px;padding:0 18px;min-height:52px;border-radius:999px;background:var(--surface);border:1.5px solid var(--line);transition:border-color .2s,box-shadow .2s}
.lt-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px rgb(var(--primary-rgb) / .18)}
.lt-search svg{color:var(--muted);flex:none}
.lt-search input{flex:1;min-width:0;border:0;background:none;outline:none;font:inherit;font-weight:700;color:var(--fg)}
.lt-seg{display:flex;gap:6px;padding:5px;border-radius:999px;background:var(--surface);border:1px solid var(--line)}
.lt-seg button{flex:1;border:0;background:none;border-radius:999px;padding:.6em .8em;font:inherit;font-weight:800;color:var(--muted);cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}
.lt-seg button i{font-style:normal;font-family:var(--f-en);font-size:.8em;opacity:.75;margin-inline-start:4px}
.lt-seg button.on{background:var(--primary);color:#0F2826}
.lt-seg button:not(.on):hover{color:var(--fg);background:rgb(var(--primary-rgb) / .1)}
.lt-group{display:grid;gap:10px}
.lt-city{display:flex;align-items:center;gap:10px;margin:10px 4px 0;font-size:1.05rem;font-weight:900;color:var(--primary-ink)}
.lt-city::after{content:"";flex:1;height:1px;background:var(--line)}
.lt-city span{font-family:var(--f-en);font-size:.78rem;padding:2px 9px;border-radius:999px;background:rgb(var(--primary-rgb) / .14)}
.lt-list{display:grid;gap:10px}
.lt-row{display:flex;align-items:stretch;border-radius:20px;background:var(--surface);border:1.5px solid var(--line);box-shadow:0 2px 0 rgb(15 40 38 / .03);transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .2s,box-shadow .2s;overflow:hidden}
.lt-row:hover{transform:translateY(-2px) scale(1.01);border-color:var(--primary);box-shadow:0 12px 28px rgb(var(--primary-rgb) / .2)}
.lt-main{flex:1;min-width:0;display:flex;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;color:inherit}
.lt-pin{width:46px;height:46px;flex:none;border-radius:14px;display:grid;place-items:center;background:rgb(var(--primary-rgb) / .15);color:var(--primary-ink);transition:background .2s,color .2s}
.lt-pin svg{width:24px;height:24px}
.lt-row:hover .lt-pin{background:var(--primary);color:#0F2826}
.lt-txt{flex:1;min-width:0;display:grid;gap:2px}
.lt-txt b{font-weight:800;font-size:1.04rem;line-height:1.45}
.lt-txt small{color:var(--muted);font-weight:600;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lt-go{color:var(--muted);opacity:.6;transition:opacity .2s,color .2s}
.lt-go svg{width:18px;height:18px}
.lt-row:hover .lt-go{opacity:1;color:var(--primary-ink)}
.lt-share{flex:none;width:58px;border:0;border-inline-start:1.5px solid var(--line);background:none;color:var(--primary-ink);display:grid;place-items:center;cursor:pointer;transition:background .2s,color .2s}
.lt-share svg{width:21px;height:21px}
.lt-share:hover{background:var(--primary);color:#0F2826}
/* share sheet */
.share-bd{gap:18px}
.share-branch{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;background:rgb(var(--primary-rgb) / .08)}
.share-branch b{display:block;font-weight:900}.share-branch small{color:var(--muted);font-weight:700}
.share-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.share-opt{display:grid;justify-items:center;gap:8px;padding:12px 4px;border-radius:16px;border:0;background:none;font:inherit;font-weight:800;font-size:.85rem;color:var(--fg);text-decoration:none;cursor:pointer;transition:background .2s,transform .2s}
.share-opt span{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--c);color:#fff;box-shadow:0 8px 18px rgb(0 0 0 / .14)}
.share-opt[style*="FFFC00"] span{color:#111}
.share-opt span svg{width:26px;height:26px}
.share-opt:hover{background:rgb(var(--primary-rgb) / .1);transform:translateY(-2px)}
.share-url{font-size:.8rem;color:var(--muted);background:var(--bg);border:1px dashed var(--line);border-radius:12px;padding:10px 12px;overflow-wrap:anywhere;text-align:left}
.modal:has(.share-bd){width:min(460px,100%)}
@media (max-width: 560px){.lt-tools{top:70px}.lt-main{padding:12px;gap:12px}.lt-pin{width:42px;height:42px;border-radius:12px}.lt-share{width:52px}.share-grid{grid-template-columns:repeat(4,1fr);gap:6px}.share-opt span{width:50px;height:50px}.modal-wrap:has(.share-bd){align-items:end;padding:0}.modal:has(.share-bd){border-radius:24px 24px 0 0;width:100%}}
@media (prefers-reduced-motion: reduce){.lt-row,.share-opt{transition:none}.lt-row:hover{transform:none}}
/* contact page */
.ct-wrap{width:min(860px,100% - 32px);margin-inline:auto;display:grid;gap:16px}
.ct-wrap .lt-hd p{max-width:34em;line-height:1.8}
.ct-ic{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:rgb(var(--primary-rgb) / .15);color:var(--primary-ink);flex:none;transition:background .2s,color .2s}
.ct-ic svg{width:24px;height:24px}
.ct-lbl{font-weight:800;color:var(--muted);font-size:.92rem}
.ct-num{font-family:var(--f-en);font-weight:800;font-size:1.3rem;letter-spacing:.02em;color:var(--fg);text-align:start}
.ct-num.big{font-size:clamp(1.6rem,4vw,2.3rem);color:#0F2826}
.ct-acts{display:flex;gap:8px;align-items:center}
.ct-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border-radius:999px;background:#25D366;color:#fff;font-weight:800;text-decoration:none;transition:filter .2s,transform .2s;white-space:nowrap}
.ct-btn svg{width:20px;height:20px}
.ct-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}
.ct-btn.light{background:#fff;color:#128C4B;box-shadow:0 8px 20px rgb(0 0 0 / .12)}
.ct-copy{width:46px;height:46px;flex:none;border-radius:50%;border:1.5px solid var(--line);background:var(--surface);color:var(--fg);display:grid;place-items:center;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.ct-copy:hover{background:var(--primary);border-color:var(--primary);color:#0F2826}
.ct-copy svg{width:19px;height:19px}
.ct-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:clamp(22px,4vw,34px);border-radius:28px;background:linear-gradient(135deg,#8FE0D6 0%,var(--primary) 50%,#3E9E93 100%);color:#0F2826;box-shadow:0 18px 40px rgb(var(--primary-rgb) / .3)}
.ct-hero-txt{display:grid;gap:6px;justify-items:start}
.ct-hero .ct-ic{background:rgb(255 255 255 / .4);color:#0F2826;margin-bottom:6px}
.ct-hero .ct-lbl{color:rgb(15 40 38 / .75)}
.ct-hero .ct-copy{background:rgb(255 255 255 / .35);border-color:transparent;color:#0F2826}
.ct-hero .ct-copy:hover{background:#0F2826;color:var(--primary)}
.ct-hero .ct-acts{min-width:240px}
.ct-hero-deco{position:absolute;z-index:-1;inset-inline-start:-30px;bottom:-50px;color:rgb(255 255 255 / .18)}
.ct-hero-deco svg{width:200px;height:200px;stroke-width:1.2}
html[dir="rtl"] .ct-hero-deco{inset-inline-start:auto;inset-inline-end:-30px}
.ct-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.ct-card{display:grid;gap:8px;justify-items:start;padding:22px;border-radius:24px;background:var(--surface);border:1.5px solid var(--line);transition:transform .2s,border-color .2s,box-shadow .2s}
.ct-card .ct-ic{margin-bottom:6px}
.ct-card .ct-acts{width:100%;margin-top:8px}
.ct-card:hover{transform:translateY(-3px);border-color:var(--primary);box-shadow:0 14px 30px rgb(var(--primary-rgb) / .16)}
.ct-card:hover .ct-ic{background:var(--primary);color:#0F2826}
.ct-mail{display:flex;align-items:center;gap:14px;padding:18px 22px;border-radius:24px;background:var(--surface);border:1.5px solid var(--line);text-decoration:none;color:inherit;transition:transform .2s,border-color .2s,box-shadow .2s}
.ct-mail-txt{flex:1;min-width:0;display:grid;gap:2px}
.ct-mail-txt b{font-family:var(--f-en);font-size:1.15rem;text-align:start;overflow-wrap:anywhere}
.ct-mail-go{display:inline-flex;align-items:center;gap:6px;font-weight:800;color:var(--primary-ink);white-space:nowrap}
.ct-mail-go svg{width:18px;height:18px;transition:transform .2s}
html[dir="rtl"] .ct-mail-go svg{transform:scaleX(-1)}
.ct-mail:hover{transform:translateY(-3px);border-color:var(--primary);box-shadow:0 14px 30px rgb(var(--primary-rgb) / .16)}
.ct-mail:hover .ct-ic{background:var(--primary);color:#0F2826}
.ct-social{display:grid;gap:12px;margin-top:6px}
.ct-soc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.ct-soc{display:grid;justify-items:center;gap:6px;padding:20px 12px;border-radius:22px;background:var(--surface);border:1.5px solid var(--line);text-decoration:none;color:inherit;text-align:center;transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .2s,box-shadow .2s}
.ct-soc span{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:var(--c,#0F2826);color:#fff;margin-bottom:4px;transition:transform .3s}
.ct-soc span svg{width:26px;height:26px}
.ct-soc b{font-weight:900}
.ct-soc small{color:var(--muted);font-weight:700;font-size:.82rem}
.ct-soc:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:0 14px 30px rgb(var(--primary-rgb) / .18)}
.ct-soc:hover span{transform:rotate(-8deg) scale(1.08)}
.s-instagram{--c:linear-gradient(45deg,#F58529,#DD2A7B 50%,#8134AF)}
.s-x{--c:#111}.s-tiktok{--c:#111}.s-snapchat{--c:#FFFC00}.s-linkedin{--c:#0A66C2}.s-youtube{--c:#FF0000}
.s-snapchat span{color:#111}
@media (max-width: 640px){.ct-hero{grid-template-columns:1fr}.ct-hero .ct-acts{min-width:0}.ct-soc-grid{grid-template-columns:1fr 1fr}.ct-mail{flex-wrap:wrap}.ct-mail-go{width:100%;justify-content:flex-end}}
@media (prefers-reduced-motion: reduce){.ct-card,.ct-mail,.ct-soc,.ct-soc span,.ct-btn{transition:none}}
.ct-mail-txt b{justify-self:start}
/* app page */
.app-hero{position:relative;overflow:hidden;padding-block:clamp(40px,6vw,80px);background:radial-gradient(60% 70% at 15% 40%,rgb(var(--primary-rgb) / .28),transparent 70%),radial-gradient(40% 50% at 90% 10%,rgb(var(--primary-rgb) / .14),transparent 70%)}
.app-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(32px,5vw,72px);align-items:center}
.app-txt{display:grid;gap:18px;justify-items:start}
.app-kicker{display:inline-flex;align-items:center;gap:8px;padding:.4em 1em;border-radius:999px;background:rgb(var(--primary-rgb) / .16);color:var(--primary-ink);font-weight:800;font-size:var(--fs-sm)}
.app-kicker svg{width:18px;height:18px}
.app-txt h1{margin:0;font-size:clamp(2.1rem,4.8vw,3.6rem);line-height:1.2;font-weight:900}
.app-txt p{margin:0;font-size:clamp(1.05rem,1.4vw,1.2rem);line-height:2;color:var(--muted);max-width:34em}
.app-perks{list-style:none;margin:4px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}
.app-perks li{display:flex;align-items:center;gap:10px;font-weight:800}
.app-perks svg{width:34px;height:34px;padding:7px;box-sizing:border-box;border-radius:11px;background:var(--primary);color:#0F2826;flex:none}
.app-badges{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}
.app-badge{display:inline-flex;align-items:center;gap:12px;min-height:60px;padding:8px 20px 8px 18px;border-radius:16px;text-decoration:none;transition:transform .2s,box-shadow .2s}
.app-badge svg{width:28px;height:28px}
.app-badge small{display:block;font-size:.72rem;opacity:.8;font-weight:700}
.app-badge strong{display:block;font-size:1.08rem;font-weight:900;line-height:1.2}
.app-badge.dark{background:#0F2826;color:#fff}
.app-badge.light{background:var(--surface);color:var(--fg);border:1.5px solid var(--primary)}
.app-badge:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgb(15 40 38 / .2)}
:root[data-theme="dark"] .app-badge.dark{background:#fff;color:#0F2826}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .app-badge.dark{background:#fff;color:#0F2826}}
.app-visual{position:relative;display:grid;place-items:center;padding:20px 0}
.app-ring{position:absolute;width:min(420px,95%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--primary) 0 58%,transparent 58.5%),conic-gradient(from 0deg,rgb(var(--primary-rgb) / .5),transparent 40%,rgb(var(--primary-rgb) / .5));opacity:.9;filter:blur(.3px)}
.app-phone{position:relative;width:min(280px,72%);aspect-ratio:9/19;border-radius:44px;background:#0F2826;padding:10px;box-shadow:0 40px 80px rgb(15 40 38 / .35),inset 0 0 0 2px rgb(255 255 255 / .12);transform:rotate(-4deg);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.app-visual:hover .app-phone{transform:rotate(0) translateY(-6px)}
.app-phone img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:34px;display:block;background:#fff}
.app-phone>svg{width:60%;margin:auto;color:var(--primary)}
.app-phone .notch{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:84px;height:24px;border-radius:999px;background:#0F2826;z-index:2}
.app-float{position:absolute;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:16px;background:var(--surface);color:var(--fg);font-weight:900;box-shadow:0 14px 34px rgb(15 40 38 / .2);animation:hfloat 5s ease-in-out infinite}
.app-float svg{width:22px;height:22px;color:var(--primary-ink)}
.app-float.f1{top:16%;inset-inline-start:0}
.app-float.f2{bottom:14%;inset-inline-end:0;animation-delay:-2.5s}
.app-svc-sec{padding-top:clamp(16px,3vw,32px)}
.app-svc{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.app-svc-card{position:relative;overflow:hidden;display:grid;justify-items:center;text-align:center;gap:8px;padding:30px 20px 26px;border-radius:26px;background:var(--surface);border:1.5px solid var(--line);transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .2s,box-shadow .25s}
.app-svc-no{position:absolute;top:10px;inset-inline-end:18px;font-family:var(--f-en);font-weight:900;font-size:3.6rem;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgb(var(--primary-rgb) / .35)}
.app-svc-ic{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;background:rgb(var(--primary-rgb) / .16);color:var(--primary-ink);margin-bottom:6px;transition:background .25s,color .25s,transform .35s}
.app-svc-ic svg{width:36px;height:36px}
.app-svc-card h3{margin:0;font-size:1.3rem;font-weight:900}
.app-svc-card p{margin:0;color:var(--muted);font-weight:600}
.app-svc-card:hover{transform:translateY(-6px);border-color:var(--primary);box-shadow:0 18px 40px rgb(var(--primary-rgb) / .2)}
.app-svc-card:hover .app-svc-ic{background:var(--primary);color:#0F2826;transform:rotate(-6deg) scale(1.06)}
@media (max-width: 900px){.app-grid{grid-template-columns:1fr}.app-visual{order:-1}.app-txt{justify-items:center;text-align:center}.app-perks{justify-content:center}.app-badges{justify-content:center}}
@media (max-width: 640px){.app-svc{grid-template-columns:1fr}.app-perks{grid-template-columns:1fr 1fr;text-align:start;gap:10px}.app-perks li{font-size:.9rem}.app-badge{flex:1 1 140px;justify-content:center;padding-inline:12px}.app-phone{width:min(230px,62%)}.app-float{font-size:.85rem;padding:8px 12px}}
@media (prefers-reduced-motion: reduce){.app-float{animation:none}.app-phone,.app-svc-card{transition:none}}
/* app download cards */
.app-dlbox{justify-self:stretch;position:relative;margin-top:14px;padding:16px;border-radius:28px;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,var(--primary),rgb(var(--primary-rgb) / .15) 45%,var(--lime)) border-box;border:2px solid transparent;box-shadow:0 22px 50px rgb(var(--primary-rgb) / .18)}
.app-dlbox-hd{display:flex;align-items:center;gap:10px;margin:0 6px 14px;font-weight:900;font-size:1rem;color:var(--fg)}
.app-dlbox-hd .live{width:10px;height:10px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 0 rgb(var(--primary-rgb) / .6);animation:dlPulse 1.8s infinite}
@keyframes dlPulse{70%{box-shadow:0 0 0 10px rgb(var(--primary-rgb) / 0)}100%{box-shadow:0 0 0 0 rgb(var(--primary-rgb) / 0)}}
.app-dls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.app-dl{position:relative;overflow:hidden;display:flex;flex-direction:column;border-radius:20px;background:rgb(var(--primary-rgb) / .07);border:1px solid rgb(var(--primary-rgb) / .22);color:var(--fg);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,color .3s,border-color .3s;animation:dlIn .6s var(--d) both cubic-bezier(.2,.8,.2,1)}
@keyframes dlIn{from{opacity:0;transform:translateY(16px)}}
.app-dl::before{content:"";position:absolute;inset:0;background:linear-gradient(150deg,var(--primary),#2E9C91);opacity:0;transition:opacity .3s}
.app-dl::after{content:"";position:absolute;top:0;bottom:0;width:45%;left:-110%;background:linear-gradient(100deg,transparent,rgb(255 255 255 / .35),transparent);transform:skewX(-18deg);pointer-events:none}
.app-dl:hover{transform:translateY(-6px);color:#fff;border-color:transparent;box-shadow:0 20px 40px rgb(var(--primary-rgb) / .42)}
.app-dl:hover::before{opacity:1}
.app-dl:hover::after{left:120%;transition:left .8s ease}
.app-dl>*{position:relative;z-index:1}
.app-dl-main{display:grid;justify-items:center;text-align:center;gap:2px;padding:18px 8px 12px;color:inherit;text-decoration:none}
.app-dl-ic{width:58px;height:58px;margin-bottom:8px;border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--primary-ink);box-shadow:0 0 0 6px rgb(var(--primary-rgb) / .12),0 8px 18px rgb(var(--primary-rgb) / .25);transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.app-dl-ic svg{width:27px;height:27px}
.app-dl:hover .app-dl-ic{transform:scale(1.08) rotate(-8deg);box-shadow:0 0 0 6px rgb(255 255 255 / .25),0 10px 22px rgb(0 0 0 / .18)}
.app-dl-main small{font-size:.72rem;font-weight:700;opacity:.75;line-height:1.3}
.app-dl-main strong{font-size:1.02rem;font-weight:900;line-height:1.3;white-space:nowrap}
.app-dl-acts{display:flex;justify-content:center;gap:8px;padding:0 8px 14px}
.app-dl-acts button{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid rgb(var(--primary-rgb) / .35);background:var(--surface);color:var(--primary-ink);cursor:pointer;transition:background .2s,color .2s,transform .2s,border-color .2s}
.app-dl-acts button svg{width:16px;height:16px}
.app-dl:hover .app-dl-acts button{background:rgb(255 255 255 / .18);border-color:rgb(255 255 255 / .5);color:#fff}
.app-dl .app-dl-acts button:hover{background:#fff;color:var(--primary-ink);transform:translateY(-2px)}
@media (prefers-reduced-motion: reduce){.app-dl{animation:none}.app-dlbox-hd .live{animation:none}}
@media (max-width: 900px){.app-dlbox-hd{justify-content:center}}
@media (max-width: 600px){
  .app-dlbox{padding:12px;border-radius:22px}
  .app-dls{gap:8px}
  .app-dl{border-radius:16px}
  .app-dl-main{padding:14px 4px 10px}
  .app-dl-ic{width:46px;height:46px;box-shadow:0 0 0 4px rgb(var(--primary-rgb) / .12),0 6px 14px rgb(var(--primary-rgb) / .22)}
  .app-dl-ic svg{width:22px;height:22px}
  .app-dl-main small{font-size:.6rem}
  .app-dl-main strong{font-size:.84rem}
  .app-dl-acts{gap:6px;padding-bottom:12px}
  .app-dl-acts button{width:32px;height:32px}
}
/* about page */
.ab-hero{position:relative;isolation:isolate;overflow:hidden;padding-block:clamp(48px,7vw,96px);background:radial-gradient(70% 90% at 100% 0%,rgb(var(--primary-rgb) / .2),transparent 60%),radial-gradient(60% 70% at 0% 100%,rgb(218 227 66 / .16),transparent 60%),var(--bg)}
.ab-mark{position:absolute;z-index:-1;inset-inline-end:-8%;top:-20%;width:min(620px,70vw);color:var(--primary);opacity:.07;pointer-events:none}
.ab-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,72px);align-items:center}
.ab-txt{display:grid;gap:16px;justify-items:start}
.ab-txt h1{margin:0;font-size:clamp(2.4rem,5.4vw,4.2rem);font-weight:900;line-height:1.15}
.ab-lead{margin:0;font-size:clamp(1.25rem,2.2vw,1.7rem);font-weight:900;line-height:1.5;color:var(--primary-ink);background:linear-gradient(transparent 62%,rgb(var(--primary-rgb) / .22) 62%);display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.ab-sub{margin:0;font-size:clamp(1.02rem,1.3vw,1.15rem);line-height:2;color:var(--muted);max-width:36em}
.ab-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.ab-cta .pill-line{color:var(--fg);border-color:var(--primary)}
.ab-cta .pill-line:hover{background:var(--primary);color:#fff}
.ab-visual{position:relative;padding:22px}
.ab-visual::before{content:"";position:absolute;inset:0 22px 44px 0;border:2px solid var(--primary);border-radius:34px;transform:rotate(-3deg);opacity:.6}
html[dir="rtl"] .ab-visual::before{inset:0 0 44px 22px;transform:rotate(3deg)}
.ab-visual::after{content:"";position:absolute;width:120px;height:120px;inset-inline-start:-6px;bottom:6px;background-image:radial-gradient(var(--primary) 2px,transparent 2.5px);background-size:16px 16px;opacity:.45;z-index:-1}
.ab-photo{position:relative;border-radius:30px;overflow:hidden;aspect-ratio:4/3.3;background:var(--surface-2);box-shadow:0 30px 60px rgb(15 40 38 / .22)}
.ab-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 58%;transition:transform 1.2s ease}
.ab-visual:hover .ab-photo img{transform:scale(1.05)}
.ab-photo .mark-tile{height:100%}
.ab-float{position:absolute;display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;padding:12px 16px;border-radius:18px;background:var(--surface);box-shadow:0 16px 36px rgb(15 40 38 / .18);animation:abBob 5s ease-in-out infinite}
.ab-float svg{grid-row:span 2;width:40px;height:40px;padding:9px;border-radius:12px;background:rgb(var(--primary-rgb) / .14);color:var(--primary-ink)}
.ab-float b{font-size:1.4rem;font-weight:900;line-height:1.1;color:var(--fg)}
.ab-float small{font-size:.78rem;font-weight:700;color:var(--muted);white-space:nowrap}
.ab-float.f1{top:8%;inset-inline-end:-10px}
.ab-float.f2{bottom:4%;inset-inline-start:-10px;animation-delay:-2.5s}
@keyframes abBob{50%{transform:translateY(-8px)}}
.ab-story{text-align:center}
.ab-story-txt{max-width:46em;margin:0 auto;font-size:clamp(1.08rem,1.6vw,1.3rem);line-height:2.1;font-weight:700;color:var(--fg)}
.ab-chain{list-style:none;margin:clamp(36px,5vw,56px) 0 0;padding:0;display:grid;grid-template-columns:repeat(var(--n),1fr);position:relative}
.ab-chain::before{content:"";position:absolute;top:38px;inset-inline:calc(50% / var(--n));height:3px;border-radius:3px;background:linear-gradient(90deg,var(--primary),var(--lime),var(--primary));opacity:.55}
.ab-chain li{position:relative;display:grid;justify-items:center;gap:12px;animation:dlIn .7s var(--d) both cubic-bezier(.2,.8,.2,1)}
.ab-node{position:relative;width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--primary-ink);border:3px solid var(--primary);box-shadow:0 0 0 8px var(--bg),0 14px 30px rgb(var(--primary-rgb) / .3);transition:transform .35s cubic-bezier(.2,.8,.2,1),background .3s,color .3s}
.ab-node svg{width:32px;height:32px}
.ab-node i{position:absolute;top:-4px;inset-inline-end:-4px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:.78rem;font-weight:900;background:var(--lime);color:#1d2a10}
.ab-chain li:hover .ab-node{transform:translateY(-6px) scale(1.06);background:var(--primary);color:#fff}
.ab-chain b{font-weight:900;font-size:1.05rem}
@media (prefers-reduced-motion: reduce){.ab-float,.ab-chain li{animation:none}}
@media (max-width: 900px){
  .ab-grid{grid-template-columns:1fr}
  .ab-txt{justify-items:center;text-align:center}
  .ab-cta{justify-content:center}
  .ab-visual{max-width:520px;margin-inline:auto;width:100%}
}
@media (max-width: 640px){
  .ab-chain{grid-template-columns:1fr;gap:18px;max-width:280px;margin-inline:auto}
  .ab-chain::before{top:39px;bottom:39px;inset-inline:auto;inset-inline-start:39px;width:3px;height:auto;background:linear-gradient(180deg,var(--primary),var(--lime),var(--primary))}
  .ab-chain li{grid-template-columns:auto 1fr;justify-items:start;align-items:center;gap:18px;text-align:start}
  .ab-float{padding:9px 12px}.ab-float b{font-size:1.15rem}.ab-float svg{width:34px;height:34px;padding:7px}
  .ab-float.f1{inset-inline-end:-4px}.ab-float.f2{inset-inline-start:-4px}
}
/* page nav under the header */
.pn{border-top:1px solid rgb(15 40 38 / .08);background:#fff}
.pn-in{display:flex;justify-content:center;gap:clamp(4px,1.6vw,28px);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.pn-in::-webkit-scrollbar{display:none}
.pn-link{position:relative;flex:none;display:inline-flex;align-items:center;gap:5px;padding:15px 10px 14px;color:#4A5F5C;font-weight:700;font-size:.95rem;letter-spacing:.01em;text-decoration:none;white-space:nowrap;transition:color .2s}
.pn-link::after{content:"";position:absolute;inset-inline:10px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--primary);transform:scaleX(0);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.pn-link:hover{color:#0F2826}
.pn-link:hover::after{transform:scaleX(.45)}
.pn-link.on{color:#0F2826;font-weight:900}
.pn-link.on::after{transform:scaleX(1)}
.pn-ext svg{width:11px;height:11px;opacity:.45}
.pn-link:focus-visible{outline:2px solid var(--primary);outline-offset:-4px;border-radius:8px}
@media (max-width: 1100px){.pn-in{justify-content:flex-start;-webkit-mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent)}}
@media (max-width: 640px){.pn-link{padding:12px 9px 11px;font-size:.88rem}}
.site-ft .ft-bottom{width:100%;border-top:1px solid rgb(15 40 38 / .1);padding-top:24px}
.ab-h{margin:0;font-size:clamp(2.2rem,4.6vw,3.6rem);font-weight:900;line-height:1.15}
.ab-home{background:radial-gradient(70% 90% at 100% 0%,rgb(var(--primary-rgb) / .14),transparent 60%),radial-gradient(60% 70% at 0% 100%,rgb(218 227 66 / .12),transparent 60%)}
/* certs: professional row cards */
.certs{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.cert{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"logo name" "logo ok";align-items:center;justify-items:start;text-align:start;column-gap:16px;row-gap:6px;padding:16px 18px;border-radius:16px;background:var(--surface);border:1px solid var(--line);box-shadow:0 1px 2px rgb(15 40 38 / .04)}
.cert::after{inset:0 auto 0 0;width:3px;height:auto;transform:scaleY(0);transform-origin:50% 50%}
html[dir="rtl"] .cert::after{inset:0 0 0 auto}
.cert:hover{transform:translateY(-3px);border-color:rgb(var(--primary-rgb) / .6);box-shadow:0 14px 30px rgb(15 40 38 / .1)}
.cert:hover::after{transform:scaleY(1)}
.cert-logo{grid-area:logo;width:68px;height:68px;border-radius:14px;background:var(--bg);border:1px solid var(--line);transition:border-color .25s,background .25s}
.cert-logo b{font-size:1rem;letter-spacing:.06em;color:var(--fg);opacity:.82}
.cert-logo b.long{font-size:.7rem;line-height:1.3}
.cert:hover .cert-logo{transform:none;background:var(--bg);border-style:solid;border-color:rgb(var(--primary-rgb) / .5)}
.cert:hover .cert-logo b{color:var(--primary-ink)}
.cert-name{grid-area:name;min-height:0;display:block;font-size:.98rem;font-weight:800;line-height:1.5;align-self:end}
.cert-ok{grid-area:ok;align-self:start;background:none;padding:0;border-radius:0;font-size:.78rem;font-weight:700;color:var(--muted);letter-spacing:.01em}
.cert-ok svg{width:15px;height:15px;padding:2px;border-radius:50%;background:var(--primary);color:#fff;stroke-width:3}
@media (max-width: 640px){.certs{grid-template-columns:1fr;gap:10px}.cert{padding:14px}.cert-logo{width:56px;height:56px;border-radius:12px}.cert-logo b{font-size:.88rem}}
/* floating WhatsApp button */
.wa-fab{position:fixed;inset-inline-start:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:45;width:72px;height:72px;display:grid;place-items:center;text-decoration:none}
.wa-spin{position:absolute;inset:-3px;width:calc(100% + 6px);height:calc(100% + 6px);animation:waSpin 2.4s linear infinite}
.wa-spin circle{fill:none;stroke-width:5}
.wa-spin .trk{stroke:rgb(255 255 255 / .92)}
.wa-spin .arc{stroke:#0F2826;stroke-linecap:round;stroke-dasharray:150 140}
.wa-core{position:relative;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:#fff;box-shadow:0 0 0 3px #fff,0 10px 26px rgb(var(--primary-rgb) / .5);transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.wa-core::before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--primary);z-index:-1;animation:waPing 2.4s ease-out infinite}
.wa-core svg{width:30px;height:30px}
.wa-fab:hover .wa-core{transform:scale(1.04)}
.wa-tip{position:absolute;inset-inline-start:calc(100% + 10px);white-space:nowrap;background:#fff;color:#0F2826;font-weight:800;font-size:.85rem;padding:7px 14px;border-radius:999px;box-shadow:0 8px 22px rgb(15 40 38 / .18);opacity:0;transform:translateX(6px);pointer-events:none;transition:opacity .2s,transform .2s}
html[dir="rtl"] .wa-tip{transform:translateX(-6px)}
.wa-fab:hover .wa-tip,.wa-fab:focus-visible .wa-tip{opacity:1;transform:none}
@keyframes waSpin{to{transform:rotate(360deg)}}
@keyframes waPing{0%{transform:scale(1);opacity:.5}80%,100%{transform:scale(1.6);opacity:0}}
:root[data-theme="dark"] .wa-spin .arc{stroke:#fff}:root[data-theme="dark"] .wa-spin .trk{stroke:rgb(15 40 38 / .85)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .wa-spin .arc{stroke:#fff}:root:not([data-theme="light"]) .wa-spin .trk{stroke:rgb(15 40 38 / .85)}}
@media (prefers-reduced-motion: reduce){.wa-spin,.wa-core::before{animation:none}}
@media (max-width: 760px){.wa-fab{width:64px;height:64px;inset-inline-start:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}.wa-core{width:50px;height:50px}.wa-core svg{width:26px;height:26px}.wa-tip{display:none}}
/* ===== menu v2 (mx) ===== */
.mx-top{background:#fff;border-bottom:1px solid rgb(15 40 38 / .08)}
.mx-top-in{display:flex;align-items:center;gap:10px;padding-block:12px}
.mx-top .logo{color:var(--primary)}
.mx-top .sp{flex:1}
.mx-top .lang-dd.on-brand summary,.mx-top .mode-btn.on-brand{background:#fff;color:#0F2826;border:1.5px solid rgb(15 40 38 / .15)}
.mx-back{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:0 14px;border-radius:999px;border:1.5px solid rgb(15 40 38 / .15);color:#0F2826;font-weight:800;text-decoration:none;font-size:.9rem}
.mx-back:hover{border-color:var(--primary);color:var(--primary-ink)}
.mx-back svg{width:18px;height:18px}
.mx-hero{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,var(--primary),#3FAEA2);color:#fff}
.mx-hero-mark{position:absolute;z-index:-1;inset-inline-start:-40px;top:-60px;width:300px;opacity:.12;color:#fff}
.mx-hero-in{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:26px}
.mx-hero h1{margin:0;font-size:clamp(1.8rem,3.4vw,2.5rem);font-weight:900;color:#fff}
.mx-seg{display:inline-flex;padding:4px;border-radius:999px;background:rgb(15 40 38 / .18)}
.mx-seg button{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:#fff;font:inherit;font-weight:800;font-size:.9rem;padding:9px 16px;border-radius:999px;cursor:pointer;transition:background .2s,color .2s}
.mx-seg button svg{width:16px;height:16px}
.mx-seg button.on{background:#fff;color:#0F2826;box-shadow:0 4px 12px rgb(15 40 38 / .15)}
.mx-bar{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:color-mix(in srgb,var(--mn-bg) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding-block:12px 8px}
.mx-tools{display:flex;gap:10px;align-items:stretch}
.mx-search{flex:1;position:relative;display:flex;align-items:center}
.mx-search svg{position:absolute;inset-inline-start:14px;width:18px;height:18px;color:var(--muted);pointer-events:none}
.mx-search input{width:100%;height:46px;border-radius:14px;border:1.5px solid var(--line);background:var(--surface);color:var(--fg);font:inherit;padding-inline:42px 14px}
.mx-search input:focus{outline:none;border-color:var(--primary)}
.mx-alf{position:relative}
.mx-alf summary{list-style:none;display:flex;align-items:center;gap:8px;height:46px;padding:0 14px;border-radius:14px;border:1.5px solid var(--line);background:var(--surface);font-weight:800;font-size:.9rem;cursor:pointer;white-space:nowrap}
.mx-alf summary::-webkit-details-marker{display:none}
.mx-alf summary svg{width:18px;height:18px;color:var(--primary-ink)}
.mx-alf summary b{min-width:22px;height:22px;border-radius:999px;display:grid;place-items:center;background:#C2410C;color:#fff;font-size:.75rem}
.mx-alf[open] summary{border-color:var(--primary)}
.mx-alf-pop{position:absolute;inset-inline-end:0;top:calc(100% + 8px);width:min(360px,calc(100vw - 32px));padding:16px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:0 20px 46px rgb(15 40 38 / .2);z-index:5}
.mx-alf-pop p{margin:0 0 12px;font-size:.85rem;color:var(--muted);line-height:1.7}
.mx-alf-chips{display:flex;flex-wrap:wrap;gap:8px}
.mx-alf-chips button{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1.5px solid var(--line);background:var(--bg);color:var(--fg);font:inherit;font-weight:700;font-size:.85rem;cursor:pointer}
.mx-alf-chips button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mx-alf-chips button.on{border-color:#C2410C;background:#FFF1E8;color:#9A3412}
.mx-clear{margin-top:12px;border:0;background:none;color:var(--primary-ink);font:inherit;font-weight:800;font-size:.85rem;cursor:pointer;padding:0}
.mx-rail{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-top:10px;padding-bottom:4px}
.mx-rail::-webkit-scrollbar{display:none}
.mx .cat-pill{flex-direction:row;width:auto;gap:8px;padding:5px 14px 5px 5px;padding-inline:5px 14px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);transition:border-color .2s,background .2s}
.mx .cat-pill .ci{width:32px;height:32px;border-radius:50%;border:0}
.mx .cat-pill .ci svg{width:18px;height:18px}
.mx .cat-pill span{font-size:.88rem;white-space:nowrap}
.mx .cat-pill:hover{border-color:rgb(var(--primary-rgb) / .6)}
.mx .cat-pill.on{background:var(--primary);border-color:var(--primary)}
.mx .cat-pill.on span{color:#fff}
.mx .cat-pill.on .ci{background:#fff}
.mx-main{padding-block:10px 120px}
.mx-active{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;padding:10px 14px;border-radius:14px;background:#FFF1E8;color:#9A3412;font-weight:800;font-size:.88rem}
.mx-active span{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;background:#fff}
.mx-active svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}
.mx-sec{scroll-margin-top:150px;padding-top:28px}
.mx-sec-hd{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.mx-ci{width:42px;height:42px;border-radius:12px;overflow:hidden;display:grid;place-items:center;background:rgb(var(--primary-rgb) / .14);color:var(--primary-ink);flex:none}
.mx-ci img{width:100%;height:100%;object-fit:cover}.mx-ci svg{width:22px;height:22px}
.mx-sec-hd h2{margin:0;font-size:1.35rem;font-weight:900}
.mx-count{margin-inline-start:auto;font-size:.8rem;font-weight:800;color:var(--muted);background:var(--surface-2);padding:4px 10px;border-radius:999px}
.mx-card:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.mx-al svg,.mx-legend svg,.mx-al-list svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mx-notes{margin-top:40px;padding:18px 20px;border-radius:18px;background:var(--surface);border:1px solid var(--line);display:grid;gap:8px}
.mx-notes p{margin:0;font-size:.82rem;line-height:1.8;color:var(--muted)}
.mx-legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding-bottom:10px;margin-bottom:4px;border-bottom:1px dashed var(--line);font-size:.82rem}
.mx-legend b{font-weight:900;margin-inline-end:4px}
.mx-legend span{display:inline-flex;align-items:center;gap:5px;font-weight:700;color:var(--fg)}
.mx-legend svg{width:22px;height:22px;padding:4px;border-radius:50%;background:#FFF1E8;color:#C2410C;border:1px solid #FED7C3}
.mx-none{display:flex;align-items:center;gap:6px;margin:0;color:var(--primary-ink);font-weight:700;font-size:.9rem}
.mx-none svg{width:16px;height:16px}
:root[data-theme="dark"] .mx-top{background:#0F2826;border-color:rgb(255 255 255 / .08)}
:root[data-theme="dark"] .mx-active span{background:rgb(0 0 0 / .2)}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .mx-top{background:#0F2826;border-color:rgb(255 255 255 / .08)}
  :root:not([data-theme="light"]) .mx-active span{background:rgb(0 0 0 / .2)}
}
@media (max-width: 560px){
  .mx-back span{display:none}.mx-back{padding:0 11px}
  .mx-hero-in{padding-block:18px}
  .mx-alf summary span{display:none}
  .mx-sec{scroll-margin-top:140px}
}
.mx .cat-pill.on .ci{color:var(--primary-ink)}
.img-url{font-size:.8rem;min-width:0}

/* ===== menu v3: product tiles + product sheet ===== */
.mx-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.mx-card{position:relative;display:flex;flex-direction:column;padding:0;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:var(--mn-card);color:var(--fg);font:inherit;text-align:start;cursor:pointer;transition:border-color .25s,box-shadow .25s,transform .25s}
.mx-card:hover{border-color:rgb(var(--primary-rgb) / .55);box-shadow:0 18px 40px -12px rgb(15 40 38 / .22);transform:translateY(-4px)}
.mx-img{position:relative;aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden;isolation:isolate;background:var(--pc,linear-gradient(150deg,rgb(var(--primary-rgb) / .22),rgb(var(--primary-rgb) / .07) 70%));color:var(--primary-ink)}
.mx-img>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.mx-card:hover .mx-img>img{transform:scale(1.06)}
.mx-img>svg.i{width:34%;height:auto;aspect-ratio:1;stroke-width:1.2;transition:transform .4s}
.mx-card:hover .mx-img>svg.i{transform:scale(1.08) rotate(-4deg)}
.mx-wm{position:absolute;z-index:-1;inset-inline-end:-18%;bottom:-22%;width:70%;opacity:.09;color:var(--primary-ink);pointer-events:none}
.mx-wm svg{width:100%;height:auto}
.mx-feat{position:absolute;top:10px;inset-inline-start:10px;padding:3px 10px;border-radius:999px;background:var(--lime);color:#1d2a10;font-size:.7rem;font-weight:900;box-shadow:0 4px 10px rgb(0 0 0 / .1)}
.mx-kcal{position:absolute;bottom:10px;inset-inline-start:10px;display:inline-flex;align-items:center;gap:4px;padding:4px 10px 4px 8px;border-radius:999px;background:rgb(255 255 255 / .92);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#0F2826;font-size:.74rem;font-weight:800;box-shadow:0 4px 12px rgb(15 40 38 / .12)}
.mx-kcal svg{width:13px;height:13px;color:#E8590C}
.mx-kcal b{font-weight:900}
.mx-body{display:grid;align-content:start;gap:6px;padding:14px 14px 4px;flex:1;min-width:0}
.mx-name{font-weight:900;font-size:1rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mx-desc{font-size:.8rem;line-height:1.7;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mx-foot{display:flex;align-items:center;gap:8px;padding:10px 14px 14px}
.mx-price{display:flex;align-items:baseline;gap:4px;white-space:nowrap}
.mx-price b{font-size:1.25rem;font-weight:900;color:var(--mn-accent);line-height:1}
.mx-price small{font-size:.72rem;font-weight:700;color:var(--muted)}
.mx-al{display:inline-flex;margin-inline-start:auto;padding-inline-start:6px}
.mx-al i{width:24px;height:24px;margin-inline-start:-6px;border-radius:50%;display:grid;place-items:center;background:#FFF1E8;color:#C2410C;border:2px solid var(--mn-card);font-style:normal}
.mx-al i.more{font-size:.62rem;font-weight:900}
.mx-go{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:#fff;transition:transform .25s,background .25s}
.mx-price+.mx-go{margin-inline-start:auto}
.mx-go svg{width:17px;height:17px;stroke-width:2.4}
.mx-card:hover .mx-go{transform:rotate(90deg);background:var(--primary-ink)}
/* list layout (admin option) keeps a horizontal row */
.mx-grid.one{grid-template-columns:repeat(2,minmax(0,1fr))}
.mx-grid.one .mx-card{display:grid;grid-template-columns:116px minmax(0,1fr);grid-template-rows:1fr auto}
.mx-grid.one .mx-img{grid-row:1/3;aspect-ratio:auto;height:100%;min-height:116px}
.mx-grid.one .mx-foot{padding-top:0}

/* product sheet */
.modal:has(.mx-pd){width:min(900px,100%);border-radius:28px;overflow:hidden}
.mx-pd{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);min-height:0;overflow:auto}
.mx-pd-media{position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;min-height:440px;background:var(--pc,linear-gradient(155deg,rgb(var(--primary-rgb) / .3),rgb(var(--primary-rgb) / .08) 75%));color:var(--primary-ink)}
.mx-pd-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mx-pd-media>svg.i{width:min(38%,190px);height:auto;aspect-ratio:1;stroke-width:1.1}
.mx-pd-media .mx-wm{width:80%;opacity:.1}
.mx-pd-x{position:absolute;top:14px;inset-inline-start:14px;width:42px;height:42px;border-radius:50%;border:0;display:grid;place-items:center;background:rgb(255 255 255 / .92);color:#0F2826;cursor:pointer;box-shadow:0 6px 18px rgb(15 40 38 / .18);transition:transform .2s,background .2s}
.mx-pd-x:hover{transform:rotate(90deg);background:#fff;color:var(--primary-ink)}
.mx-pd-x svg{width:20px;height:20px}
.mx-pd-media .mx-feat{top:auto;bottom:14px;inset-inline-start:14px}
.mx-pd-info{display:flex;flex-direction:column;gap:14px;padding:30px 28px 26px}
.mx-pd-cat{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:800;color:var(--primary-ink);background:rgb(var(--primary-rgb) / .12);padding-block:4px;padding-inline:6px 12px;border-radius:999px}
.mx-pd-cat i{width:22px;height:22px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--surface)}
.mx-pd-cat i svg{width:13px;height:13px}.mx-pd-cat i img{width:100%;height:100%;object-fit:cover}
.mx-pd-name{margin:0;font-size:clamp(1.4rem,2.6vw,1.85rem);font-weight:900;line-height:1.3}
.mx-pd-alt{margin:-8px 0 0;font-size:.9rem;font-weight:700;color:var(--muted)}
.mx-pd-desc{margin:0;line-height:1.95;color:var(--muted);font-size:.95rem}
.mx-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.mx-fact{display:grid;gap:6px;padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:var(--bg)}
.mx-fact small{font-size:.76rem;font-weight:800;color:var(--muted)}
.mx-fact b{display:flex;align-items:baseline;gap:5px;font-size:1.6rem;font-weight:900;line-height:1}
.mx-fact b small{font-size:.8rem}
.mx-fact.price{background:linear-gradient(140deg,var(--primary),#3FAEA2);border-color:transparent}
.mx-fact.price small,.mx-fact.price b{color:#fff}
.mx-fact.price b small{color:rgb(255 255 255 / .85)}
.mx-fact.kcal b svg{width:20px;height:20px;align-self:center;color:#E8590C}
.mx-pd-al{padding-top:14px;border-top:1px dashed var(--line)}
.mx-pd-al h4{display:flex;align-items:center;gap:6px;margin:0 0 10px;font-size:.92rem;font-weight:900}
.mx-pd-al h4 svg{width:18px;height:18px;color:#C2410C}
.mx-al-list{display:flex;flex-wrap:wrap;gap:8px}
.mx-al-list span{display:inline-flex;align-items:center;gap:7px;padding-block:5px;padding-inline:5px 12px;border-radius:999px;background:#FFF1E8;color:#9A3412;border:1px solid #FED7C3;font-weight:800;font-size:.84rem}
.mx-al-list span i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#fff;font-style:normal}
.mx-pd-info>.tag{align-self:flex-start}
.mx-pd-cta{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;border-radius:16px;background:#0F2826;color:#fff;font-weight:900;text-decoration:none;transition:background .2s,transform .2s}
.mx-pd-cta:hover{background:var(--primary-ink);transform:translateY(-2px)}
.mx-pd-cta svg{width:19px;height:19px}
:root[data-theme="dark"] .mx-al-list span i{background:rgb(0 0 0 / .25)}
:root[data-theme="dark"] .mx-pd-cta{background:var(--primary);color:#0F2826}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .mx-al-list span i{background:rgb(0 0 0 / .25)}
  :root:not([data-theme="light"]) .mx-pd-cta{background:var(--primary);color:#0F2826}
}
@media (max-width: 1100px){.mx-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width: 820px){
  .mx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .mx-grid.one{grid-template-columns:1fr}
  .mx-pd{display:flex;flex-direction:column}
  .mx-pd-media{flex:none;min-height:0;aspect-ratio:16/11}
}
@media (max-width: 560px){
  .mx-card{border-radius:18px}
  .mx-body{padding:10px 10px 2px;gap:4px}
  .mx-name{font-size:.9rem}
  .mx-desc{display:none}
  .mx-foot{padding:8px 10px 10px;gap:6px;flex-wrap:wrap}
  .mx-price b{font-size:1.08rem}
  .mx-al{margin-inline-start:auto}
  .mx-al i{width:22px;height:22px}
  .mx-go{width:30px;height:30px;margin-inline-start:auto}
  .mx-kcal{bottom:8px;inset-inline-start:8px;font-size:.68rem;padding:3px 8px 3px 6px}
  .mx-feat{top:8px;inset-inline-start:8px}
  .modal-wrap:has(.mx-pd){align-items:end;padding:0}
  .modal:has(.mx-pd){width:100%;border-radius:26px 26px 0 0;max-height:92dvh}
  .mx-pd-info{padding:20px 18px 22px}
}

/* ===== category rail as Instagram-style stories ===== */
.mx-rail{gap:14px;margin-top:12px;padding:2px 2px 4px}
.mx .cat-pill{flex:none;display:flex;flex-direction:column;align-items:center;gap:6px;width:78px;padding:0;border:0;border-radius:0;background:none;cursor:pointer;transition:transform .2s}
.mx .cat-pill:hover{border:0;transform:translateY(-2px)}
.mx .cat-pill .ci{position:relative;width:68px;height:68px;border-radius:50%;padding:3px;border:0;background:conic-gradient(from 210deg,var(--primary),var(--lime),var(--plum),var(--primary));display:grid;place-items:center;color:var(--primary-ink)}
.mx .cat-pill .ci::before{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--mn-bg,var(--bg))}
.mx .cat-pill .ci>*{position:relative}
.mx .cat-pill .ci img{width:calc(100% - 6px);height:calc(100% - 6px);border-radius:50%;object-fit:cover}
.mx .cat-pill .ci svg{width:58px;height:58px;padding:15px;border-radius:50%;background:rgb(var(--primary-rgb) / .14);box-sizing:border-box;margin:3px}
.mx .cat-pill span:not(.ci){font-size:.78rem;font-weight:700;color:var(--fg);white-space:normal;text-align:center;line-height:1.35;max-width:100%}
.mx .cat-pill.on{background:none;border:0}
.mx .cat-pill.on .ci{background:var(--primary);color:var(--primary-ink);box-shadow:0 6px 16px -4px rgb(var(--primary-rgb) / .6)}
.mx .cat-pill.on .ci svg{background:rgb(var(--primary-rgb) / .22)}
.mx .cat-pill.on span:not(.ci){color:var(--primary-ink);font-weight:900}
.mx-sec{scroll-margin-top:210px}
@media (max-width: 560px){
  .mx-rail{gap:10px}
  .mx .cat-pill{width:68px}
  .mx .cat-pill .ci{width:60px;height:60px}
  .mx .cat-pill .ci svg{width:50px;height:50px;padding:13px}
  .mx .cat-pill span:not(.ci){font-size:.72rem}
  .mx-sec{scroll-margin-top:195px}
}

/* stories v2: plain circles, bigger, centered, hover */
.mx-rail{justify-content:safe center;gap:22px;padding:4px 2px 6px}
.mx .cat-pill{width:92px;gap:8px}
.mx .cat-pill:hover{transform:none}
.mx .cat-pill .ci{width:82px;height:82px;padding:0;background:rgb(var(--primary-rgb) / .14);box-shadow:none;transition:background .25s,color .25s,transform .25s,box-shadow .25s}
.mx .cat-pill .ci::before{content:none}
.mx .cat-pill .ci img{width:100%;height:100%;transition:transform .35s}
.mx .cat-pill .ci svg{width:36px;height:36px;padding:0;margin:0;background:none;transition:transform .3s}
.mx .cat-pill:hover .ci{background:var(--primary);color:#fff;transform:translateY(-4px);box-shadow:0 12px 22px -8px rgb(var(--primary-rgb) / .7)}
.mx .cat-pill:hover .ci svg{transform:scale(1.12)}
.mx .cat-pill:hover .ci img{transform:scale(1.08)}
.mx .cat-pill:hover span:not(.ci){color:var(--primary-ink)}
.mx .cat-pill.on .ci{background:var(--primary);color:#fff;box-shadow:0 10px 20px -8px rgb(var(--primary-rgb) / .7)}
.mx .cat-pill.on .ci svg{background:none}
.mx-sec{scroll-margin-top:225px}
@media (max-width: 560px){
  .mx-rail{gap:12px}
  .mx .cat-pill{width:74px}
  .mx .cat-pill .ci{width:68px;height:68px}
  .mx .cat-pill .ci svg{width:30px;height:30px;padding:0}
  .mx-sec{scroll-margin-top:205px}
}

/* search field: full text on every browser (iOS Safari clipped Arabic glyphs) */
.mx-search input{-webkit-appearance:none;appearance:none;height:50px;padding-block:0;line-height:normal;font-size:16px;overflow:visible;text-overflow:ellipsis}
.mx-search input::placeholder{line-height:normal;color:var(--muted);opacity:1}
.mx-search input::-webkit-search-decoration,.mx-search input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.mx-alf summary{height:50px}

/* compact search bar */
.mx-tools{justify-content:center;gap:8px}
.mx-search{flex:0 1 520px}
.mx-search svg{inset-inline-start:14px;width:17px;height:17px}
.mx-search input{height:42px;border-radius:999px;border:1px solid var(--line);background:var(--surface);padding-inline:40px 16px;font-size:16px;box-shadow:0 2px 8px -4px rgb(15 40 38 / .12);transition:border-color .2s,box-shadow .2s}
.mx-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgb(var(--primary-rgb) / .15)}
.mx-alf summary{height:42px;border-radius:999px;border-width:1px;padding:0 14px;font-size:.85rem;box-shadow:0 2px 8px -4px rgb(15 40 38 / .12)}
.mx-alf summary svg{width:16px;height:16px}
.mx-alf-pop{inset-inline-end:auto;inset-inline-start:0}
@media (max-width: 560px){
  .mx-search{flex:1}
  .mx-alf summary{width:42px;padding:0;justify-content:center}
  .mx-alf-pop{inset-inline-start:auto;inset-inline-end:0}
}

/* allergens v2: brand plum palette */
:root{--al:#951B81;--al-bg:rgb(149 27 129 / .08);--al-line:rgb(149 27 129 / .2);--al-ink:#7A1569}
.mx-al i{background:var(--al-bg);color:var(--al);border:2px solid var(--mn-card);box-shadow:inset 0 0 0 1px var(--al-line)}
.mx-al svg{width:13px;height:13px}
.mx-legend svg{background:var(--al-bg);color:var(--al);border:1px solid var(--al-line)}
.mx-alf-chips button.on{border-color:var(--al);background:var(--al-bg);color:var(--al-ink)}
.mx-alf summary b{background:var(--al)}
.mx-active{background:var(--al-bg);color:var(--al-ink);border:1px solid var(--al-line)}
.mx-pd-al{padding:16px;border:1px solid var(--al-line);border-radius:18px;background:linear-gradient(160deg,var(--al-bg),transparent 70%)}
.mx-pd-al h4{color:var(--al-ink)}
.mx-pd-al h4 svg{color:var(--al)}
.mx-al-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}
.mx-al-list span{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px 10px;border-radius:14px;background:var(--surface);border:1px solid var(--al-line);color:var(--al-ink);font-weight:800;font-size:.82rem;text-align:center}
.mx-al-list span i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--al);color:#fff}
.mx-al-list span i svg{width:17px;height:17px}
.modal .mx-pd-al{border-top:1px solid var(--al-line)}
/* product share */
.mx-pd-share{display:grid;gap:10px;padding-top:14px;border-top:1px dashed var(--line)}
.mx-pd-share-t{display:flex;align-items:center;gap:6px;font-weight:900;font-size:.92rem}
.mx-pd-share-t svg{width:17px;height:17px;color:var(--primary-ink)}
.mx-pd-share-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.mx-pd-share-row a,.mx-pd-more{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--c,var(--surface-2));color:#fff;border:0;cursor:pointer;transition:transform .2s,box-shadow .2s}
.mx-pd-share-row a[style*="FFFC00"]{color:#111}
.mx-pd-share-row a svg,.mx-pd-more svg{width:19px;height:19px}
.mx-pd-share-row a:hover,.mx-pd-more:hover{transform:translateY(-2px);box-shadow:0 8px 16px -6px rgb(0 0 0 / .35)}
.mx-pd-more{--c:var(--plum)}
.mx-pd-copy{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 16px;border-radius:999px;border:1.5px solid var(--primary);background:rgb(var(--primary-rgb) / .1);color:var(--primary-ink);font:inherit;font-weight:800;font-size:.85rem;cursor:pointer;transition:background .2s,color .2s}
.mx-pd-copy svg{width:17px;height:17px}
.mx-pd-copy:hover{background:var(--primary);color:#fff}
:root[data-theme="dark"]{--al:#D66BC6;--al-bg:rgb(214 107 198 / .12);--al-line:rgb(214 107 198 / .3);--al-ink:#EBA9E0}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--al:#D66BC6;--al-bg:rgb(214 107 198 / .12);--al-line:rgb(214 107 198 / .3);--al-ink:#EBA9E0}}
.mx-al-list{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:6px}
.mx-al-list span{flex-direction:row;justify-content:flex-start;gap:8px;padding:6px 8px;border-radius:999px;font-size:.82rem;text-align:start}
.mx-al-list span i{width:28px;height:28px;flex:none}
.mx-al-list span i svg{width:15px;height:15px}
.mx-pd-al{padding:14px}

/* menu header buttons in dark mode */
:root[data-theme="dark"] .mx-back{color:#fff;border-color:rgb(255 255 255 / .25);background:rgb(255 255 255 / .06)}
:root[data-theme="dark"] .mx-back:hover{border-color:var(--primary);color:var(--primary)}
:root[data-theme="dark"] .mx-top .lang-dd.on-brand summary,:root[data-theme="dark"] .mx-top .mode-btn.on-brand{background:rgb(255 255 255 / .06);color:#fff;border-color:rgb(255 255 255 / .25)}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .mx-back{color:#fff;border-color:rgb(255 255 255 / .25);background:rgb(255 255 255 / .06)}
  :root:not([data-theme="light"]) .mx-back:hover{border-color:var(--primary);color:var(--primary)}
  :root:not([data-theme="light"]) .mx-top .lang-dd.on-brand summary,:root:not([data-theme="light"]) .mx-top .mode-btn.on-brand{background:rgb(255 255 255 / .06);color:#fff;border-color:rgb(255 255 255 / .25)}
}

/* calories beside allergens on cards */
.mx-info{display:inline-flex;align-items:center;gap:6px;margin-inline-start:auto;min-width:0}
.mx-info .mx-al{margin-inline-start:0}
.mx-kc{display:inline-flex;align-items:center;gap:3px;height:24px;padding:0 8px 0 7px;border-radius:999px;background:rgb(232 89 12 / .09);color:#B4470A;font-size:.72rem;font-weight:800;white-space:nowrap}
.mx-kc svg{width:12px;height:12px;color:#E8590C}
.mx-kc b{font-weight:900}
:root[data-theme="dark"] .mx-kc{background:rgb(251 146 60 / .14);color:#FDBA74}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .mx-kc{background:rgb(251 146 60 / .14);color:#FDBA74}}
@media (max-width: 560px){
  .mx-foot{flex-wrap:wrap}
  .mx-info{flex-basis:100%;margin-inline-start:0;justify-content:space-between}
  .mx-kc{height:22px;font-size:.68rem}
}

/* ===== menu view switcher ===== */
.vw-fab{position:fixed;inset-inline-start:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:44}
.vw-btn{width:60px;height:60px;border-radius:50%;border:0;display:grid;place-items:center;background:#fff;color:var(--primary-ink);cursor:pointer;box-shadow:0 10px 28px rgb(6 30 28 / .25);transition:transform .2s,background .2s,color .2s}
.vw-btn:hover,.vw-fab.open .vw-btn{background:var(--primary);color:#fff;transform:scale(1.05)}
.vw-btn svg{width:26px;height:26px}
.vw-pop{position:absolute;bottom:calc(100% + 12px);inset-inline-start:0;width:210px;display:grid;gap:4px;padding:10px;border-radius:20px;background:#fff;color:#0F2826;box-shadow:0 18px 44px -10px rgb(6 30 28 / .35);opacity:0;visibility:hidden;transform:translateY(8px) scale(.97);transform-origin:bottom;transition:opacity .2s,transform .2s,visibility .2s}
.vw-fab.open .vw-pop{opacity:1;visibility:visible;transform:none}
.vw-pop small{padding:4px 8px 6px;font-size:.74rem;font-weight:800;color:#5b6f6c}
.vw-pop button{display:flex;align-items:center;gap:10px;padding:8px;border:0;border-radius:14px;background:none;color:inherit;font:inherit;font-weight:800;font-size:.92rem;text-align:start;cursor:pointer;transition:background .2s,color .2s}
.vw-pop button:hover{background:rgb(var(--primary-rgb) / .1);color:var(--primary-ink)}
.vw-pop button.on{background:rgb(var(--primary-rgb) / .14);color:var(--primary-ink)}
.vw-ic{width:34px;height:34px;flex:none;border-radius:11px;display:grid;place-items:center;background:#F1F5F4}
.vw-pop button.on .vw-ic{background:var(--primary);color:#fff}
.vw-ic svg{width:19px;height:19px}
.vw-ok{margin-inline-start:auto;display:grid;color:var(--primary-ink)}.vw-ok svg{width:18px;height:18px;stroke-width:2.6}
@media (max-width: 760px){.vw-fab{inset-inline-start:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}.vw-btn{width:54px;height:54px}}

/* view: list (small images, Pino style) */
.mx-grid.v-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px}
.v-list .mx-card{display:grid;grid-template-columns:92px minmax(0,1fr) auto;grid-template-areas:"img body price" "img info price";column-gap:14px;row-gap:6px;align-items:start;padding:16px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;box-shadow:none}
.v-list .mx-card:hover{transform:none;box-shadow:none;border-color:var(--line)}
.v-list .mx-card:hover .mx-name{color:var(--primary-ink)}
.v-list .mx-img{grid-area:img;width:92px;height:92px;aspect-ratio:auto;border-radius:16px}
.v-list .mx-img>svg.i{width:42%;height:42%}
.v-list .mx-feat{top:6px;inset-inline-start:6px;padding:1px 7px;font-size:.6rem}
.v-list .mx-body{grid-area:body;padding:0;gap:4px}
.v-list .mx-name{font-size:.98rem;transition:color .2s}
.v-list .mx-desc{display:-webkit-box;font-size:.78rem;line-height:1.65}
.v-list .mx-foot{display:contents}
.v-list .mx-price{grid-area:price;flex-direction:column;align-items:flex-end;gap:2px;padding-top:2px}
.v-list .mx-price b{font-size:1.15rem}
.v-list .mx-info{grid-area:info;margin:0;justify-content:flex-start;flex-wrap:wrap}
.v-list .mx-al i{width:22px;height:22px}

/* view: showcase (image-led cards) */
.mx-grid.v-show{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.v-show .mx-card{aspect-ratio:4/5;justify-content:flex-end;border:0;border-radius:28px;background:#0F2826;color:#fff;isolation:isolate}
.v-show .mx-card:hover{transform:translateY(-6px);box-shadow:0 26px 50px -16px rgb(15 40 38 / .55)}
.v-show .mx-img{position:absolute;inset:0;z-index:-1;aspect-ratio:auto;align-items:start;padding-top:16%;background:var(--pc,radial-gradient(120% 90% at 50% 15%,rgb(var(--primary-rgb) / .95),#16564F 55%,#0F2826));color:#fff}
.v-show .mx-img::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgb(8 24 22 / .92) 0%,rgb(8 24 22 / .55) 38%,transparent 65%);pointer-events:none}
.v-show .mx-img>svg.i{width:36%;height:auto;aspect-ratio:1;opacity:.9}
.v-show .mx-wm{opacity:.12;color:#fff}
.v-show .mx-card:hover .mx-img>img{transform:scale(1.08)}
.v-show .mx-feat{z-index:1;top:16px;inset-inline-start:16px}
.v-show .mx-body{flex:none;padding:0 20px;gap:6px}
.v-show .mx-name{font-size:1.2rem;color:#fff}
.v-show .mx-desc{color:rgb(255 255 255 / .78);font-size:.82rem}
.v-show .mx-foot{padding:12px 20px 20px;gap:10px}
.v-show .mx-price{padding:6px 14px;border-radius:999px;background:var(--lime);color:#1d2a10}
.v-show .mx-price b{color:#1d2a10;font-size:1.1rem}
.v-show .mx-price small{color:#1d2a10;opacity:.75}
.v-show .mx-kc{background:rgb(255 255 255 / .16);color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.v-show .mx-kc svg{color:#FDBA74}
.v-show .mx-al i{background:rgb(255 255 255 / .18);color:#fff;border-color:transparent;box-shadow:inset 0 0 0 1px rgb(255 255 255 / .25);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
@media (max-width: 1100px){.mx-grid.v-show{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 820px){.mx-grid.v-list{grid-template-columns:1fr}}
@media (max-width: 560px){
  .v-list .mx-card{grid-template-columns:78px minmax(0,1fr) auto;column-gap:12px;padding:14px 0}
  .v-list .mx-img{width:78px;height:78px;border-radius:14px}
  .v-list .mx-info{flex-basis:auto;justify-content:flex-start}
  .mx-grid.v-show{grid-template-columns:1fr;gap:16px}
  .v-show .mx-card{aspect-ratio:5/4}
  .v-show .mx-img{padding-top:9%}
  .v-show .mx-img>svg.i{width:26%}
  .v-show .mx-desc{display:-webkit-box}
  .v-show .mx-foot{flex-wrap:nowrap}
  .v-show .mx-info{flex-basis:auto;margin-inline-start:auto;justify-content:flex-end}
}

/* showcase v2: smaller cards */
.mx-grid.v-show{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.v-show .mx-card{aspect-ratio:3/4;border-radius:22px}
.v-show .mx-img{padding-top:14%}
.v-show .mx-img>svg.i{width:30%}
.v-show .mx-feat{top:12px;inset-inline-start:12px}
.v-show .mx-body{padding:0 14px;gap:4px}
.v-show .mx-name{font-size:.98rem}
.v-show .mx-desc{font-size:.74rem;line-height:1.6}
.v-show .mx-foot{padding:10px 14px 14px;gap:6px;flex-wrap:wrap}
.v-show .mx-price{padding:4px 11px}
.v-show .mx-price b{font-size:.98rem}
.v-show .mx-info{margin-inline-start:auto}
.v-show .mx-al i{width:22px;height:22px}
@media (max-width: 1100px){.mx-grid.v-show{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width: 820px){.mx-grid.v-show{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media (max-width: 560px){
  .mx-grid.v-show{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .v-show .mx-card{aspect-ratio:3/4;border-radius:18px}
  .v-show .mx-img{padding-top:16%}
  .v-show .mx-img>svg.i{width:34%}
  .v-show .mx-body{padding:0 10px}
  .v-show .mx-name{font-size:.86rem}
  .v-show .mx-desc{display:none}
  .v-show .mx-foot{padding:8px 10px 10px;flex-wrap:wrap}
  .v-show .mx-price b{font-size:.9rem}
  .v-show .mx-info{flex-basis:100%;margin-inline-start:0;justify-content:space-between}
  .v-show .mx-kc{height:20px;font-size:.64rem;padding:0 6px}
  .v-show .mx-al i{width:20px;height:20px}
}

/* footer icons: turquoise, white on hover */
.site-ft .ft-ic,:root[data-theme] .site-ft .ft-ic{border-color:rgb(var(--primary-rgb) / .55);color:var(--primary);background:transparent}
.site-ft .ft-ic:hover,:root[data-theme] .site-ft .ft-ic:hover{background:var(--primary);border-color:var(--primary);color:#fff}
.site-ft .ft-ic,:root[data-theme] .site-ft .ft-ic{background:var(--primary);border-color:var(--primary);color:#fff;transition:background .2s,color .2s,transform .2s,box-shadow .2s}
.site-ft .ft-ic:hover,:root[data-theme] .site-ft .ft-ic:hover{background:#fff;border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 18px -6px rgb(var(--primary-rgb) / .55)}
.cert-logo img{max-width:88%;max-height:88%}
.cert-logo.bare,.cert:hover .cert-logo.bare{width:118px;height:68px;border:0;border-radius:0;background:none;transform:none}
.cert-logo.bare img{max-width:100%;max-height:100%}
@media (max-width: 640px){.cert-logo.bare,.cert:hover .cert-logo.bare{width:100px;height:56px}}
.cert-logo.bare img{object-position:center}
html[dir="rtl"] .cert-logo.bare{justify-items:start}
.cert-logo.bare,.cert:hover .cert-logo.bare{width:auto;min-width:68px;max-width:118px;overflow:hidden}
.cert-logo.bare img{height:100%;width:auto;max-width:118px;max-height:100%;object-fit:contain}
@media (max-width: 640px){.cert-logo.bare,.cert:hover .cert-logo.bare{min-width:56px;max-width:100px}.cert-logo.bare img{max-width:100px}}
.cert-logo.bare img{height:68px;max-height:68px}
@media (max-width: 640px){.cert-logo.bare img{height:56px;max-height:56px}}
:root[data-theme="dark"] .cert-logo img.mono{filter:invert(1)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .cert-logo img.mono{filter:invert(1)}}
.cert-logo.bare.wide,.cert:hover .cert-logo.bare.wide{max-width:190px}
.cert-logo.bare.wide img{max-width:190px}
@media (max-width: 640px){.cert-logo.bare.wide,.cert:hover .cert-logo.bare.wide{max-width:160px}.cert-logo.bare.wide img{max-width:160px}}
/* why: 5 cards = 3 + 2 */
.why-grid.n5{grid-template-columns:repeat(6,minmax(0,1fr))}
.why-grid.n5 .why-card{grid-column:span 2}
.why-grid.n5 .why-card:nth-child(n+4){grid-column:span 3}
@media (max-width: 900px){.why-grid.n5{grid-template-columns:1fr 1fr}.why-grid.n5 .why-card,.why-grid.n5 .why-card:nth-child(n+4){grid-column:auto}.why-grid.n5 .why-card:last-child{grid-column:span 2}}
.ft-since{white-space:pre-line}
.ft-bottom.ft-rights{justify-content:center;text-align:center}

/* price badge */
.mx-grid:not(.v-show) .mx-price{flex-direction:row;align-items:baseline;gap:4px;padding:6px 12px 5px;border-radius:999px;background:linear-gradient(135deg,#6FD0C5,var(--primary) 55%,#3FAEA2);box-shadow:0 6px 14px -6px rgb(var(--primary-rgb) / .8)}
.mx-grid:not(.v-show) .mx-price b{color:#fff;font-size:1.12rem;text-shadow:0 1px 0 rgb(15 40 38 / .15)}
.mx-grid:not(.v-show) .mx-price small{color:rgb(255 255 255 / .9);font-weight:800}
.v-list .mx-price{align-self:start}
@media (max-width: 560px){.mx-grid:not(.v-show) .mx-price{padding:5px 10px 4px}.mx-grid:not(.v-show) .mx-price b{font-size:1rem}}

/* ===== responsive polish (all devices) ===== */
@media (min-width: 1600px){html{font-size:17px}.wrap{max-width:1340px}}
@media (min-width: 1900px){html{font-size:18px}.wrap{max-width:1480px}}
@media (min-width: 2400px){html{font-size:20px}.wrap{max-width:1680px}}
@media (max-width: 760px){
  .banner{min-height:max(460px,calc(100svh - 176px))}
  .banner-in{padding-block:40px 104px;gap:12px}
  .banner-cta{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:8px}
  .banner-cta>*{width:100%;justify-content:center;min-width:0}
  .banner-cta>:first-child{grid-column:1/-1}
}
@media (max-width: 400px){
  .lt-seg button{padding:.6em .45em;font-size:.86rem;min-width:0}
  .lt-seg button i{margin-inline-start:2px}
}
.banner h1{font-size:clamp(2.6rem,7.5vw,96px)}

/* view switcher v2: turquoise pill with label */
.vw-btn{width:auto;height:auto;min-height:56px;display:inline-flex;align-items:center;gap:10px;padding:7px 14px 7px 8px;border-radius:999px;background:var(--primary);color:#0F2826;box-shadow:0 10px 26px -6px rgb(var(--primary-rgb) / .75),0 2px 6px rgb(6 30 28 / .15);font:inherit;text-align:start}
html[dir="rtl"] .vw-btn{padding:7px 8px 7px 14px}
.vw-btn:hover,.vw-fab.open .vw-btn{background:#0F2826;color:#fff;transform:translateY(-2px)}
.vw-bi{width:42px;height:42px;flex:none;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--primary-ink)}
.vw-btn .vw-bi svg{width:21px;height:21px}
.vw-lbl{display:grid;line-height:1.15}
.vw-lbl small{font-size:.68rem;font-weight:700;opacity:.8}
.vw-lbl b{font-size:.92rem;font-weight:900}
.vw-car{display:grid;transition:transform .25s}
.vw-btn .vw-car svg{width:16px;height:16px;stroke-width:2.6;transform:rotate(90deg)}
.vw-fab.open .vw-car{transform:rotate(180deg)}
.vw-pop{inset-inline-start:0}
@media (max-width: 760px){.vw-btn{min-height:52px;gap:8px}.vw-bi{width:38px;height:38px}.vw-lbl b{font-size:.86rem}.vw-lbl small{font-size:.64rem}}

/* quick access: more compact */
.qa-btn{width:60px;height:60px;border-radius:18px}
.qa-btn svg{width:24px;height:24px}
.qa-tip{font-size:.8rem;padding:.45em 1em}
.qa-panel{width:min(420px,calc(100vw - 32px));bottom:calc(98px + env(safe-area-inset-bottom,0px));padding:14px 18px 18px;border-radius:24px}
.qa-top{margin-bottom:12px}
.qa-top small{font-size:.78rem;margin-bottom:2px}
.qa-top h2{font-size:clamp(1.1rem,2.2vw,1.35rem)}
.qa-grid{gap:10px}
.qa-grid a{min-height:100px;padding:14px;gap:14px;border-radius:18px}
.qa-grid a b{font-size:.96rem}
.qa-grid .qi{width:44px;height:44px;border-radius:13px}
.qa-grid .qi svg{width:21px;height:21px}
@media (max-width: 760px){
  .qa-btn{width:52px;height:52px;border-radius:16px}
  .qa-btn svg{width:22px;height:22px}
  .qa-panel{bottom:calc(80px + env(safe-area-inset-bottom,0px));padding:10px 14px 14px;border-radius:22px}
  .qa-grid{gap:8px}
  .qa-grid a{min-height:86px;padding:12px;gap:10px;border-radius:16px}
  .qa-grid a b{font-size:.9rem}
  .qa-grid .qi{width:40px;height:40px;border-radius:12px}
  .qa-grid .qi svg{width:19px;height:19px}
}
@media (max-width: 860px){
  .hire-deco{display:flex;grid-column:1;grid-row:1;min-height:0;height:auto;gap:12px;align-items:flex-end;margin-bottom:6px}
  .hire-deco span{position:relative;inset:auto!important;top:auto;bottom:auto}
  .hire-deco .hd1{width:76px;height:76px;border-radius:22px}
  .hire-deco .hd2{width:60px;height:60px;border-radius:18px}
  .hire-deco .hd3{width:52px;height:52px;border-radius:16px}
  .hire-txt{grid-row:2}
  .hire-txt .hire-ic{display:none}
}

/* ===== mobile header: burger + pages drawer ===== */
.hd-burger,.mnav{display:none}
.hd-burger{width:44px;height:44px;flex:none;border-radius:14px;border:1px solid rgb(15 40 38 / .12);background:#fff;color:#0F2826;place-items:center;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.hd-burger svg{width:22px;height:22px}
.hd-burger .i-close{display:none}
.nav-open .hd-burger{background:var(--primary);border-color:var(--primary)}
.nav-open .hd-burger .i-open{display:none}.nav-open .hd-burger .i-close{display:grid}
.hd-burger>span{display:grid}
.hd-burger:hover{border-color:var(--primary);color:var(--primary-ink)}
@media (max-width: 760px){
  .hd-burger{display:grid}
  .site-hd .pn{display:none}
  .hd-tools>.lang-dd,.hd-tools>.mode-btn{display:none}
  .hd-tools{flex:1;justify-content:flex-end;gap:8px}
  .hd-search{flex:1;min-width:0}
  .mnav{display:block;position:absolute;inset-inline:0;top:100%;background:#fff;border-top:1px solid rgb(15 40 38 / .08);box-shadow:0 18px 40px -12px rgb(6 30 28 / .3);padding:12px 16px 16px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility .2s;max-height:calc(100dvh - 120px);overflow-y:auto}
  .nav-open .mnav{opacity:1;visibility:visible;transform:none}
  .mnav-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .mnav-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#F4F7F6;border:1px solid rgb(15 40 38 / .06);color:#0F2826;font-weight:800;font-size:.92rem;text-decoration:none}
  .mnav-link.on{background:rgb(var(--primary-rgb) / .16);border-color:var(--primary)}
  .mnav-ic{width:32px;height:32px;flex:none;border-radius:10px;display:grid;place-items:center;background:#fff;color:var(--primary-ink)}
  .mnav-link.on .mnav-ic{background:var(--primary);color:#0F2826}
  .mnav-ic svg{width:17px;height:17px}
  .mnav-link .pn-ext{margin-inline-start:auto;opacity:.5;display:grid}.mnav-link .pn-ext svg{width:12px;height:12px}
  .mnav-tools{display:flex;gap:8px;justify-content:center;margin-top:12px;padding-top:12px;border-top:1px dashed rgb(15 40 38 / .12)}
  /* hero: compact type and buttons */
  .banner h1{font-size:clamp(1.9rem,8.6vw,2.5rem);line-height:1.2;max-width:none}
  .banner-sub{font-size:.95rem;line-height:1.85}
  .banner-in{gap:10px;padding-block:32px 96px}
  .banner-cta{display:flex;flex-wrap:wrap;gap:8px;width:auto;margin-top:6px}
  .banner-cta>*{width:auto}
  .banner-cta .pill{min-height:40px;padding:.4em 1.1em;font-size:.86rem}
}
:root[data-theme="dark"] .mnav,:root[data-theme="dark"] .hd-burger{background:#fff}
@media (max-width: 760px){
  .banner h1{font-size:clamp(1.65rem,7.4vw,2.1rem)}
  .banner-sub{font-size:.85rem;line-height:1.8}
  .banner-cta .pill{min-height:38px;font-size:.82rem;padding:.35em 1em}
  .wa-fab{width:54px;height:54px}
  .wa-core{width:42px;height:42px;box-shadow:0 0 0 2px #fff,0 8px 20px rgb(var(--primary-rgb) / .45)}
  .wa-core svg{width:22px;height:22px}
}
@media (max-width: 640px){
  .app-phone{width:min(170px,48%);border-radius:30px;padding:7px;box-shadow:0 24px 48px rgb(15 40 38 / .3),inset 0 0 0 2px rgb(255 255 255 / .08)}
  .app-phone img{border-radius:24px}
  .app-phone .notch{top:12px;width:54px;height:16px}
}
@media (max-width: 640px){
  .app-ring{width:min(250px,70%)}
  .app-float{padding:7px 12px;font-size:.82rem;border-radius:13px;gap:6px}
  .app-float svg{width:18px;height:18px}
  .app-float.f1{inset-inline-start:4%}.app-float.f2{inset-inline-end:4%}
}
@media (max-width: 640px){.app-phone{width:min(150px,42%);border-radius:26px;padding:6px}.app-phone img{border-radius:21px}.app-ring{width:min(220px,62%)}.app-visual{padding:8px 0}}
/* order-ways: same cards as the download box */
.svc-box{max-width:980px;margin-inline:auto;margin-top:0}
h2.app-dlbox-hd{font-size:clamp(1.05rem,2vw,1.3rem)}
.svc-dl{cursor:default}
.svc-dl .app-dl-main{padding:22px 10px 20px}
.svc-dl .app-dl-main small{order:3;margin-top:4px;font-size:.8rem;white-space:normal}
.svc-dl .app-dl-main strong{font-size:1.1rem}
@media (max-width: 640px){
  .svc-box .app-dls{grid-template-columns:repeat(3,minmax(0,1fr))}
  .svc-dl .app-dl-main{padding:14px 4px 14px}
  .svc-dl .app-dl-main strong{font-size:.84rem;white-space:normal}
  .svc-dl .app-dl-main small{font-size:.66rem;line-height:1.5}
}

@media (max-width:760px){
  .qa-fab{gap:8px}
  .qa-tip{display:block;font-size:.66rem;font-weight:800;padding:.4em .85em}
  .qa-tip::after{width:8px;height:8px;inset-inline-end:-4px}
  .qa-open .qa-tip{display:none}
}

@media (max-width:760px){
  .wa-tip{display:block;opacity:0;font-size:.66rem;padding:.4em .85em;inset-inline-start:calc(100% + 6px)}
  .wa-fab:hover .wa-tip,.wa-fab:active .wa-tip,.wa-fab:focus-visible .wa-tip{opacity:1;transform:none}
}

.cert-logo.bare.small img{height:46px;max-height:46px}
.cert-logo.bare.small,.cert:hover .cert-logo.bare.small{min-width:68px}
.cert-name{white-space:nowrap}
@media (max-width:640px){.cert-logo.bare.small img{height:40px;max-height:40px}.cert-logo.bare.small,.cert:hover .cert-logo.bare.small{min-width:56px}}
.certs{container-type:normal}.cert{container-type:inline-size}
.cert-name{font-size:clamp(.66rem,4.25cqi,.98rem)}

.cert-logo.bare,.cert:hover .cert-logo.bare,.cert-logo.bare.wide,.cert-logo.bare.small{width:96px;min-width:96px;max-width:96px;height:62px;justify-items:center;align-items:center;overflow:visible}
html[dir="rtl"] .cert-logo.bare{justify-items:center}
@media (max-width:640px){.cert-logo.bare,.cert:hover .cert-logo.bare,.cert-logo.bare.wide,.cert-logo.bare.small{width:80px;min-width:80px;max-width:80px;height:54px}}

.ft-text{display:flex;flex-direction:column;align-items:center;gap:6px;max-width:100%}
.ft-tag{margin:0;color:var(--primary);font-weight:800;font-size:clamp(.58rem,3.1vw,1.15rem);line-height:1.6;white-space:nowrap}
.ft-text .ft-since{margin:0;white-space:nowrap;font-size:clamp(.66rem,2.95vw,1rem);line-height:1.7}
@media (max-width:760px){
  .ft-icons{flex-wrap:nowrap;gap:clamp(6px,2.2vw,12px)}
  .ft-icons .ft-ic,.site-ft .ft-icons .ft-ic{width:clamp(36px,11vw,46px);height:clamp(36px,11vw,46px);flex:none}
  .ft-icons .ft-ic svg{width:44%;height:44%}
}

.ft-sincebadge{position:relative;display:inline-block;padding-bottom:3px;white-space:nowrap}
.ft-sincebadge::after{content:"";position:absolute;inset-inline:0;bottom:0;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--primary) 30%,var(--primary) 70%,transparent);background-size:200% 100%;animation:ftLine 2.4s linear infinite}
@keyframes ftLine{from{background-position:200% 0}to{background-position:0 0}}
@media (prefers-reduced-motion:reduce){.ft-sincebadge::after{animation:none;background:var(--primary)}}
.ft-tag{font-size:clamp(.56rem,2.75vw,1.15rem)}
.ft-text .ft-since{font-size:clamp(.56rem,2.6vw,1rem)}
.site-ft .ft-sincebadge,.site-ft .ft-dot{color:rgb(15 40 38 / .6)}
/* cloud login + two-factor */
.cl-mfa{display:grid;gap:14px}
.cl-wait{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px 0;color:var(--muted)}
.cl-spin{width:20px;height:20px;border-radius:50%;border:3px solid color-mix(in srgb,var(--primary) 25%,transparent);border-top-color:var(--primary);animation:clspin .8s linear infinite}
@keyframes clspin{to{transform:rotate(360deg)}}
.cl-steps{margin:0;padding-inline-start:20px;display:grid;gap:4px;font-size:var(--fs-sm);color:var(--muted)}
.cl-qr{display:grid;place-items:center}
.cl-qr img{width:190px;height:190px;background:#fff;padding:10px;border-radius:16px;border:1px solid var(--line)}
.cl-secret{font-size:var(--fs-sm);color:var(--muted)}
.cl-secret summary{cursor:pointer;color:var(--primary)}
.cl-secret code{display:block;word-break:break-all;background:var(--surface-2);padding:8px 10px;border-radius:10px;margin-top:6px;font-size:13px;user-select:all}

/* mobile hero (2026-10-08): each sub line on one line, three buttons in one row */
.banner-sub .bs-line{display:block}
@media (max-width: 760px){
  .banner-sub{container-type:inline-size;width:100%;max-width:none;white-space:normal}
  .banner-sub .bs-line{white-space:nowrap;font-size:min(.9rem,3.55cqi);overflow:hidden}
  .banner-cta{display:flex;flex-wrap:nowrap;gap:6px;width:100%;margin-top:8px}
  .banner-cta>*,.banner-cta>:first-child{grid-column:auto;width:auto;flex:1 1 auto;min-width:0;justify-content:center;white-space:nowrap}
  .banner-cta .pill{min-height:38px;padding:.35em .7em;font-size:clamp(.62rem,3.05vw,.82rem)}
}
@media (max-width: 760px){.ab-lead{display:inline-block;white-space:nowrap;max-width:100%;overflow:hidden}}
/* mobile (2026-10-08): all pillar circles in one row, label under each */
@media (max-width: 760px){
  .ab-chain{grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:4px;max-width:none;margin-inline:0}
  .ab-chain::before{top:calc(min(13vw,54px) / 2);bottom:auto;inset-inline:calc(50% / var(--n));width:auto;height:2px;background:linear-gradient(90deg,var(--primary),var(--lime),var(--primary))}
  .ab-chain li{grid-template-columns:1fr;justify-items:center;align-items:start;gap:8px;text-align:center}
  .ab-node{width:min(13vw,54px);height:min(13vw,54px);border-width:2px;box-shadow:0 0 0 4px var(--bg),0 8px 18px rgb(var(--primary-rgb) / .25)}
  .ab-node svg{width:min(5.6vw,24px);height:min(5.6vw,24px)}
  .ab-chain b{display:block;max-width:100%;overflow:hidden;font-size:clamp(.66rem,3.1vw,.9rem);white-space:nowrap;line-height:1.3}
}

/* contact: working hours under each number (2026-10-12) */
.ct-hours{display:flex;align-items:flex-start;gap:6px;font-size:.8rem;line-height:1.6;color:var(--muted);font-weight:600;text-align:start}
.ct-hours svg{width:14px;height:14px;flex:none;margin-top:.25em}
.ct-hero .ct-hours{color:rgb(15 40 38 / .72)}

/* app page swap (2026-10-12) */
.app-txt .svc-box{max-width:none;margin-inline:0}
.dl-box{max-width:980px;margin-inline:auto;margin-top:0}
.app-txt .svc-box .app-dls{gap:10px}
.app-txt .svc-dl .app-dl-main{padding:16px 8px 14px;min-width:0}
.app-txt .svc-dl .app-dl-ic{width:44px;height:44px;margin-bottom:6px}
.app-txt .svc-dl .app-dl-ic svg{width:21px;height:21px}
.app-txt .svc-dl .app-dl-main strong{font-size:.92rem;white-space:normal;overflow-wrap:anywhere}
.app-txt .svc-dl .app-dl-main small{font-size:.74rem;line-height:1.55}
@media (max-width:760px){.app-txt .svc-box .app-dls{gap:7px}.app-txt .svc-dl .app-dl-main{padding:12px 4px}.app-txt .svc-dl .app-dl-ic{width:38px;height:38px}.app-txt .svc-dl .app-dl-ic svg{width:18px;height:18px}.app-txt .svc-dl .app-dl-main strong{font-size:.8rem}.app-txt .svc-dl .app-dl-main small{font-size:.64rem}}
.mx-alf-pop p{font-weight:800;color:var(--plum);font-size:.88rem}
:root[data-theme="dark"] .mx-alf-pop p{color:#E07BCF}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .mx-alf-pop p{color:#E07BCF}}

/* dark header + footer (2026-10-12) */
:root[data-theme="dark"] .site-hd{background:#0F2826;color:#E4F2F0;border-bottom-color:rgb(255 255 255 / .08);box-shadow:0 2px 14px rgb(0 0 0 / .35)}
:root[data-theme="dark"] .site-hd .hd-search input{border-color:rgb(255 255 255 / .18);background:rgb(255 255 255 / .06);color:#fff}
:root[data-theme="dark"] .site-hd .hd-search input::placeholder{color:rgb(255 255 255 / .55)}
:root[data-theme="dark"] .site-hd .hd-search input:focus{border-color:var(--primary);background:rgb(255 255 255 / .1)}
:root[data-theme="dark"] .site-hd .hs-in>svg{color:rgb(255 255 255 / .6)}
:root[data-theme="dark"] .site-hd .lang-dd.on-brand summary,:root[data-theme="dark"] .site-hd .mode-btn.on-brand,:root[data-theme="dark"] .site-hd .pill-line{color:#fff;border-color:rgb(255 255 255 / .25);background:transparent}
:root[data-theme="dark"] .site-hd .lang-dd.on-brand summary:hover,:root[data-theme="dark"] .site-hd .lang-dd.on-brand[open] summary,:root[data-theme="dark"] .site-hd .mode-btn.on-brand:hover,:root[data-theme="dark"] .site-hd .pill-line:hover{background:var(--primary);border-color:var(--primary);color:#0F2826}
:root[data-theme="dark"] .pn{background:#0F2826;border-top-color:rgb(255 255 255 / .08)}
:root[data-theme="dark"] .pn-link{color:rgb(255 255 255 / .7)}
:root[data-theme="dark"] .pn-link:hover,:root[data-theme="dark"] .pn-link.on{color:#fff}
:root[data-theme="dark"] .hd-burger{background:transparent;color:#fff;border-color:rgb(255 255 255 / .2)}
:root[data-theme="dark"] .nav-open .hd-burger{background:var(--primary);border-color:var(--primary);color:#0F2826}
:root[data-theme="dark"] .mnav{background:#0F2826;border-top-color:rgb(255 255 255 / .08);box-shadow:0 18px 40px -12px rgb(0 0 0 / .6)}
:root[data-theme="dark"] .mnav-link{background:rgb(255 255 255 / .05);border-color:rgb(255 255 255 / .08);color:#fff}
:root[data-theme="dark"] .mnav-link.on{background:rgb(var(--primary-rgb) / .18);border-color:var(--primary)}
:root[data-theme="dark"] .mnav-ic{background:rgb(255 255 255 / .08);color:var(--primary)}
:root[data-theme="dark"] .mnav-link.on .mnav-ic{background:var(--primary);color:#0F2826}
:root[data-theme="dark"] .mnav-tools{border-top-color:rgb(255 255 255 / .12)}
:root[data-theme="dark"] .site-ft{background:#0F2826;color:#E4F2F0;border-top-color:rgb(255 255 255 / .08)}
:root[data-theme="dark"] .site-ft .ft-since{color:rgb(255 255 255 / .75)}
:root[data-theme="dark"] .site-ft .ft-sincebadge,:root[data-theme="dark"] .site-ft .ft-dot{color:rgb(255 255 255 / .65)}
:root[data-theme="dark"] .site-ft .ft-bottom{color:rgb(255 255 255 / .55);border-top-color:rgb(255 255 255 / .1)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .site-hd{background:#0F2826;color:#E4F2F0;border-bottom-color:rgb(255 255 255 / .08);box-shadow:0 2px 14px rgb(0 0 0 / .35)}
:root:not([data-theme="light"]) .site-hd .hd-search input{border-color:rgb(255 255 255 / .18);background:rgb(255 255 255 / .06);color:#fff}
:root:not([data-theme="light"]) .site-hd .hd-search input::placeholder{color:rgb(255 255 255 / .55)}
:root:not([data-theme="light"]) .site-hd .hd-search input:focus{border-color:var(--primary);background:rgb(255 255 255 / .1)}
:root:not([data-theme="light"]) .site-hd .hs-in>svg{color:rgb(255 255 255 / .6)}
:root:not([data-theme="light"]) .site-hd .lang-dd.on-brand summary,:root:not([data-theme="light"]) .site-hd .mode-btn.on-brand,:root:not([data-theme="light"]) .site-hd .pill-line{color:#fff;border-color:rgb(255 255 255 / .25);background:transparent}
:root:not([data-theme="light"]) .site-hd .lang-dd.on-brand summary:hover,:root:not([data-theme="light"]) .site-hd .lang-dd.on-brand[open] summary,:root:not([data-theme="light"]) .site-hd .mode-btn.on-brand:hover,:root:not([data-theme="light"]) .site-hd .pill-line:hover{background:var(--primary);border-color:var(--primary);color:#0F2826}
:root:not([data-theme="light"]) .pn{background:#0F2826;border-top-color:rgb(255 255 255 / .08)}
:root:not([data-theme="light"]) .pn-link{color:rgb(255 255 255 / .7)}
:root:not([data-theme="light"]) .pn-link:hover,:root:not([data-theme="light"]) .pn-link.on{color:#fff}
:root:not([data-theme="light"]) .hd-burger{background:transparent;color:#fff;border-color:rgb(255 255 255 / .2)}
:root:not([data-theme="light"]) .nav-open .hd-burger{background:var(--primary);border-color:var(--primary);color:#0F2826}
:root:not([data-theme="light"]) .mnav{background:#0F2826;border-top-color:rgb(255 255 255 / .08);box-shadow:0 18px 40px -12px rgb(0 0 0 / .6)}
:root:not([data-theme="light"]) .mnav-link{background:rgb(255 255 255 / .05);border-color:rgb(255 255 255 / .08);color:#fff}
:root:not([data-theme="light"]) .mnav-link.on{background:rgb(var(--primary-rgb) / .18);border-color:var(--primary)}
:root:not([data-theme="light"]) .mnav-ic{background:rgb(255 255 255 / .08);color:var(--primary)}
:root:not([data-theme="light"]) .mnav-link.on .mnav-ic{background:var(--primary);color:#0F2826}
:root:not([data-theme="light"]) .mnav-tools{border-top-color:rgb(255 255 255 / .12)}
:root:not([data-theme="light"]) .site-ft{background:#0F2826;color:#E4F2F0;border-top-color:rgb(255 255 255 / .08)}
:root:not([data-theme="light"]) .site-ft .ft-since{color:rgb(255 255 255 / .75)}
:root:not([data-theme="light"]) .site-ft .ft-sincebadge,:root:not([data-theme="light"]) .site-ft .ft-dot{color:rgb(255 255 255 / .65)}
:root:not([data-theme="light"]) .site-ft .ft-bottom{color:rgb(255 255 255 / .55);border-top-color:rgb(255 255 255 / .1)}}
/* vision + mission side by side, goals wide card (2026-10-12) */
.vmg{grid-template-columns:repeat(2,minmax(0,1fr))}
.vmg-goals{grid-column:1/-1}
.vmg-goals ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 36px}
@media (max-width:860px){.vmg{grid-template-columns:repeat(2,minmax(0,1fr))}.vmg-goals ul{grid-template-columns:1fr}}
@media (max-width:560px){.vmg{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vmg-card{padding:16px 14px}.vmg-card h3{font-size:1rem}.vmg-card p{font-size:.86rem;line-height:1.8}.vmg-goals li{font-size:.9rem}}
/* menu hero rose (2026-10-12) */
.mx-hero h1{display:inline-flex;align-items:center;gap:14px}
.mx-rose{flex:none;width:clamp(44px,5vw,56px);height:clamp(44px,5vw,56px);border-radius:50%;display:grid;place-items:center;background:var(--primary);border:2px solid rgb(255 255 255 / .85);box-shadow:0 6px 18px rgb(6 30 28 / .22)}
.mx-rose img{width:56%;height:56%;display:block;animation:roseSpin 14s linear infinite}
@keyframes roseSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion: reduce){.mx-rose img{animation:none}}
.mx-rose{width:clamp(46px,5.4vw,62px);height:clamp(46px,5.4vw,62px);background:none;border:0;box-shadow:none;border-radius:0}
.mx-rose img{width:100%;height:100%;filter:drop-shadow(0 4px 10px rgb(6 30 28 / .18))}
.mx-rose{width:clamp(52px,6vw,68px);height:clamp(52px,6vw,68px)}
.mx-rose img{width:78%;height:78%}
.app-txt h2.app-h{margin:0;font-size:clamp(2.1rem,4.8vw,3.6rem);line-height:1.2;font-weight:900}
.pg-band+.lt-page{padding-top:clamp(18px,3vw,30px)}
/* nearest branch (2026-10-12) */
.lt-nearbtn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border-radius:999px;border:0;background:linear-gradient(135deg,var(--primary),#3FAEA2);color:#fff;font:inherit;font-weight:900;font-size:1rem;cursor:pointer;box-shadow:0 10px 24px -10px rgb(var(--primary-rgb) / .8);transition:transform .15s,box-shadow .2s}
.lt-nearbtn:hover{transform:translateY(-1px);box-shadow:0 14px 28px -10px rgb(var(--primary-rgb) / .9)}
.lt-nearbtn[disabled]{opacity:.75;cursor:progress}
.lt-nearbtn.on{background:#0F2826}
.lt-nearbtn svg{width:20px;height:20px}
.lt-near-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;scroll-margin-top:200px}
.lt-near-hd .lt-city{margin:0}
.lt-clear{border:0;background:none;color:var(--primary-ink);font:inherit;font-weight:800;font-size:.85rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.lt-dist{flex:none;display:grid;justify-items:end;gap:2px;font-weight:900;font-size:.9rem;color:var(--primary-ink);white-space:nowrap;font-family:var(--f-en),inherit}
.lt-dist em{font-style:normal;font-size:.68rem;font-weight:900;background:var(--primary);color:#0F2826;border-radius:999px;padding:.15em .7em}
.lt-first{border-color:var(--primary)!important;box-shadow:0 0 0 3px rgb(var(--primary-rgb) / .18)}
.ok-note{color:#2E8B57;font-weight:700}.warn-note{color:#B7791F;font-weight:700}
.lt-nearbtn{width:100%;margin-bottom:12px}
/* menu page with the shared site header (2026-10-12) */
.mx .mx-bar{top:calc(var(--hdh,0px) + env(safe-area-inset-top,0px))}
.mx .mx-sec{scroll-margin-top:calc(var(--hdh,0px) + 150px)}
.mx .mx-tools:empty{display:none}
@media (max-width:760px){.mx .mx-alf summary span{display:inline}.mx .mx-alf summary{padding-inline:16px;width:auto}}
.mx .mx-alf-pop,html[dir] .mx .mx-alf-pop{inset-inline:auto;left:50%;right:auto;translate:-50% 0}
/* English footer lines are longer than Arabic: let them wrap instead of overflowing (2026-10-12) */
html[dir="ltr"] .ft-text .ft-tag,html[dir="ltr"] .ft-text .ft-since{white-space:normal;text-align:center;max-width:min(44em,100%)}
html[dir="ltr"] .ft-text .ft-tag{font-size:clamp(.85rem,3.4vw,1.1rem)}
html[dir="ltr"] .ft-text .ft-since{font-size:clamp(.8rem,3.2vw,1rem)}
.mnav-tools .lang-dd{position:relative}.mnav-tools .lang-menu,html[dir] .mnav-tools .lang-menu{inset-inline:auto;left:50%;right:auto;translate:-50% 0;max-width:calc(100vw - 32px)}
.mnav-tools .lang-menu,html[dir] .mnav-tools .lang-menu{top:auto;bottom:calc(100% + 6px)}
.mnav-tools .lang-menu,html[dir] .mnav-tools .lang-menu{max-height:min(250px,45vh);overflow-y:auto}
/* about section: plain background, no faded mark or glows behind the photo (2026-10-12) */
.ab-hero{background:var(--bg)}
.ab-hero .ab-mark{display:none}
/* factory card now matches the other plain cards (2026-10-12) */
.why-grid .why-card.w5{background:var(--surface);border-color:var(--line)}
.why-grid .why-card.w5 h3{color:var(--fg)}
.why-grid .why-card.w5 p{color:var(--muted)}
.why-grid .why-card.w5 .why-ic{background:rgb(var(--primary-rgb) / .16);color:var(--primary-ink)}
.why-grid .why-card.w5:hover .why-ic{background:var(--primary);color:#0F2826}
.why-grid .why-card.w5.in:hover{border-color:var(--primary)}
.cl-forgot{border:0;background:none;color:var(--primary-ink);font:inherit;font-weight:800;font-size:var(--fs-sm);cursor:pointer;justify-self:center;text-decoration:underline;text-underline-offset:3px;padding:4px}
/* team members (2026-10-13) */
.modal>form{display:contents}
.modal .fld[hidden],.modal .note[hidden]{display:none}
.modal .switch input[type=radio]{accent-color:var(--primary)}
/* menu discounts + marketing (2026-10-14) */
.mx-off{position:absolute;top:10px;inset-inline-end:10px;z-index:2;padding:3px 10px;border-radius:999px;background:var(--plum);color:#fff;font-size:.74rem;font-weight:900;box-shadow:0 4px 10px rgb(0 0 0 / .14)}
.mx-pd-media .mx-off{top:auto;bottom:14px;inset-inline-end:14px}
.mx-price s{font-size:.8rem;font-weight:800;opacity:.85;margin-inline-end:3px;text-decoration-thickness:2px}
.mx-grid:not(.v-show) .mx-price.sale{background:linear-gradient(135deg,#B23A9F,var(--plum) 60%,#7A1569)}
.v-show .mx-price.sale{background:var(--plum);color:#fff}.v-show .mx-price.sale b,.v-show .mx-price.sale small{color:#fff}
.v-list .mx-price.sale{flex-wrap:wrap;justify-content:flex-end}
.mx-fact.price b s{font-size:.8em;opacity:.75;font-weight:700}
.mx-ann{background:var(--ab,var(--plum));color:var(--af,#fff)}
.mx-ann-in{display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding-block:8px;text-align:center;font-weight:800;font-size:var(--fs-sm)}
.mx-ann-t{flex:1;min-width:0}
.mx-ann-a{flex:0 0 auto;padding:5px 14px;border-radius:999px;background:rgb(255 255 255 / .2);color:inherit;font-weight:900;text-decoration:none;white-space:nowrap}
.mx-ann-a:hover{background:rgb(255 255 255 / .32)}
.mx-ann-x{flex:0 0 auto;display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}
.mx-ann-x svg{width:16px;height:16px}.mx-ann-x:hover{background:rgb(255 255 255 / .2)}
.modal:has(.mx-pop){width:min(440px,100%);border-radius:24px;overflow:hidden}
.mx-pop{position:relative;display:grid}
.mx-pop-img img{display:block;width:100%;max-height:70dvh;object-fit:contain;background:var(--surface-2,#f4f7f6)}
.mx-pop-b{display:grid;gap:10px;padding:20px 22px 22px;text-align:center}
.mx-pop-b h3{font-size:var(--fs-lg);font-weight:900}
.mx-pop-b p{color:var(--muted);line-height:1.7;margin:0;white-space:pre-line}
.mx-pop-b .btn{justify-self:center}
.mx-pop .mx-pd-x{top:12px;inset-inline-start:12px;z-index:2}
/* admin: promotion lists */
.pr-st{display:inline-flex;align-items:center;gap:6px}
.pick-grid{display:flex;flex-wrap:wrap;gap:8px;max-height:260px;overflow:auto;padding:4px}
.pick-grid label{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;font-size:var(--fs-sm);cursor:pointer;background:var(--surface)}
.pick-grid label:has(input:checked){border-color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,var(--surface))}
.pick-grid label[hidden]{display:none}
.days-row{display:flex;flex-wrap:wrap;gap:8px}
.days-row label{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;cursor:pointer}
.days-row label:has(input:checked){border-color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,var(--surface))}
details.pick{border:1px solid var(--line);border-radius:14px;padding:10px 14px}
details.pick summary{cursor:pointer;font-weight:800}
details.pick[open] summary{margin-bottom:10px}
/* popup: text / image / video (2026-10-14) */
.mx-pop.only-text .mx-pop-b{padding-top:62px}
.mx-pop-vid video{display:block;width:100%;max-height:70dvh;background:#000;object-fit:contain}
.mx-pop-vid.yt{height:min(70dvh,560px);background:#000}
.mx-pop-vid.yt iframe{width:100%;height:100%;border:0;display:block}
.pp-check{font-size:var(--fs-sm);font-weight:700;margin-top:6px}
.pp-check .ok{color:var(--ok)}.pp-check .bad{color:var(--danger)}
.pp-check svg,.pp-spec svg{width:16px;height:16px;vertical-align:-3px}
.pp-vprev{width:100%;height:100%;object-fit:cover;display:block;position:relative}
.pp-vprev img{width:100%;height:100%;object-fit:cover}
.pp-vprev span{position:absolute;bottom:6px;inset-inline-start:6px;background:#f00;color:#fff;font-size:11px;font-weight:800;padding:2px 6px;border-radius:6px}


.cl-demo{display:grid;gap:10px;text-align:start}.cl-demo .btn{justify-self:start}
/* admin overview: visit statistics */
.st-head .tabs{margin:4px 0 2px}
.st-head .panel-hd{gap:10px;flex-wrap:wrap}.st-actions{margin-inline-start:auto;display:flex;gap:8px;flex-wrap:wrap}
.st-kpis{margin-bottom:16px}.st-kpis .kpi small{display:flex;align-items:center;gap:6px}.st-kpis .kpi small svg{width:16px;height:16px;color:var(--primary)}
.st-d{font-weight:800;font-family:var(--f-en);font-size:.95em}.st-d.up{color:#1f9d6b}.st-d.down{color:#c2410c}
.st-chart{display:flex;align-items:stretch;gap:3px;height:220px;padding-top:6px;direction:ltr}
.st-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.st-stack{flex:1;position:relative;border-radius:6px 6px 2px 2px;background:color-mix(in srgb,var(--primary) 6%,transparent)}
.st-stack i{position:absolute;inset-inline:0;bottom:0;border-radius:6px 6px 2px 2px;transition:height .4s}
.st-stack i.v{background:color-mix(in srgb,var(--primary) 45%,transparent)}
.st-stack i.u{background:var(--primary);inset-inline:22%}
.st-col:hover .st-stack i.v{background:color-mix(in srgb,var(--primary) 65%,transparent)}
.st-col small{font-size:10px;color:var(--muted);text-align:center;white-space:nowrap;height:12px;font-family:var(--f-en)}
.st-legend{display:flex;gap:18px;justify-content:center;font-size:var(--fs-xs);color:var(--muted);margin-top:8px}
.st-legend span{display:flex;align-items:center;gap:6px}.st-legend i{width:12px;height:12px;border-radius:3px;display:inline-block}
.st-legend i.v{background:color-mix(in srgb,var(--primary) 45%,transparent)}.st-legend i.u{background:var(--primary)}
.st-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.st-grid .panel{margin:0}
.st-bars{display:grid;gap:11px}
.st-bar-l{display:flex;justify-content:space-between;gap:10px;font-size:var(--fs-sm);margin-bottom:5px}
.st-bar-l span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-bar-l b{font-family:var(--f-en);white-space:nowrap}.st-bar-l small{color:var(--muted);font-weight:600}
.st-track{height:8px;border-radius:8px;background:color-mix(in srgb,var(--primary) 10%,transparent);overflow:hidden}
.st-track i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 70%,#0F2826))}
.st-hours{display:flex;align-items:flex-end;gap:2px;height:96px;direction:ltr}
.st-hours div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:4px}
.st-hours i{display:block;background:var(--primary);border-radius:3px 3px 1px 1px;min-height:2px}
.st-hours small{font-size:10px;color:var(--muted);height:12px;text-align:center;font-family:var(--f-en)}
.empty.sm{padding:14px;font-size:var(--fs-sm)}
@media (max-width:860px){.st-grid{grid-template-columns:1fr}.st-chart{height:170px;gap:2px}}
.st-wide{grid-column:1/-1}
.st-custom{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin:10px 0 2px}
.st-custom label{display:grid;gap:4px;font-size:var(--fs-sm);font-weight:700;color:var(--muted)}
.st-custom .inp{min-width:150px}.st-custom .help{align-self:center}
/* printable statistics report (Kiffa identity) */
#stReport{display:none}
@media print{
  @page{size:A4;margin:10mm}
  html.printing-report body>*:not(#stReport){display:none!important}
  html.printing-report,html.printing-report body{background:#fff!important}
  html.printing-report #stReport{display:block}
}
.rp{font-family:var(--f-ar);color:#0F2826;-webkit-print-color-adjust:exact;print-color-adjust:exact;font-size:11px;line-height:1.5}
.rp-hd{display:flex;align-items:center;gap:16px;background:#5CC4B9;color:#fff;border-radius:14px;padding:16px 20px}
.rp-logo{color:#fff;flex:none}.rp-logo svg,.rp-logo img{height:44px;width:auto;display:block}
.rp-t{flex:1}.rp-t h1{margin:0;font-size:20px;line-height:1.3}.rp-t p{margin:2px 0 0;opacity:.95;font-size:11.5px}
.rp-issued{font-size:10px;text-align:end;opacity:.95}.rp-issued b{font-size:11px}
.rp-accent{height:5px;margin:8px 40% 12px 0;border-radius:5px;background:linear-gradient(90deg,#DAE342,#5CC4B9)}
.rp-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}
.rp-kpi{border:1.5px solid #5CC4B9;border-radius:12px;padding:9px 12px;break-inside:avoid}
.rp-kpi small{display:block;color:#4a6662;font-weight:700}.rp-kpi b{display:block;font-size:22px;font-family:var(--f-en);color:#0F2826}
.rp-kpi span{font-size:9.5px;color:#4a6662}.rp-kpi em{font-style:normal}
.rp-card{border:1px solid #d6ecea;border-radius:12px;padding:10px 12px;break-inside:avoid;margin-bottom:8px;background:#fff}
.rp-card h3{margin:0 0 6px;font-size:13px;color:#0F2826;display:flex;align-items:center;gap:6px}
.rp-card h3::before{content:"";width:4px;height:14px;border-radius:3px;background:#951B81}
.rp-bars{display:flex;align-items:flex-end;gap:2px;height:120px;direction:ltr}
.rp-bars div{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
.rp-bars i{display:block;width:100%;background:#5CC4B9;border-radius:3px 3px 0 0;min-height:1px}
.rp-bars b{font-size:7.5px;font-family:var(--f-en);color:#4a6662;font-weight:600}.rp-bars small{font-size:8px;color:#4a6662;height:11px;font-family:var(--f-en)}
.rp-note{margin:6px 0 0;color:#4a6662;font-size:10px}
.rp-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 8px}
.rp table{width:100%;border-collapse:collapse}
.rp th{font-size:9.5px;color:#4a6662;text-align:start;font-weight:700;border-bottom:1px solid #d6ecea;padding:2px 0}
.rp td{padding:3px 0;border-bottom:1px solid #f0f7f6;vertical-align:middle}
.rp td:first-child{position:relative;width:64%}
.rp td:first-child i{display:block;height:3px;border-radius:3px;background:#5CC4B9;margin-top:2px}
.rp .rp-v{font-family:var(--f-en);font-weight:700;text-align:center}.rp .rp-p{font-family:var(--f-en);color:#951B81;text-align:end;font-weight:700}
.rp-empty{color:#7a8f8c;margin:4px 0}
.rp-ft{display:flex;justify-content:space-between;gap:10px;border-top:2px solid #5CC4B9;margin-top:6px;padding-top:6px;color:#4a6662;font-size:9.5px}
.rp-ft span:first-child{color:#0F2826;font-weight:700}
.st-ref.spin svg{animation:stSpin .9s linear infinite}@keyframes stSpin{to{transform:rotate(360deg)}}
.site-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:18px}
.site-tabs button{display:flex;align-items:center;gap:8px;padding:11px 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--fg);font:inherit;font-weight:700;font-size:var(--fs-sm);cursor:pointer;text-align:start;transition:border-color .2s,background .2s,color .2s}
.site-tabs button svg{width:18px;height:18px;flex:none;color:var(--primary)}
.site-tabs button:hover{border-color:var(--primary)}
.site-tabs button.on{background:var(--primary);border-color:var(--primary);color:#fff}.site-tabs button.on svg{color:#fff}
.site-tabs .cnt{margin-inline-start:auto;background:var(--plum);color:#fff;border-radius:20px;padding:0 7px;font-size:11px;line-height:18px}
.home-steps{margin-bottom:6px}.home-steps .tabs{flex-wrap:wrap}.home-steps .help{margin:6px 0 12px}
.hs-n{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:color-mix(in srgb,var(--primary) 16%,transparent);color:var(--primary);font-size:11px;font-weight:800;margin-inline-end:6px;font-family:var(--f-en)}
.home-steps .tabs button.on .hs-n{background:#fff;color:var(--primary)}
@media (max-width:560px){.site-tabs{grid-template-columns:repeat(2,1fr)}}
.menu-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}
.menu-sum{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:12px}
.menu-sum div{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.menu-sum b{display:block;font-size:1.35rem;font-family:var(--f-en);line-height:1.2}.menu-sum small{color:var(--muted);font-weight:700;font-size:var(--fs-xs)}
.menu-sum div.on{border-color:var(--plum)}.menu-sum div.on b{color:var(--plum)}
.cat-chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:10px;margin-bottom:6px;scrollbar-width:thin}
.cat-chips button{flex:none;display:flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:999px;padding:7px 12px;font:inherit;font-size:var(--fs-sm);font-weight:700;cursor:pointer;white-space:nowrap}
.cat-chips button svg{width:16px;height:16px;color:var(--primary)}
.cat-chips button span{font-family:var(--f-en);font-size:11px;background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--primary);border-radius:20px;padding:0 7px}
.cat-chips button:hover{border-color:var(--primary)}
.cat-chips button.on{background:var(--primary);border-color:var(--primary);color:#fff}.cat-chips button.on svg{color:#fff}.cat-chips button.on span{background:#fff}
@media (max-width:900px){.menu-sum{grid-template-columns:repeat(3,minmax(0,1fr))}.menu-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.menu-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-tabs button:last-child:nth-child(odd){grid-column:1/-1}}
/* product editor sections */
.pe{display:grid;gap:14px}
.pe-sec{border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:var(--surface)}
.pe-sec h4{margin:0 0 12px;display:flex;align-items:center;gap:8px;font-size:var(--fs-md)}
.pe-sec h4 svg{width:18px;height:18px;color:var(--primary)}
.pe-sw{display:flex;flex-wrap:wrap;gap:12px 28px}
.img-note{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px;font-size:var(--fs-sm);line-height:1.7}
.img-note svg{width:18px;height:18px;flex:none;color:var(--primary);margin-top:3px}
.menu-exp{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.menu-exp .help{margin-inline-end:auto}
@media (max-width:700px){.pe .fgrid3{grid-template-columns:1fr}.menu-exp .help{flex-basis:100%}}
/* printable menu */
.rp-cat h3 small{font-weight:600;color:#4a6662;font-family:var(--f-en);font-size:10.5px}
.rp-cnt{margin-inline-start:auto;background:#5CC4B9;color:#fff;border-radius:20px;padding:0 8px;font-size:10px;font-family:var(--f-en)}
.rp-cat{break-inside:auto}.rp-cat tr{break-inside:avoid}
.rp-cat td{vertical-align:top;padding:5px 4px}.rp-cat td:first-child{width:46%}
.rp-cat th{padding:3px 4px}
.rp-en{font-family:var(--f-en);color:#4a6662;font-size:9.5px}.rp-desc{color:#4a6662;font-size:9.5px;margin-top:2px}
.rp-al{color:#951B81;font-size:9.5px}.rp-off{opacity:.55}.rp-tag{font-style:normal;font-size:9px;background:#eee;border-radius:6px;padding:0 5px}
.zd-connect{text-align:center;display:grid;justify-items:center;gap:6px;padding:28px 20px}
.zd-logo{width:56px;height:56px;border-radius:16px;background:color-mix(in srgb,var(--primary) 14%,transparent);display:grid;place-items:center;color:var(--primary)}.zd-logo svg{width:28px;height:28px}
.zd-connect p{max-width:520px}
.zd-steps{margin:0;padding-inline-start:20px;display:grid;gap:10px;line-height:1.8}
.zd-steps code{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:1px 6px;font-size:.85em;word-break:break-all}
.st-head h2 svg{width:20px;height:20px;color:var(--primary);vertical-align:-3px}
.st-chart.single .st-stack i.v,.st-legend.single i.v{background:var(--primary)}.st-chart.single .st-col:hover .st-stack i.v{background:color-mix(in srgb,var(--primary) 80%,#0F2826)}
.zd-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:560px){.zd-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.zd-list{display:grid;gap:12px;margin-bottom:14px}
.zd-item{margin:0;display:grid;gap:6px}
.zd-item-hd{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.zd-item-hd svg{width:18px;height:18px;color:var(--primary)}.zd-item-hd small{margin-inline-start:auto}
.zd-item p{margin:0;line-height:1.8}.zd-q{font-weight:700}
.zd-ans{background:color-mix(in srgb,var(--primary) 9%,transparent);border-inline-start:3px solid var(--primary);border-radius:8px;padding:8px 12px;font-size:var(--fs-sm)}
.zd-reply{display:flex;gap:8px;align-items:flex-end;margin-top:4px}.zd-reply textarea{flex:1;min-height:44px;resize:vertical}
@media (max-width:560px){.zd-reply{flex-direction:column;align-items:stretch}}
.zd-mini{display:flex;gap:18px;flex-wrap:wrap;font-size:var(--fs-sm);color:var(--muted)}.zd-mini b{color:var(--fg);font-family:var(--f-en);font-size:1.1rem}
.stars .off{opacity:.25}
.zc-tbl .acts{flex-wrap:wrap}
/* store stats v3: main numbers, sizes, report picker, compare (2026-10-14) */
.zd-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}
.zd-sizes .kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.zd-size b em{font-style:normal;font-size:.55em;color:var(--muted);font-weight:600}
.zd-size small svg{width:16px;height:16px;color:var(--primary)}
.zd-sizes .panel-hd h2{display:flex;align-items:center;gap:8px}.zd-sizes .panel-hd svg{width:20px;height:20px;color:var(--primary)}
.st-bar-l b small{font-weight:600;color:var(--muted);margin-inline-start:6px}
.zr-pick{display:grid;gap:8px;margin:12px 0}
.zr-pick label{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;cursor:pointer;background:var(--surface)}
.zr-pick label:has(input:checked){border-color:var(--primary);background:rgb(var(--primary-rgb) / .08)}
.zr-pick input{width:18px;height:18px;accent-color:var(--primary);flex:none}
.zr-all{display:flex;gap:8px}
.zc-tabs{margin-bottom:14px}
.zc-sel{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.zc-sel label{flex:1;min-width:220px;display:flex;align-items:center;gap:8px}.zc-sel select{flex:1}
.zc-vs{font-weight:800;color:var(--muted)}
.zc-dot{display:inline-block;width:10px;height:10px;border-radius:50%;vertical-align:middle;margin-inline-end:6px;flex:none}.zc-dot.a{background:var(--primary)}.zc-dot.b{background:var(--plum)}
.zc-tbl{width:100%;border-collapse:collapse;margin-bottom:14px;font-size:.95rem}
.zc-tbl th,.zc-tbl td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:start}
.zc-tbl thead th{font-size:.85rem;color:var(--muted);font-weight:700}.zc-tbl tbody th{font-weight:600;color:var(--muted)}.zc-tbl td{font-weight:800}
.zc-h{margin:4px 0 8px;font-size:.95rem}
.zc-chart{display:flex;align-items:flex-end;gap:3px;height:150px;padding-top:6px;margin-bottom:8px}
.zc-chart>div{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;min-width:0}
.zc-chart span{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:1px}
.zc-chart i{width:45%;max-width:14px;border-radius:4px 4px 0 0;min-height:1px}.zc-chart i.a{background:var(--primary)}.zc-chart i.b{background:var(--plum)}
.zc-chart small{font-size:.65rem;color:var(--muted);height:14px;white-space:nowrap}
.zc-pers{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin-bottom:14px}
.zc-per{border:1px solid var(--line);border-radius:12px;padding:8px 12px 12px;display:flex;gap:8px;flex:1;min-width:250px;margin:0}
.zc-per legend{font-weight:700;font-size:.85rem;padding:0 4px}.zc-per label{flex:1;display:grid;gap:4px;font-size:.8rem;color:var(--muted)}
.zc-tops{display:grid;grid-template-columns:1fr 1fr;gap:12px}.zc-tops h4{margin:0 0 6px;font-size:.9rem}
.zc-tops ol{margin:0;padding-inline-start:18px;display:grid;gap:4px}.zc-tops li span{margin-inline-end:6px}.zc-tops li b{color:var(--muted);font-weight:700}
.rp-sub{font-size:12px;margin:2px 0 6px;color:#13302C}
@media (max-width:1100px){.zd-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.zd-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.zd-sizes .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.zc-tops{grid-template-columns:1fr}.zc-tbl{font-size:.85rem}.zc-tbl th,.zc-tbl td{padding:7px 5px}}
.zr-pick{grid-template-columns:1fr 1fr}.zr-pick h4{grid-column:1/-1;margin:8px 0 0;font-size:.9rem;color:var(--primary-ink)}.zr-pick h4:first-child{margin-top:0}.zr-pick label{padding:8px 12px}
@media (max-width:560px){.zr-pick{grid-template-columns:1fr}}

/* overview: store dashboard */
.ov-sec{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:26px 0 12px}
.ov-sec h2{display:flex;align-items:center;gap:8px;margin:0;font-size:1.25rem}.ov-sec h2 svg{width:22px;height:22px;color:var(--primary)}
.ov-help{margin:-6px 0 12px}
.oz-kpis{grid-template-columns:1.4fr 1fr 1fr 1fr;margin-bottom:12px}
.oz-kpis .kpi small{display:flex;align-items:center;gap:6px}.oz-kpis .kpi small svg{width:16px;height:16px;color:var(--primary)}
.oz-kpis .oz-main{background:linear-gradient(135deg,var(--primary),#3fa79c);color:#fff;border-color:transparent}
.oz-kpis .oz-main small,.oz-kpis .oz-main small svg,.oz-kpis .oz-main .sub{color:#fff}.oz-kpis .oz-main b{font-size:2rem;color:#fff}
.oz-kpis .oz-main .st-d{background:rgba(255,255,255,.22);color:#fff}
.oz-sizes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.oz-size{display:grid;gap:2px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.oz-size span{display:flex;align-items:center;gap:6px;font-size:var(--fs-sm);color:var(--muted)}.oz-size span svg{width:16px;height:16px;color:var(--primary)}
.oz-size b{font-size:1.5rem;line-height:1.2}.oz-size small{color:var(--muted);font-size:.78rem}.oz-size .st-d{justify-self:start}
.oz-best{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--primary) 12%,transparent);margin-bottom:10px}
.oz-best svg{width:18px;height:18px;color:var(--primary);flex:none}.oz-best span{flex:1;font-weight:700;min-width:0}.oz-best b{white-space:nowrap}
.oz-grid .st-wide{grid-column:1/-1}
@media (max-width:760px){.oz-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.oz-kpis .oz-main{grid-column:1/-1}.oz-sizes{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---- overview charts ---- */
.ch-kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}
.ch-kpi{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:4px;min-height:132px}
.ch-kpi small{display:flex;align-items:center;gap:6px;font-weight:700}.ch-kpi small svg{width:16px;height:16px;color:var(--primary)}
.ch-kpi>b{font-size:1.9rem;line-height:1.15;position:relative;z-index:1}
.ch-kpi .sub{display:flex;align-items:center;gap:6px;flex-wrap:wrap;position:relative;z-index:1}.ch-kpi .sub span{color:var(--muted)}
.ch-spark{position:absolute;inset:auto 0 0 0;width:100%;height:46px;pointer-events:none}
.ch-spark .f{fill:color-mix(in srgb,var(--primary) 14%,transparent)}.ch-spark .l{fill:none;stroke:var(--primary);stroke-width:2;vector-effect:non-scaling-stroke}
.ch-kpi.hero{background:linear-gradient(135deg,#5CC4B9,#2E8F85);border-color:transparent;color:#fff}
.ch-kpi.hero small,.ch-kpi.hero small svg,.ch-kpi.hero .sub span,.ch-kpi.hero>b{color:#fff}.ch-kpi.hero .st-d{background:rgba(255,255,255,.22);color:#fff}
.ch-kpi.hero .ch-spark .f{fill:rgba(255,255,255,.16)}.ch-kpi.hero .ch-spark .l{stroke:rgba(255,255,255,.85)}
.ch-hd{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:14px}.ch-hd h2{margin:0}.ch-hd span{color:var(--muted);font-size:var(--fs-sm);font-weight:700}
.ch-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.ch-row .panel{margin:0;min-width:0}
.ch-row.c3{grid-template-columns:repeat(3,minmax(0,1fr))}.ch-row.c21{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
/* line chart */
.ch-line{position:relative;padding-top:6px}
.ch-plot{position:relative;height:250px;margin:0 2px}
.ch-plot svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ch-la{fill:none;stroke:#5CC4B9;stroke-width:3;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.ch-lb{fill:none;stroke:#951B81;stroke-width:2.2;stroke-dasharray:6 5;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.ch-gl{position:absolute;left:0;right:0;border-top:1px dashed var(--line);pointer-events:none}.ch-gl:first-child{border-top-style:solid}
.ch-gl span{position:absolute;left:0;bottom:3px;font-size:.7rem;color:var(--muted);background:var(--surface);padding:0 4px 0 0;border-radius:4px}
.ch-col{position:absolute;top:0;bottom:0;z-index:2}
.ch-vl{position:absolute;top:0;bottom:0;width:0;border-left:1px solid var(--line);opacity:0}
.ch-dot{position:absolute;width:10px;height:10px;margin:0 0 -5px -5px;border-radius:50%;background:var(--surface);border:3px solid #5CC4B9;opacity:0;transition:opacity .12s}.ch-dot.b{border-color:#951B81}
.ch-col:hover .ch-dot,.ch-col:hover .ch-vl{opacity:1}
.ch-tip{position:absolute;top:-6px;left:50%;transform:translate(-50%,-100%);background:#0F2826;color:#fff;border-radius:10px;padding:8px 11px;font-size:.78rem;white-space:nowrap;display:none;flex-direction:column;gap:3px;z-index:5;direction:rtl;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.ch-col.l .ch-tip{left:0;transform:translateY(-100%)}.ch-col.r .ch-tip{left:auto;right:0;transform:translateY(-100%)}
.ch-col:hover .ch-tip{display:flex}.ch-tip span{display:flex;align-items:center;gap:6px}
.ch-tip i,.ch-legend i{width:10px;height:10px;border-radius:3px;background:#5CC4B9;display:inline-block}.ch-tip i.b,.ch-legend i.b{background:#951B81}
.ch-x{position:relative;height:22px;margin:6px 2px 0}.ch-x span{position:absolute;transform:translateX(-50%);font-size:.72rem;color:var(--muted);white-space:nowrap}
.ch-x span:first-child{transform:none}.ch-x span:last-child{transform:translateX(-100%)}
.ch-legend{display:flex;justify-content:center;gap:18px;font-size:var(--fs-sm);color:var(--muted);margin-top:6px}.ch-legend span{display:flex;align-items:center;gap:6px}
/* donut */
.ch-donut{display:flex;align-items:center;gap:20px}
.ch-ring{flex:none;width:150px;height:150px;border-radius:50%;display:grid;place-items:center}
.ch-ring>div{width:96px;height:96px;border-radius:50%;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.ch-ring b{font-size:1.25rem;line-height:1.1}.ch-ring small{color:var(--muted);font-size:.72rem}
.ch-leg{list-style:none;margin:0;padding:0;display:grid;gap:9px;flex:1;min-width:0}
.ch-leg li{display:grid;grid-template-columns:10px minmax(0,1fr) auto;column-gap:8px;align-items:center;font-size:var(--fs-sm)}
.ch-leg li i{width:10px;height:10px;border-radius:3px}.ch-leg li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
.ch-leg li small{grid-column:2/4;color:var(--muted);font-size:.74rem;margin-top:-2px}
/* ranked list */
.ch-rank{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.ch-rank li{position:relative;display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;overflow:hidden;font-size:var(--fs-sm);min-height:40px}
.ch-rank li>i{position:absolute;inset:0 0 0 auto;background:color-mix(in srgb,var(--primary) 13%,transparent);border-radius:10px}
.ch-rank li:first-child>i{background:color-mix(in srgb,var(--primary) 26%,transparent)}
.ch-rank em{position:relative;flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:.72rem;font-weight:800;background:var(--surface);color:var(--primary-dark,var(--primary));border:1px solid var(--line)}
.ch-rank span{position:relative;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
.ch-rank b{position:relative;white-space:nowrap}.ch-rank b small{color:var(--muted);font-weight:600;margin-inline-start:4px}
.ch-rank li>small{position:relative;color:var(--muted);font-weight:700;min-width:34px;text-align:left}
/* hours */
.ch-hours{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:4px;height:170px;align-items:end;padding-bottom:20px}
.ch-hours>div{position:relative;height:100%;display:flex;align-items:flex-end}
.ch-hours>div>i{display:block;width:100%;border-radius:5px 5px 2px 2px;background:color-mix(in srgb,var(--primary) 55%,transparent)}
.ch-hours>div.pk>i{background:#951B81}.ch-hours>div:hover>i{background:var(--primary)}
.ch-hours small{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);font-size:.7rem;color:var(--muted)}
.ch-hours .ch-tip{top:auto;bottom:calc(100% - 0px)}.ch-hours>div:hover .ch-tip{display:flex}
.ch-hours>div:nth-child(-n+4) .ch-tip{left:0;transform:translateY(-6px)}.ch-hours>div:nth-last-child(-n+4) .ch-tip{left:auto;right:0;transform:translateY(-6px)}
.ch-hours .ch-tip{transform:translate(-50%,-6px)}
.ch-peak{display:flex;align-items:center;gap:6px;margin-top:10px;color:var(--muted);font-size:var(--fs-sm)}.ch-peak svg{width:16px;height:16px;color:#951B81}.ch-peak b{color:var(--text,inherit)}
@media (max-width:1100px){.ch-row.c3{grid-template-columns:repeat(2,minmax(0,1fr))}.ch-row.c21{grid-template-columns:1fr}}
@media (max-width:760px){.ch-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ch-kpi{min-height:118px;padding:14px}.ch-kpi>b{font-size:1.45rem}.ch-kpi.hero{grid-column:1/-1}
  .ch-row,.ch-row.c3{grid-template-columns:1fr}.ch-plot{height:200px}.ch-ring{width:124px;height:124px}.ch-ring>div{width:80px;height:80px}.ch-donut{gap:14px}
  .ch-hours{gap:2px;height:140px}.ch-hours small{font-size:.62rem}}

.ch-kpi.sp{padding-bottom:46px}.ch-spark{height:40px}
.ch-donut{flex-wrap:wrap;justify-content:center}.ch-leg{flex:1 1 200px}
.ch-leg li{grid-template-columns:10px minmax(0,1fr) auto 40px;column-gap:8px;padding:6px 0;border-bottom:1px solid var(--line)}.ch-leg li:last-child{border-bottom:0}
.ch-leg li small{grid-column:auto;margin:0;font-size:.76rem;white-space:nowrap}.ch-leg li b{text-align:left}
.ch-row .panel{align-content:start}
@media (max-width:760px){.ch-kpis .kpi.hero~.kpi:nth-child(4){grid-column:1/-1}}
.ch-tip{border:1px solid rgba(255,255,255,.14)}

/* bonat */
.bn-rate{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.bn-avg{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:110px}.bn-avg>b{font-size:2.6rem;line-height:1}.bn-avg small{color:var(--muted)}
.bn-dist{flex:1 1 220px;display:grid;gap:8px}
.bn-dist>div{display:grid;grid-template-columns:38px minmax(0,1fr) 40px;align-items:center;gap:10px;font-size:var(--fs-sm)}
.bn-dist span{font-weight:700;white-space:nowrap}.bn-dist b{text-align:left;color:var(--muted)}
.bn-dist i{display:block;height:10px;border-radius:99px;background:var(--surface-2);overflow:hidden}
.bn-dist em{display:block;height:100%;border-radius:99px;background:#E8A33D}.bn-dist em.low{background:var(--danger)}
.zd-item.bn-low{border-inline-start:4px solid var(--danger)}
.bn-sus{border-inline-start:4px solid var(--danger)}.bn-sus .zd-item-hd svg{width:18px;height:18px;color:var(--danger);flex:none}
.bn-meta{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--muted);font-size:var(--fs-sm);margin-top:8px}
.bn-meta span{display:flex;align-items:center;gap:6px}.bn-meta svg{width:15px;height:15px;color:var(--primary)}
.ch-kpi.warn{border-color:color-mix(in srgb,var(--danger) 45%,var(--line));background:color-mix(in srgb,var(--danger) 7%,var(--surface))}.ch-kpi.warn small svg{color:var(--danger)}

.bn-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.bn-chips{flex-wrap:wrap;overflow:visible}
.ch-kpi.txt>b{font-size:1.15rem;line-height:1.4}

/* taker */
.tk-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.tk-mini{display:grid;gap:10px}
.tk-mini>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;padding:12px 14px;border:1px solid var(--line);border-radius:12px}
.tk-mini small{display:flex;align-items:center;gap:6px;font-weight:700}.tk-mini small svg{width:16px;height:16px;color:var(--primary)}
.tk-mini b{font-size:1.2rem;grid-row:span 2;text-align:left}.tk-mini span{color:var(--muted);font-size:.76rem}
.tk-table-wrap{overflow-x:auto;padding:0}
.tk-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm);min-width:680px}
.tk-table th{text-align:right;color:var(--muted);font-weight:700;padding:12px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
.tk-table td{padding:11px 14px;border-bottom:1px solid var(--line);white-space:nowrap}.tk-table tr:last-child td{border-bottom:0}
.tk-table td small{display:block;color:var(--muted)}
.tk-table td small{display:inline;margin-inline-start:4px}.tk-table td:first-child small{display:block;margin:0}
.dv-app{display:flex;align-items:center;gap:8px}.dv-app i{width:10px;height:10px;border-radius:3px;flex:none}.dv-star{color:#E8A33D}
.dv-table{margin:0}.tk-table-wrap{margin-bottom:16px}

/* two sizes (2026-10-17) */
.mx-prices{display:flex;flex-wrap:wrap;gap:6px}
.mx-szl{font-style:normal;font-weight:700;font-size:.78em;opacity:.9;margin-inline-end:5px}
.mx-fact.two b{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.mx-fact.two b+b{margin-top:4px}
.mx-fact.two em{font-style:normal;font-size:.8em;font-weight:700;color:var(--muted);min-width:34px}
.pe-two{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;margin-bottom:12px;cursor:pointer}
.pe-two input{width:18px;height:18px;accent-color:var(--primary)}
.pe-two span{display:grid;gap:2px}.pe-two small{color:var(--muted)}
.pe-szh{margin:12px 0 6px;font-size:var(--fs-sm);color:var(--primary-ink)}
.mx-fact.price.two em{color:inherit;opacity:.85}
@media (max-width:760px){.mx-prices{flex-direction:column;align-items:flex-end;gap:4px}}
.mx-grid.v-grid .mx-foot:has(.mx-prices){flex-direction:column;align-items:stretch;gap:8px}
.mx-grid.v-grid .mx-foot:has(.mx-prices) .mx-prices{flex-direction:row}

/* PDF direction picker */
.pd-oris{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.pd-ori{display:grid;justify-items:center;gap:6px;padding:16px 10px;border:1.5px solid var(--line);border-radius:14px;cursor:pointer;background:var(--surface);text-align:center}
.pd-ori input{position:absolute;opacity:0;pointer-events:none}
.pd-ori:has(input:checked){border-color:var(--primary);background:rgb(var(--primary-rgb) / .08)}
.pd-ori:has(input:focus-visible){outline:2px solid var(--primary);outline-offset:2px}
.pd-ori small{color:var(--muted);font-size:var(--fs-sm)}
.pd-pg{display:grid;align-content:start;gap:5px;padding:9px;border:2px solid currentColor;border-radius:6px;color:var(--muted);background:var(--bg)}
.pd-pg.portrait{width:52px;height:72px}.pd-pg.landscape{width:78px;height:54px}
.pd-pg i{display:block;height:5px;border-radius:3px;background:currentColor;opacity:.45}.pd-pg i:first-child{background:var(--primary);opacity:1;width:70%}
.pd-ori:has(input:checked) .pd-pg{color:var(--primary)}
#stReport.rp-land .rp-grid{grid-template-columns:repeat(3,1fr)}
/* Karam: insights, live inbox */
.km-ins ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.km-ins li{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:var(--surface-2,rgb(var(--primary-rgb) / .06));line-height:1.7}
.km-ins li .i{flex:none;width:20px;height:20px;margin-top:3px}
.km-ins li.good .i{color:#1f9d6b}.km-ins li.warn{background:rgba(194,65,12,.08)}.km-ins li.warn .i{color:#c2410c}.km-ins li.info .i{color:var(--primary)}
.km-hot{color:#c2410c}
.km-inbox iframe{display:block;width:100%;height:min(78vh,760px);border:1px solid var(--line);border-radius:14px;background:#fff;margin-top:10px}
.km-tabs{grid-template-columns:repeat(5,minmax(0,1fr))!important;max-width:none!important}
.km-tabs button{justify-content:center;text-align:center}
@media (max-width:760px){.km-tabs{gap:6px}.km-tabs button{flex-direction:column;gap:5px;padding:10px 4px;font-size:11.5px;line-height:1.35}.km-tabs button svg{width:20px;height:20px}}
@media (max-width:760px){.km-k .ch-kpi.hero,.km-k .kpi.hero~.kpi:nth-child(4){grid-column:auto}.km-inbox iframe{height:72vh}}
.rp-img-host{position:fixed;left:-20000px;top:0;z-index:-1;pointer-events:none}

/* overview: one coloured block per source */
.ov-block{--ac:#5CC4B9;--ac2:#2E8F85;--ink:#fff;margin:22px 0;padding:0 16px 2px;border:1.5px solid color-mix(in srgb,var(--ac) 45%,transparent);border-radius:24px;background:color-mix(in srgb,var(--ac) 6%,var(--bg));scroll-margin-top:80px}
.ov-store{--ac:#951B81;--ac2:#6A1060}
.ov-karam{--ac:#DAE342;--ac2:#AFB82A;--ink:#0F2826}
.ov-block>.ov-sec{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 -16px 18px;padding:18px 20px;border-radius:22px 22px 0 0;background:linear-gradient(135deg,var(--ac),var(--ac2));color:var(--ink)}
.ov-block>.ov-sec h2{color:var(--ink);font-size:1.3rem}
.ov-badge{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.22);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.ov-badge svg{width:24px;height:24px;color:var(--ink)}
.ov-t{flex:1;min-width:180px}.ov-t small{display:block;margin-top:2px;opacity:.9;font-size:var(--fs-sm);color:var(--ink)}
.ov-block>.ov-sec .btn-ghost{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4);color:var(--ink)}
.ov-block>.ov-sec .btn-ghost:hover{background:rgba(255,255,255,.32)}
.ov-block>.ov-sec .btn-primary{background:#fff;color:var(--ac2);border-color:#fff}
.ov-karam>.ov-sec .btn-primary{color:#0F2826}
.ov-block .ch-kpi.hero{background:linear-gradient(135deg,var(--ac),var(--ac2))}
.ov-karam .ch-kpi.hero small,.ov-karam .ch-kpi.hero small svg,.ov-karam .ch-kpi.hero .sub span,.ov-karam .ch-kpi.hero>b{color:#0F2826}
.ov-karam .ch-kpi.hero .st-d{background:rgba(15,40,38,.12);color:#0F2826}
.ov-karam .ch-kpi.hero .ch-spark .l{stroke:rgba(15,40,38,.7)}.ov-karam .ch-kpi.hero .ch-spark .f{fill:rgba(15,40,38,.1)}
.ov-block .panel{border-color:color-mix(in srgb,var(--ac) 22%,var(--line))}
.ov-block .ch-kpi:not(.hero){border-top:3px solid var(--ac)}
.ov-jump{display:flex;gap:10px;flex-wrap:wrap;margin:4px 0 0}
.ov-jump button{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:1.5px solid var(--c);background:color-mix(in srgb,var(--c) 10%,var(--surface));color:var(--text);font:inherit;font-weight:800;cursor:pointer}
.ov-jump button svg{width:18px;height:18px;color:var(--c)}
.ov-jump button:hover{background:color-mix(in srgb,var(--c) 22%,var(--surface))}
.ov-j-site{--c:#5CC4B9}.ov-j-store{--c:#951B81}.ov-j-karam{--c:#AFB82A}
@media (max-width:760px){.ov-block{padding:0 10px 2px;border-radius:18px}.ov-block>.ov-sec{margin:0 -10px 14px;padding:14px;border-radius:16px 16px 0 0}.ov-block>.ov-sec .st-actions{width:100%}.ov-jump button{flex:1;justify-content:center;padding:8px 10px;font-size:var(--fs-sm);white-space:nowrap}}
/* Google Maps reviews */
.gr-sort{display:flex;gap:6px;flex-wrap:wrap}.gr-sort button{font:inherit;font-size:var(--fs-sm);font-weight:700;padding:5px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer}
.gr-sort button.on{background:var(--primary);border-color:var(--primary);color:#fff}
.gr-list{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:8px}
.gr-list li{display:grid;grid-template-columns:minmax(0,1.3fr) auto minmax(80px,1fr) auto;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.gr-list li.off{grid-template-columns:minmax(0,1.3fr) 2fr;opacity:.75}
.gr-n b{display:block}.gr-n small,.gr-r small{color:var(--muted);font-size:var(--fs-sm)}
.gr-r{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.gr-r>b{font-size:1.35rem;font-family:var(--f-en)}
.gr-bar{display:block;height:8px;border-radius:8px;background:rgb(var(--primary-rgb) / .12);overflow:hidden}.gr-bar i{display:block;height:100%;border-radius:8px;background:var(--primary)}.gr-bar i.low{background:#c2410c}
.zd-reviews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
.zd-rv{border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:var(--surface)}.zd-rv.neg{border-color:rgba(194,65,12,.45);background:rgba(194,65,12,.05)}
.zd-rv-hd{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.zd-rv-hd small{color:var(--muted);margin-inline-start:auto}.zd-rv p{margin:8px 0 0;line-height:1.8}
@media (max-width:760px){.gr-list li{grid-template-columns:1fr;gap:8px}.gr-list li .gr-bar{grid-column:1/-1}.gr-list li .btn{grid-column:1/-1;justify-self:start}.gr-list li.off{grid-template-columns:1fr}.zd-reviews{grid-template-columns:1fr}}
/* reply to a review */
.rp-btn{margin-top:10px}
.rp-rev{border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:var(--surface);display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.rp-rev small{color:var(--muted)}.rp-rev p{flex-basis:100%;margin:4px 0 0;line-height:1.8}
.rp-kinds{display:grid;grid-template-columns:1fr 1fr 1.6fr;gap:8px;margin:14px 0 10px}
.rp-kinds .btn.on,.rp-name .btn.on{border-color:var(--primary);background:rgb(var(--primary-rgb) / .12);color:var(--primary-ink)}
.rp-ai{border-color:#951B81!important;color:#951B81}.rp-ai.on{background:rgba(149,27,129,.1)!important;color:#951B81!important}
:root[data-theme="dark"] .rp-ai,:root[data-theme="dark"] .rp-ai.on{color:#E07BCF!important;border-color:#E07BCF!important}
.rp-ai.spin svg{animation:stSpin .9s linear infinite}
.rp-name{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.rp-name .inp{flex:1;min-width:150px}
#rpText{width:100%;min-height:120px;line-height:1.8;resize:vertical}
@media (max-width:560px){.rp-kinds{grid-template-columns:1fr 1fr}.rp-kinds .rp-ai{grid-column:1/-1}}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .rp-ai,:root:not([data-theme="light"]) .rp-ai.on{color:#E07BCF!important;border-color:#E07BCF!important}}
.gr-flt{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0 4px}.gr-flt .cat-chips{margin:0}
.gr-bsel{display:inline-flex;align-items:center;gap:8px;min-width:220px}.gr-bsel svg{color:var(--primary);flex:none}.gr-bsel select{flex:1;min-width:0}
.gr-dist{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:9px}
.gr-dist li{display:grid;grid-template-columns:48px 1fr auto 42px;align-items:center;gap:10px}.gr-dist li>span{display:inline-flex;align-items:center;gap:3px;font-weight:800;font-family:var(--f-en)}.gr-dist li>span svg{width:14px;height:14px;color:#E8A33D}
.gr-dist li>i{display:block;height:10px;border-radius:10px;background:rgb(var(--primary-rgb) / .12);overflow:hidden}.gr-dist li>i>i{display:block;height:100%;border-radius:10px;background:var(--primary)}.gr-dist li>i>i.low{background:#c2410c}
.gr-dist small{color:var(--muted);text-align:end}
.gr-gavg{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.gr-gavg svg{color:var(--primary)}.gr-gavg small{color:var(--muted)}
.gr-list li{grid-template-columns:minmax(0,1.3fr) auto minmax(70px,1fr) auto auto}
.gr-gg{display:flex;flex-direction:column;align-items:center;line-height:1.2;padding-inline:10px;border-inline-start:1px solid var(--line)}.gr-gg b{font-family:var(--f-en)}.gr-gg small{color:var(--muted);font-size:.72rem}
.gr-r .st-d{font-size:.8rem}
.gr-ctw{overflow-x:auto}
#grCmpF{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:14px}#grCmpF .zc-sel{width:100%;margin:0}
@media (max-width:760px){.gr-gg{flex-direction:row;gap:6px;border:0;padding:0;justify-self:start}.gr-bsel{width:100%}#grCmpF .btn{width:100%}}
.ov-google{--ac:#E8A33D;--ac2:#C2410C}
.ov-j-google{--c:#E8A33D}
.gr-five{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:8px}
.gr-five li{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.gr-five li>div{flex:1;min-width:0}.gr-five p{margin:0;line-height:1.8}.gr-five em{font-style:normal;font-weight:800;color:var(--primary);font-size:1.1em}
.gr-five li>div small{display:block;color:var(--muted);font-size:var(--fs-sm)}
.gr-fr{flex:none;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-family:var(--f-en);font-size:1.1rem;background:rgba(232,163,61,.14);color:#B76E0E;border:2px solid rgba(232,163,61,.5)}
.gr-five li.done{border-color:rgba(31,157,107,.45);background:rgba(31,157,107,.06)}.gr-five li.done .gr-fr{background:rgba(31,157,107,.14);color:#1f9d6b;border-color:rgba(31,157,107,.5)}
.gr-fc{flex:none;color:var(--muted);font-size:var(--fs-sm)}
@media (max-width:760px){.gr-five li{flex-wrap:wrap;gap:10px}.gr-fr{width:44px;height:44px;font-size:1rem}.gr-fc{width:100%;padding-inline-start:54px;margin-top:-6px}}
.gr-rep{margin-top:10px;padding:8px 12px;border-inline-start:3px solid var(--primary);background:rgb(var(--primary-rgb) / .07);border-radius:10px}
.gr-rep b{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);color:var(--primary)}.gr-rep b svg{width:14px;height:14px}.gr-rep p{margin:4px 0 0;font-size:.92rem;line-height:1.7}
.gr-unm{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}
.gr-unm li{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 12px;border:1px dashed var(--line);border-radius:12px}
.gr-unm li>div{flex:1;min-width:180px}.gr-unm small{display:block;color:var(--muted)}.gr-unm select{max-width:260px}
.rp-old{margin:10px 0 0}
@media (max-width:760px){.gr-unm select{max-width:none;width:100%}}

.dv-th{padding:14px 14px 0}.dv-bad{color:#c2410c;font-weight:700}
.dv-low{list-style:none;margin:0;padding:0;display:grid;gap:12px}.dv-low li{display:flex;gap:10px;align-items:flex-start;padding-bottom:12px;border-bottom:1px solid var(--line)}.dv-low li:last-child{border:0;padding:0}
.dv-low p{margin:0 0 3px;font-weight:600}.dv-low small{color:var(--muted)}.dv-lr{color:#E8A33D;white-space:nowrap;font-size:13px;letter-spacing:1px}.dv-lr i{font-style:normal;color:var(--line)}
.dv-mx td{background:rgb(var(--primary-rgb) / calc(var(--h,0) * .16))}.dv-mx td:first-child,.dv-mx td:last-child{background:none}
.gr-flt .cat-chips{min-width:0;max-width:100%}
.tk-table-wrap{display:block;min-width:0}.dv-th{position:sticky;inset-inline-start:0}
.gr-flt{min-width:0;max-width:100%}.gr-flt .cat-chips{flex:1 1 auto;width:0;min-width:100%}@media (min-width:761px){.gr-flt .cat-chips{width:auto;min-width:0}}
.di .help{margin:0 0 12px}.di-top{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.di-top label{display:grid;gap:6px;font-weight:700;font-size:var(--fs-sm)}.di-top .file-btn{justify-content:flex-start;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.di h4{margin:16px 0 8px;font-size:var(--fs-sm)}.di h4 small{color:var(--muted);font-weight:500;margin-inline-start:6px}.di-sum{display:flex;align-items:center;gap:6px;font-size:var(--fs-sm);color:var(--primary)}.di-sum svg{width:16px;height:16px}
.di-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.di-map label{display:grid;gap:4px;font-size:12px;color:var(--muted)}.di-map .req{color:#c2410c}.di-map select{font-size:13px;padding-block:6px}
.di-prev{min-width:0;font-size:12px}.di .tk-table-wrap{border:1px solid var(--line);border-radius:12px}
@media (max-width:760px){.di-top,.di-map{grid-template-columns:1fr 1fr}}@media (max-width:420px){.di-top{grid-template-columns:1fr}}
.note.ok{color:var(--primary);background:rgb(var(--primary-rgb) / .08)}
.exp-ch{display:grid;grid-template-columns:1fr 1fr;gap:12px}.exp-ch button{display:grid;justify-items:center;gap:6px;padding:20px 12px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--fg);font:inherit;cursor:pointer;text-align:center;transition:border-color .15s,transform .15s}
.exp-ch button:hover{border-color:var(--primary);transform:translateY(-2px)}.exp-ch b{font-size:var(--fs-md,16px);font-family:var(--f-en)}.exp-ch small{color:var(--muted);font-size:12px;line-height:1.5}
.exp-ic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center}.exp-ic svg{width:28px;height:28px}.exp-ic.pdf{background:#fdecea;color:#c62828}.exp-ic.xl{background:#e6f4ea;color:#1e7e34}
.exp-ch{grid-template-columns:repeat(3,minmax(0,1fr))}.exp-ic.img{background:#e8f1fb;color:#1d5fa8}
@media (max-width:520px){.exp-ch{grid-template-columns:1fr}.exp-ch button{grid-template-columns:auto 1fr;justify-items:start;text-align:start;padding:14px;column-gap:12px}.exp-ch .exp-ic{grid-row:span 2;width:44px;height:44px}}
.rp-cm{list-style:none;margin:0;padding:0;display:grid;gap:6px}.rp-cm li{border-inline-start:3px solid #5CC4B9;padding:2px 8px 4px;break-inside:avoid}.rp-cm li.b{border-color:#c2410c}
.rp-cm b{color:#E8A33D;font-size:10px;letter-spacing:1px}.rp-cm b i{font-style:normal;color:#dfe7e6}.rp-cm p{margin:1px 0;font-size:11px;line-height:1.55;color:#0F2826}.rp-cm small{font-size:9px;color:#6b8380}
.rp-ins ul{margin:0;padding:0;list-style:none;display:grid;gap:4px}.rp-ins li{font-size:11px;padding:4px 8px;border-radius:8px;background:#eef8f7;color:#0F2826}.rp-ins li.warn{background:#fdf0e6}.rp-ins li.good{background:#ecf7ee}
.gr-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.gr-ttl{display:grid;gap:6px;min-width:0}.gr-ttl h2{margin:0}
.gr-tags{display:flex;gap:6px;flex-wrap:wrap}.gr-tags .tag{display:inline-flex;align-items:center;gap:4px}.gr-tags .tag svg{width:13px;height:13px}
.gr-acts{display:flex;align-items:center;gap:8px;margin-inline-start:auto}.btn.icon-only{padding-inline:9px}.btn.icon-only svg{margin:0}
.gr-more{position:relative}.gr-more summary{list-style:none;cursor:pointer}.gr-more summary::-webkit-details-marker{display:none}
.gr-menu{position:absolute;inset-inline-end:0;top:calc(100% + 6px);z-index:30;min-width:210px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 30px rgb(0 0 0 / .12);padding:6px;display:grid}
.gr-menu>*{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:0;background:none;color:var(--fg);font:inherit;font-size:var(--fs-sm);font-weight:600;text-align:start;cursor:pointer;text-decoration:none}
.gr-menu>*:hover{background:rgb(var(--primary-rgb) / .08)}.gr-menu svg{width:17px;height:17px;color:var(--primary)}.gr-menu .dang,.gr-menu .dang svg{color:#c2410c}
@media (max-width:760px){.gr-acts{width:100%;flex-wrap:wrap}.gr-acts .btn:not(.icon-only){flex:1 1 40%;justify-content:center}}
.gr-menu.up{top:auto;bottom:calc(100% + 6px)}.exp-dd summary{display:inline-flex}.modal-ft .exp-dd .gr-menu{inset-inline-end:0}
.rp-ct td:first-child{width:auto}.rp-ct td{padding:3px 4px}.rp-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-inline-end:4px;background:#5CC4B9}.rp-dot.b{background:#951B81}
.rp-cmp-b{border-color:#951B81}.rp-bars2>div>span{display:flex;align-items:flex-end;gap:1px;height:100%;flex:1}.rp-bars2 i.a{background:#5CC4B9}.rp-bars2 i.b{background:#951B81}.rp-bars2 i{flex:1;display:block;min-height:1px;border-radius:2px 2px 0 0}

.km-fr{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:4px 0 14px}
.km-fr>div{border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}
.km-fr small{color:var(--muted);font-weight:700;font-size:12px}.km-fr b{font-size:1.15rem;font-weight:800}.km-fr span{color:var(--muted);font-size:11.5px}
.km-fr .good b{color:#1f9d6b}.km-fr .bad b{color:#c2410c}.km-fr .fri{background:rgba(124,58,110,.06)}.km-fr .fri b{color:var(--plum)}
@media (max-width:560px){.km-fr{grid-template-columns:1fr 1fr}.km-fr>div:first-child,.km-fr>.fri{grid-column:1/-1}}

.km-bcols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.km-bcols section{border-radius:14px;padding:12px 14px;min-width:0}
.km-bcols h3{font-size:1rem;margin:0 0 8px}
.km-bcols ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.km-bcols li{display:flex;gap:8px;align-items:flex-start;line-height:1.7;font-size:.92rem}
.km-bcols li .i{flex:none;width:18px;height:18px;margin-top:4px}
.km-bcols .ok{background:rgba(31,157,107,.07)}.km-bcols .ok h3,.km-bcols .ok .i{color:#1f9d6b}
.km-bcols .warn{background:rgba(194,65,12,.07)}.km-bcols .warn h3,.km-bcols .warn .i{color:#c2410c}
.km-bcols .act{background:color-mix(in srgb,var(--primary) 10%,transparent)}.km-bcols .act h3,.km-bcols .act .i{color:var(--primary)}
@media (max-width:900px){.km-bcols{grid-template-columns:1fr}}
[dir=rtl] .km-bcols .act .i{transform:scaleX(-1)}
/* saved replies (2026-10-20) */
.svr-add{margin:4px 0 12px}
.svr-form{display:flex;flex-direction:column;gap:10px;border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin:6px 0 12px;background:var(--surface)}
.svr-form.sm{margin:4px 0 8px}
.svr-form label{display:flex;flex-direction:column;gap:4px;font-weight:700;font-size:var(--fs-sm)}
.svr-kind{display:flex;gap:6px;flex-wrap:wrap}.svr-kind label{flex-direction:row;font-weight:700;cursor:pointer}
.svr-kind input{position:absolute;opacity:0;pointer-events:none}
.svr-kind span{border:1px solid var(--line);border-radius:999px;padding:5px 14px}
.svr-kind input:checked+span{background:var(--primary);border-color:var(--primary);color:#fff}
.svr-kind input:focus-visible+span{outline:2px solid var(--primary);outline-offset:2px}
.svr-fa{display:flex;gap:8px;justify-content:flex-end}
.svr-h{display:flex;align-items:center;gap:8px;margin:14px 0 6px;font-size:.9rem;color:var(--muted)}
.svr-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.svr-list>li{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.svr-list>li:has(.svr-form){border:0;padding:0}.svr-list>li .svr-form{flex:1;margin:0}
.svr-it{flex:1;min-width:0}.svr-it p{margin:4px 0 0;color:var(--muted);line-height:1.7;font-size:.9rem;white-space:pre-wrap}
.svr-acts{display:flex;gap:4px;align-items:center;flex:none}.svr-acts span{font-size:.85rem;font-weight:700}
.svr-old{margin-top:16px;border-top:1px solid var(--line);padding-top:10px}.svr-old summary{cursor:pointer;font-weight:700;display:flex;gap:6px;align-items:center}
.svr-old textarea{margin:8px 0}
.rp-saved{margin:0 0 10px;border:1px dashed var(--line);border-radius:12px;padding:10px 12px}
.rp-sv-hd{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.rp-sv-hd b{display:flex;gap:6px;align-items:center;font-size:.9rem}
.rp-sv{display:flex;gap:6px;flex-wrap:wrap;max-height:132px;overflow:auto}
.rp-sv .btn.on{border-color:var(--primary);background:rgb(var(--primary-rgb) / .12);color:var(--primary-ink)}
.svr-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-inline-end:6px;background:var(--muted)}.svr-dot.thanks{background:var(--ok)}.svr-dot.sorry{background:var(--warn)}

/* Google page tabs (2026-10-20) */
.gr-todo{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-color:color-mix(in srgb,var(--warn) 40%,var(--line));background:color-mix(in srgb,var(--warn) 6%,var(--surface))}
.gr-todo>div{display:flex;gap:10px;align-items:center;min-width:0;flex:1}.gr-todo>div>.i{flex:none;width:22px;height:22px;color:var(--warn)}.gr-todo p{margin:0;line-height:1.8}
.gr-peek-c{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.gr-peek-c>div{border-radius:12px;padding:10px 12px}.gr-peek-c .up{background:rgba(31,157,107,.07)}.gr-peek-c .down{background:rgba(194,65,12,.07)}
.gr-peek-c h3{font-size:.95rem;margin:0 0 6px}.gr-peek-c .up h3{color:#1f9d6b}.gr-peek-c .down h3{color:#c2410c}
.gr-peek-c ol{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.gr-peek-c li{display:flex;gap:8px;align-items:baseline}.gr-peek-c li b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gr-peek-c li span{font-weight:800}.gr-peek-c li small{color:var(--muted)}
@media (max-width:640px){.gr-peek-c{grid-template-columns:1fr}}
/* overview: quick look at the top */
.ovs{margin:18px 0 6px}
.ovs-top{display:flex;align-items:baseline;gap:6px 12px;flex-wrap:wrap;margin-bottom:12px}
.ovs-top h2{display:flex;align-items:center;gap:8px;font-size:1.3rem}.ovs-top h2 svg{width:22px;height:22px;color:var(--primary)}
.ovs-top small{color:var(--muted)}
.ovs-site{--c:#5CC4B9;--c2:#2E8F85}.ovs-store{--c:#951B81;--c2:#951B81}.ovs-karam{--c:#AFB82A;--c2:#7E8516}.ovs-google{--c:#E8A33D;--c2:#C2410C}
.ovs-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ovs-tiles.n3{grid-template-columns:repeat(3,minmax(0,1fr))}.ovs-tiles.n2{grid-template-columns:repeat(2,minmax(0,1fr))}.ovs-tiles.n1{grid-template-columns:1fr}
.ovs-t{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;gap:4px;text-align:start;padding:14px 16px 50px;border-radius:18px;border:1.5px solid color-mix(in srgb,var(--c) 40%,var(--line));border-top:4px solid var(--c);background:color-mix(in srgb,var(--c) 6%,var(--surface));color:var(--text);font:inherit;cursor:pointer;transition:transform .15s,box-shadow .15s;min-width:0}
.ovs-t:hover{transform:translateY(-2px);box-shadow:0 8px 22px color-mix(in srgb,var(--c) 22%,transparent)}
.ovs-hd{display:flex;align-items:center;gap:8px;font-weight:800}
.ovs-hd i{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--c);flex:none}.ovs-hd i svg{width:17px;height:17px;color:#fff}
.ovs-karam .ovs-hd i svg{color:#0F2826}
.ovs-hd>svg{width:16px;height:16px;margin-inline-start:auto;color:var(--muted)}
.ovs-t>b{font-size:1.7rem;line-height:1.2;margin-top:6px;color:var(--c2);font-family:var(--f-en)}
.ovs-l{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:var(--fs-sm)}
.ovs-m{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;padding-top:8px;border-top:1px dashed color-mix(in srgb,var(--c) 35%,var(--line))}
.ovs-m>span{display:flex;flex-direction:column;font-weight:800;min-width:0}.ovs-m small{color:var(--muted);font-weight:600;font-size:.76rem}
.ovs-st{margin:10px 0 0;color:var(--muted);font-size:var(--fs-sm)}
.ovs-t .ch-spark .l{stroke:var(--c)}.ovs-t .ch-spark .f{fill:color-mix(in srgb,var(--c) 14%,transparent)}
.ovs-cmp{margin-top:14px}
.ovs-notes{list-style:none;margin:0 0 12px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px}
.ovs-notes li{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:12px;font-size:var(--fs-sm)}
.ovs-notes li svg{width:18px;height:18px;flex:none;margin-top:2px}
.ovs-notes .good{background:color-mix(in srgb,#1f9d6b 10%,var(--surface))}.ovs-notes .good svg{color:#1f9d6b}
.ovs-notes .warn{background:color-mix(in srgb,#c2410c 9%,var(--surface))}.ovs-notes .warn svg{color:#c2410c}
.ovs-ch{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.ovs-ch li{display:grid;grid-template-columns:minmax(120px,190px) 1fr 62px;align-items:center;gap:10px;font-size:var(--fs-sm)}
.ovs-ch li>span{display:flex;align-items:center;gap:8px;font-weight:700;min-width:0}
.ovs-ch li>span::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--c);flex:none}
.ovs-bar{position:relative;height:16px;border-radius:8px;background:color-mix(in srgb,var(--line) 55%,transparent)}
.ovs-bar em{position:absolute;left:50%;top:-3px;bottom:-3px;width:2px;background:var(--muted);opacity:.5}
.ovs-bar i{position:absolute;top:0;bottom:0;border-radius:8px;background:var(--muted)}
.ovs-bar i.g{background:#1f9d6b}.ovs-bar i.b{background:#c2410c}
.ovs-ch b{font-family:var(--f-en);text-align:end}.ovs-ch b.g{color:#1f9d6b}.ovs-ch b.b{color:#c2410c}
.ovs-key{display:flex;gap:6px 14px;flex-wrap:wrap;align-items:center;margin-top:12px;font-size:.8rem;color:var(--muted)}
.ovs-key span{display:inline-flex;align-items:center;gap:6px}.ovs-key i{width:12px;height:12px;border-radius:4px}.ovs-key i.g{background:#1f9d6b}.ovs-key i.b{background:#c2410c}
@media (max-width:1100px){.ovs-tiles,.ovs-tiles.n3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.ovs .ovs-x{display:none}.ovs-tiles,.ovs-tiles.n3,.ovs-tiles.n2{grid-template-columns:1fr 1fr;gap:8px}.ovs-t{padding:12px 12px 44px;border-radius:14px}.ovs-t>b{font-size:1.25rem}.ovs-hd{font-size:.86rem}.ovs-hd i{width:26px;height:26px}
  .ovs-m{grid-template-columns:1fr}.ovs-ch li{grid-template-columns:minmax(0,1fr) 54px;row-gap:4px}.ovs-ch .ovs-bar{grid-column:1/-1;grid-row:2}}
/* admin > design team guide */
.ds-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between}
.ds-head h2{display:flex;align-items:center;gap:8px}.ds-head h2 svg,.ds-panel h2 svg,.panel-hd h2>svg{width:20px;height:20px;color:var(--primary)}
.ds-head p{margin:4px 0 0}.ds-head>div{flex:1 1 300px}
.ds-tabs{grid-template-columns:repeat(7,minmax(0,1fr))!important}
.ds-tabs button{justify-content:center;text-align:center;flex-direction:column;gap:6px;padding:12px 6px}
.ds-tabs button svg{width:22px;height:22px}
.ds-intro{color:var(--muted);margin:0 2px 12px}
.ds-panel .panel-hd h2{display:flex;align-items:center;gap:8px}
.ds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.ds-card{display:grid;grid-template-columns:92px 1fr;gap:14px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--surface);min-width:0}
.ds-card.tbc{border-style:dashed;border-color:#E8A33D}
.ds-prev{width:92px;height:92px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--primary) 7%,var(--bg))}
.ds-prev i{display:grid;place-items:center;max-width:76px;max-height:76px;min-width:10px;min-height:10px;border:2px solid var(--primary);border-radius:6px;background:color-mix(in srgb,var(--primary) 16%,transparent);transform:scale(.82)}
.ds-prev span{font:800 .72rem var(--f-en);color:var(--primary-d,#2E8F85)}
.ds-info{min-width:0;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.ds-n{font-size:1rem;line-height:1.4}
.ds-size{display:flex;align-items:center;gap:6px;font:800 1.25rem var(--f-en);color:var(--primary-d,#2E8F85)}
.ds-size .icon-btn{width:32px;height:32px}
.ds-info dl{margin:0;display:grid;gap:3px;font-size:.84rem;width:100%}
.ds-info dl>div{display:flex;gap:6px;flex-wrap:wrap}.ds-info dt{color:var(--muted)}.ds-info dt::after{content:":"}.ds-info dd{margin:0;font-weight:700}
.ds-info p{margin:2px 0 0;font-size:.84rem;color:var(--muted);line-height:1.6}
.ds-dot{width:22px;height:22px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}
.list-row .row-hd:has(.ds-dot){justify-content:flex-start;gap:10px}.list-row .row-hd:has(.ds-dot) .row-acts{margin-inline-start:auto}
.ds-pan{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-bottom:14px}
.ds-pc{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--surface)}
.ds-sw{height:150px;display:flex;align-items:flex-end;padding:14px 16px}.ds-sw b{color:#fff;font:800 1.1rem var(--f-en);text-shadow:0 1px 3px rgba(0,0,0,.25)}
.ds-pi{padding:14px 16px}.ds-pi h3{margin:0 0 4px}.ds-pi p{margin:0 0 10px;color:var(--muted);font-size:.86rem}
.ds-pi dl{margin:0;display:grid;gap:4px}
.ds-pi dl>div{display:grid;grid-template-columns:64px 1fr 32px;align-items:center;gap:8px;padding:4px 0;border-top:1px solid var(--line)}
.ds-pi dt{color:var(--muted);font-size:.82rem}.ds-pi dd{margin:0;font:700 .95rem var(--f-en)}.ds-pi .icon-btn{width:30px;height:30px}
.ds-fonts{display:grid;gap:14px}
.bf-cuts{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}.bf-cuts h4{margin:0 0 6px;font-size:.95rem}
.bf-cut{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px dashed var(--line)}.bf-cut b{font-size:.85rem;color:var(--muted)}.bf-cut p{margin:2px 0 0;font-size:1.25rem}.bf-cuts>.muted{margin:8px 0 0;font-size:.82rem}
.ds-fh{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:space-between;margin-bottom:10px}
.ds-fh h3{margin:0;font:800 1.35rem var(--f-en);color:var(--primary)}.ds-fh small{color:var(--muted)}
.ds-spec{padding:16px;border-radius:14px;background:color-mix(in srgb,var(--primary) 6%,var(--bg))}
.ds-spec p{margin:0;font-size:1.3rem;line-height:1.8;font-weight:400}.ds-spec p.b{font-weight:800}
@media (max-width:1100px){.ds-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:760px){.ds-tabs{gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))!important}.ds-tabs button{padding:10px 4px;font-size:11.5px;line-height:1.35}.ds-tabs button svg{width:20px;height:20px}
  .ds-grid{grid-template-columns:1fr}.ds-card{grid-template-columns:72px 1fr;gap:10px;padding:12px}.ds-prev{width:72px;height:72px}.ds-prev i{max-width:60px;max-height:60px}.ds-size{font-size:1.1rem}.ds-spec p{font-size:1.1rem}}
.ds-wh{white-space:nowrap;unicode-bidi:isolate;direction:ltr}.ds-wh small{font-size:.7em;color:var(--muted);font-weight:700}
.ds-gn{margin:-4px 0 12px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--primary) 8%,var(--bg));font-size:.88rem;line-height:1.7}
.ds-acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ds-lib{flex:1 1 100%}.ds-lib .fld{margin:0}
.ds-cdel{display:flex;justify-content:flex-end;margin-top:10px}
.ds-addf{display:grid;gap:14px}.ds-addf label{display:grid;gap:6px;font-weight:700}
.ds-addf fieldset{border:0;padding:0;margin:0}.ds-addf legend{font-weight:700;margin-bottom:8px}
.ds-icp{display:flex;flex-wrap:wrap;gap:8px}.ds-icp label{display:block;cursor:pointer}.ds-icp input{position:absolute;opacity:0;pointer-events:none}
.ds-icp span{width:46px;height:46px;display:grid;place-items:center;border:1.5px solid var(--line);border-radius:12px;background:var(--surface)}.ds-icp span svg{width:22px;height:22px;color:var(--muted)}
.ds-icp input:checked+span{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,var(--surface))}.ds-icp input:checked+span svg{color:var(--primary)}
.ds-icp input:focus-visible+span{outline:2px solid var(--primary);outline-offset:2px}
@media (max-width:760px){.ds-acts{width:100%}.ds-acts>*{flex:1 1 auto;justify-content:center}}
/* design team > subscriptions */
.sub-hd{align-items:flex-start;gap:12px;flex-wrap:wrap}.sub-hd h2{display:flex;align-items:center;gap:8px}.sub-hd p{margin:4px 0 0}.sub-hd>div{flex:1 1 280px}
.sub-alert{margin:0 0 14px;padding:14px 16px;border-radius:16px;border:1.5px solid color-mix(in srgb,var(--warn) 45%,var(--line));background:color-mix(in srgb,var(--warn) 9%,var(--surface))}
.sub-alert>b{display:flex;align-items:center;gap:8px;margin-bottom:8px}.sub-alert>b svg{width:20px;height:20px;color:var(--warn)}
.sub-alert ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.sub-alert li{display:flex;align-items:center;gap:6px 10px;flex-wrap:wrap;padding:8px 10px;border-radius:12px;background:var(--surface)}
.sub-alert li::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--warn);flex:none}.sub-alert li.expired::before{background:var(--danger)}
.sub-alert li span{font-weight:800}.sub-alert li small{color:var(--muted)}.sub-alert li .btn{margin-inline-start:auto}
.sub-kpis{margin-bottom:14px}
.sub-filt{display:grid;gap:10px;margin-bottom:14px}.sub-filt .chips{margin:0}
.sub-fr{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.sub-fr label{display:grid;gap:4px;font-size:.82rem;font-weight:700;color:var(--muted);flex:1 1 150px}.sub-fr label:first-child{flex:2 1 220px}
.sub-list{display:grid;gap:10px}
.sub-it{border:1px solid var(--line);border-inline-start:4px solid var(--ok);border-radius:16px;padding:14px 16px;background:var(--surface)}
.sub-it.st-soon{border-inline-start-color:var(--warn)}.sub-it.st-expired{border-inline-start-color:var(--danger)}.sub-it.st-none{border-inline-start-color:var(--line)}
.sub-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sub-top b{font-size:1.05rem;margin-inline-end:4px}
.sub-dl{margin:10px 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.sub-dl>div{min-width:0}.sub-dl dt{color:var(--muted);font-size:.78rem}.sub-dl dd{margin:2px 0 0;font-weight:700;font-size:.9rem}
.sub-note{margin:8px 0 0;color:var(--muted);font-size:.86rem}
.sub-acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px;padding-top:10px;border-top:1px dashed var(--line)}.sub-sp{flex:1}
.sub-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sub-form>label{display:grid;gap:6px;font-weight:700}.sub-form .full{grid-column:1/-1}.sub-form .help{margin:-6px 0 0}
.sub-kind{display:flex;gap:8px}.sub-kind label{flex:1;cursor:pointer}.sub-kind input{position:absolute;opacity:0;pointer-events:none}
.sub-kind span{display:block;text-align:center;padding:10px;border:1.5px solid var(--line);border-radius:12px;font-weight:800}
.sub-kind input:checked+span{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary)}
.sub-kind input:focus-visible+span{outline:2px solid var(--primary);outline-offset:2px}
.sub-amt{display:grid;gap:6px;min-width:0}.sub-amt>label{font-weight:700}.sub-amt-r{display:flex;gap:8px;align-items:stretch}.sub-amt-r .inp{flex:1;min-width:0}
.sub-cur{flex:none;gap:6px}.sub-cur span{padding:8px 12px}
.sub-files{display:grid;gap:8px;justify-items:start;padding:12px;border:1px dashed var(--line);border-radius:14px}
.sub-inv{list-style:none;margin:0;padding:0;display:grid;gap:6px;width:100%}
.sub-inv li{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:10px;background:var(--surface-2)}.sub-inv li svg{width:16px;height:16px;color:var(--ok)}
.sub-inv li.new svg{color:var(--primary)}.sub-inv li span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sub-inv li small{color:var(--primary);font-weight:700}
.sub-inv .icon-btn{width:30px;height:30px}.sub-inv .icon-btn svg{color:var(--danger)}
.sub-up{cursor:pointer}
.ds-files{display:grid;gap:6px;width:100%;margin-top:8px}
.ds-file{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--ink);font:inherit;text-align:start;cursor:pointer;transition:border-color .2s,background .2s}
.ds-file:hover,.ds-file:focus-visible{border-color:var(--primary);background:rgb(var(--primary-rgb) / .08)}
.ds-file>svg{width:18px;height:18px;flex:none;color:var(--primary)}
.ds-fx{flex:none;min-width:38px;padding:4px 6px;border-radius:8px;background:var(--primary);color:#fff;font-size:.7rem;font-weight:800;text-align:center;direction:ltr}
.ds-fn{flex:1;min-width:0;display:grid}.ds-fn b{font-size:.84rem;line-height:1.5;overflow-wrap:anywhere}.ds-fn small{color:var(--muted);font-size:.75rem}
.ds-fed{min-width:0}.ds-fed .sub-inv{margin-bottom:8px;min-width:0}.ds-fed .sub-inv li{min-width:0}.ds-fed .sub-upl{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sub-view{text-align:center}.sub-view img{max-width:100%;max-height:75vh;border-radius:12px}
#subF .btn.spin svg{animation:stSpin .9s linear infinite}
@media (max-width:900px){.sub-dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.sub-form{grid-template-columns:1fr}.sub-fr label{flex:1 1 40%}.sub-fr label:first-child{flex-basis:100%}.sub-alert li .btn{margin-inline-start:0}}
.sub-dl dd span[dir=ltr]{white-space:nowrap;display:inline-block}
.sub-card{border:1px solid var(--line);border-radius:14px;padding:10px 12px 12px;margin:0;display:grid;grid-template-columns:120px 1fr 1fr;gap:10px}
.sub-card legend{font-weight:800;padding:0 6px}.sub-card label{display:grid;gap:6px;font-weight:700}.sub-card .help{grid-column:1/-1;margin:0}
.sub-holder{display:block;color:var(--muted);font-weight:600;font-size:.8rem}
@media (max-width:760px){.sub-card{grid-template-columns:1fr}}
/* permissions editor (sections > pages, a level per row) and the read-only lock */
.pt{display:grid;gap:8px}
.pt-sec{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}
.pt-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px}
.pt-row.sec{background:var(--surface-2);font-weight:800}
.pt-row.sub{border-top:1px solid var(--line);padding-inline-start:40px;font-size:var(--fs-sm)}
.pt-n{flex:1 1 180px;display:flex;align-items:center;gap:8px;min-width:0}.pt-n svg{width:18px;height:18px;color:var(--primary-ink);flex:none}
.pt-lv{display:flex;gap:6px;flex-wrap:wrap}
.pt-lv label{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid var(--line);border-radius:999px;cursor:pointer;font-size:.8rem;font-weight:700;background:var(--surface)}
.pt-lv label:has(input:checked){border-color:var(--primary);background:rgb(var(--primary-rgb) / .12);color:var(--primary-ink)}
.pt-lv label:has(input:disabled){opacity:.6;cursor:default}
.pt-lv input{accent-color:var(--primary-ink);width:15px;height:15px;margin:0}
.pt-lv .pt-all{border-style:dashed}
.perm-note{display:flex;align-items:center;gap:8px;margin-bottom:16px}.perm-note svg{width:18px;height:18px}
@media (max-width:560px){.pt-row.sub{padding-inline-start:16px}.pt-n{flex-basis:100%}}
.as-note{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px;border-color:var(--primary)}.as-note span{flex:1 1 220px}.as-note svg{width:18px;height:18px}

.dvb-list{display:grid;gap:8px;max-height:60vh;overflow:auto}
.dvb-row{display:grid;grid-template-columns:minmax(150px,1.2fr) 1fr auto;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:12px}
.dvb-id{display:grid;gap:2px;min-width:0}.dvb-id b{font-family:var(--f-en);font-size:.78rem;text-align:start;overflow-wrap:anywhere}.dvb-id small{color:var(--muted);font-size:.75rem}
@media (max-width:560px){.dvb-row{grid-template-columns:1fr auto}.dvb-id{grid-column:1/-1}}
/* overview: delivery apps block (blue, apart from the brand colours used by the other sources) */
.ov-delivery{--ac:#3A86C8;--ac2:#1F5F99}
.ov-j-delivery{--c:#3A86C8}.ovs-delivery{--c:#3A86C8;--c2:#1F5F99}
.ovs-tiles.n5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1100px){.ovs-tiles.n5{grid-template-columns:repeat(2,minmax(0,1fr))}.ovs-tiles.n5>:last-child{grid-column:1/-1}}
@media (min-width:1101px){.od-k.n5{grid-template-columns:repeat(5,minmax(0,1fr))}.od-k.n5 .ch-kpi>b{font-size:clamp(1.15rem,1.7vw,1.6rem);white-space:nowrap}}
/* delivery: order list with each app's order number */
.dvo-hd{flex-wrap:wrap;gap:10px}.dvo-q{position:relative;margin-inline-start:auto;flex:0 1 260px}.dvo-q svg{position:absolute;inset-inline-start:10px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--muted)}.dvo-q .inp{padding-inline-start:34px;height:38px}
.dvo-r{cursor:pointer}.dvo-r:hover td{background:color-mix(in srgb,var(--primary) 7%,transparent)}
.dvo-no{white-space:nowrap}.dvo-no b{font-family:ui-monospace,monospace;letter-spacing:.3px}.dvo-no .icon-btn{width:28px;height:28px;margin-inline-start:4px;vertical-align:middle}.dvo-no .icon-btn svg{width:14px;height:14px}
.dvo-t{white-space:nowrap;text-align:start}.dvo-more{display:flex;justify-content:center;padding:12px}
.dvo-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.dvo-info>div{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1px solid var(--line);border-radius:12px}.dvo-info small{color:var(--muted)}.dvo-info .btn{align-self:flex-start}.dvo-id{font-size:12px;word-break:break-all;font-weight:600}
.dvo-items{list-style:none;margin:0 0 12px;padding:0;border:1px solid var(--line);border-radius:12px}.dvo-items li{display:flex;align-items:center;gap:10px;padding:10px 12px}.dvo-items li+li{border-top:1px solid var(--line)}.dvo-items span{flex:1}.dvo-items small{color:var(--muted)}
.dvo-sum{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:flex-end;margin-bottom:10px}.dvo-tot b{color:var(--primary-ink,var(--primary));font-size:1.1rem}
@media (max-width:760px){.dvo-q{flex:1 1 100%}}
.dvo-br{display:inline-flex;align-items:center;gap:6px}
.dvo-pin{display:inline-flex;align-items:center;justify-content:center;gap:5px;width:28px;height:28px;border-radius:50%;flex:none;color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent);text-decoration:none;font-weight:700;font-size:var(--fs-sm)}
.dvo-pin svg{width:15px;height:15px}.dvo-pin:hover{background:var(--primary);color:#fff}
.dvo-pin.lbl{width:auto;height:auto;padding:5px 11px;border-radius:999px;align-self:flex-start}
.dvf-bar{display:flex;gap:8px;margin:6px 0 14px}.dvf-bar .inp{flex:1;min-width:0;font-size:1.05rem;letter-spacing:.5px}
.dvf-list{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:12px;max-height:50vh;overflow:auto}
.dvf-list li{display:flex;align-items:center;gap:10px;padding:11px 12px;cursor:pointer}.dvf-list li+li{border-top:1px solid var(--line)}.dvf-list li:hover{background:color-mix(in srgb,var(--primary) 7%,transparent)}
.dvf-list li>b:first-child{font-family:ui-monospace,monospace}.dvf-list li>span:nth-child(2){flex:1;display:flex;flex-direction:column;font-size:var(--fs-sm)}.dvf-list small{color:var(--muted);text-align:start}
/* delivery tabs: one row of 5 on desktop, a swipeable strip on phones */
.dv-tabs{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:4px}
.dv-tabs button span:not(.cnt){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:1100px){.dv-tabs{display:flex;overflow-x:auto;scrollbar-width:none;margin-inline:-4px;padding:2px 4px}.dv-tabs::-webkit-scrollbar{display:none}.dv-tabs button{flex:none}}
@media (max-width:560px){.dv-tabs{display:flex;gap:6px}.dv-tabs button{padding:9px 12px}}
/* admin header (2026-10-22) */
.adm-top{gap:14px;padding:12px 24px;min-height:72px;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);box-shadow:0 1px 0 var(--line),0 6px 18px -14px rgb(0 0 0 / .25);border-bottom:0}
.adm-top::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#5CC4B9,#DAE342 55%,#951B81)}
.adm-top h1{flex:none;font-size:1.25rem;line-height:1.25;margin:0}
.adm-ttl{display:flex;align-items:center;gap:12px;flex:1;min-width:0}
.adm-ttl>div{min-width:0}.adm-ttl small{display:block;color:var(--muted);font-size:var(--fs-sm);font-weight:600;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.adm-ic{flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#5CC4B9,#2E8F85);box-shadow:0 6px 14px -6px rgb(46 143 133 / .7)}
.adm-ic svg{width:22px;height:22px}
.adm-tools{display:flex;align-items:center;gap:8px;flex:none}
.adm-top .save-state{padding:6px 12px;border-radius:999px;background:color-mix(in srgb,var(--ok) 12%,transparent);white-space:nowrap}
.adm-top .save-state.busy{background:color-mix(in srgb,var(--muted) 12%,transparent)}.adm-top .save-state.fail{background:color-mix(in srgb,var(--danger) 12%,transparent)}
.adm-user summary.who{display:flex;align-items:center;gap:10px;padding:4px 6px 4px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface);transition:border-color .15s}
html[dir="rtl"] .adm-user summary.who{padding:4px 4px 4px 10px}
.adm-user summary.who:hover,.adm-user[open] summary.who{border-color:var(--primary)}
.adm-user .who>svg{width:14px;height:14px;color:var(--muted);transform:rotate(-90deg);transition:transform .15s}.adm-user[open] .who>svg{transform:rotate(90deg)}
.who-t{display:flex;flex-direction:column;line-height:1.2;max-width:160px}.who-t b{font-size:var(--fs-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.who-t small{font-size:11px;color:var(--muted);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.adm-user .gr-menu{min-width:240px}
.adm-u-hd{cursor:default!important;background:none!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;margin-bottom:4px;padding-bottom:12px!important}
.adm-u-hd>span:last-child{display:flex;flex-direction:column;min-width:0}.adm-u-hd small{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis}
@media (max-width:900px){
  .adm-top{padding:10px 14px;min-height:62px;gap:10px}
  .adm-top h1{font-size:1.05rem}.adm-ic{width:36px;height:36px;border-radius:11px}.adm-ic svg{width:18px;height:18px}
  .adm-day,.adm-site,.who-t,.adm-user .who>svg{display:none}
  .adm-user summary.who,html[dir="rtl"] .adm-user summary.who{padding:2px;border:0}
  .adm-top .who-t{display:none}
}
@media (max-width:560px){.adm-ic{display:none}.adm-top .save-state{padding:5px 9px;font-size:12px}.adm-tools{gap:4px}}
.adm-top .who .avatar,.adm-u-hd .avatar{display:grid}.adm-u-hd>span:last-child{display:flex}
/* ===== admin sidebar + page polish (2026-10-22) ===== */
.adm-side{padding:0 12px 12px;gap:0;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 7%,var(--surface)) 0,var(--surface) 220px);scrollbar-width:thin}
.side-hd{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:10px;padding:16px 8px 14px;margin:0 -12px 6px;padding-inline:20px;background:inherit;backdrop-filter:blur(10px)}
.side-hd .logo{padding:0}.side-hd .logo svg{height:40px}
.side-tag{font-size:11px;font-weight:800;color:var(--primary-ink,var(--primary));background:rgb(var(--primary-rgb) / .12);padding:4px 10px;border-radius:999px;white-space:nowrap}
.side-x{display:none;margin-inline-start:auto}
.adm-nav{gap:2px;padding-bottom:10px}
.nav-hd{font-size:11px;font-weight:800;letter-spacing:.2px;color:var(--muted);padding:16px 12px 6px;opacity:.85}
.adm-nav button{position:relative;padding:7px 10px;border-radius:12px;font-size:.93rem;transition:background .15s,color .15s}
.nav-ic{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--surface-2);color:var(--muted);transition:background .15s,color .15s,box-shadow .15s;font-style:normal}
.nav-ic svg{width:18px;height:18px}
.adm-nav button:hover .nav-ic{background:rgb(var(--primary-rgb) / .14);color:var(--primary)}
.adm-nav>button.on,.adm-nav .nav-grp>button.on{background:rgb(var(--primary-rgb) / .12);color:var(--fg)}
.adm-nav button.on .nav-ic{background:linear-gradient(135deg,#5CC4B9,#2E8F85);color:#fff;box-shadow:0 6px 12px -6px rgb(46 143 133 / .8)}
.adm-nav>button.on::after,.adm-nav .nav-grp>button.on::after{content:"";position:absolute;inset-block:10px;inset-inline-start:-12px;width:4px;border-radius:0 4px 4px 0;background:var(--primary)}
html[dir="rtl"] .adm-nav>button.on::after,html[dir="rtl"] .adm-nav .nav-grp>button.on::after{border-radius:4px 0 0 4px}
.nav-subs{margin:2px 0 8px;margin-inline-start:26px;padding-inline-start:14px;border-inline-start:2px solid rgb(var(--primary-rgb) / .22)}
.adm-nav .nav-subs button{padding:7px 10px;color:var(--muted)}
.adm-nav .nav-subs button:hover{background:rgb(var(--primary-rgb) / .08)}
.adm-nav .nav-subs button.on{color:var(--primary-ink,var(--primary));background:rgb(var(--primary-rgb) / .08)}
.adm-side .bottom{position:sticky;bottom:-12px;margin:auto -12px -12px;padding:10px 12px 14px;background:var(--surface);display:grid;gap:2px;border-top:1px solid var(--line)}
.side-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border:0;border-radius:10px;background:none;color:var(--muted);font:inherit;font-size:var(--fs-sm);font-weight:700;text-decoration:none;cursor:pointer;text-align:start}
.side-link svg{width:17px;height:17px}.side-link:hover{background:var(--surface-2);color:var(--fg)}.side-link.dang:hover{color:#c2410c;background:color-mix(in srgb,#c2410c 8%,transparent)}
/* page: soft tinted background so white panels stand out */
.adm-main{background:color-mix(in srgb,var(--primary) 3%,var(--bg))}
.adm-body{padding:26px 28px 40px;max-width:1500px;width:100%;margin-inline:auto;box-sizing:border-box}
.adm-body .panel{box-shadow:0 1px 2px rgb(15 40 38 / .04),0 8px 24px -18px rgb(15 40 38 / .18)}
.adm-body .panel-hd h2,.adm-body .panel>h2{letter-spacing:-.2px}
@media (max-width:900px){
  .adm-side{width:300px}.side-x{display:inline-grid}
  .adm-body{padding:16px 14px 32px}
}
.tk-table td .dvo-br+small{display:block;max-width:280px;white-space:normal;color:var(--muted);margin-top:3px;line-height:1.5}

/* Taker: second KPI row + day x hour heat map */
.tk-k2 .ch-kpi b{font-size:1.35rem}.tk-k2 .ch-kpi.warn b{color:#c2410c}
.dv-table td small{display:block;color:var(--muted);font-size:.72rem}
.tk-heat-sum{margin:0 0 12px;color:var(--muted);font-size:var(--fs-sm)}.tk-heat-sum b{color:var(--text)}
.tk-heat-wrap{overflow-x:auto;padding-bottom:4px}
.tk-heat{display:grid;grid-template-columns:auto repeat(var(--n),minmax(24px,1fr));gap:3px;align-items:center;font-size:.72rem;min-width:calc(var(--n)*27px + 60px)}
.tk-heat>b{font-weight:700;color:var(--text);padding-inline-end:8px;white-space:nowrap}.tk-heat>b.off{color:var(--muted);font-weight:500}
.tk-heat>small{text-align:center;color:var(--muted);font-size:.66rem;white-space:nowrap}
.tk-heat>i{display:flex;align-items:center;justify-content:center;height:30px;border-radius:6px;font-style:normal;font-weight:700;font-size:.7rem;background:var(--surface-2);color:transparent}
.tk-heat .l1{background:#D5EFEC;color:#2D6E68}.tk-heat .l2{background:#9FDAD3;color:#1F5C56}.tk-heat .l3{background:#5CC4B9;color:#fff}.tk-heat .l4{background:#2A9D92;color:#fff}.tk-heat .l5{background:#11645C;color:#fff}
.tk-heat>i.pk{box-shadow:0 0 0 2px var(--plum);position:relative;z-index:1}
.tk-heat-t{text-align:start}.tk-heat>em.tk-heat-t{position:relative;display:flex;align-items:center;height:30px;font-style:normal;padding-inline-start:8px}
.tk-heat>em span{position:absolute;inset-inline-start:0;top:6px;bottom:6px;border-radius:4px;background:color-mix(in srgb,var(--primary) 22%,transparent)}.tk-heat>em b{position:relative;font-weight:700}
.tk-heat-leg{display:flex;align-items:center;gap:6px;justify-content:flex-start;flex-wrap:wrap;margin-top:12px;font-size:.75rem;color:var(--muted)}
.tk-heat-leg>i{width:22px;height:12px;border-radius:3px}.tk-heat-leg .l1{background:#D5EFEC}.tk-heat-leg .l2{background:#9FDAD3}.tk-heat-leg .l3{background:#5CC4B9}.tk-heat-leg .l4{background:#2A9D92}.tk-heat-leg .l5{background:#11645C}
.tk-heat-pk{display:inline-flex;align-items:center;gap:6px;margin-inline-start:14px}.tk-heat-pk i{width:14px;height:12px;border-radius:3px;box-shadow:0 0 0 2px var(--plum)}
:root[data-theme="dark"] .tk-heat .l1{background:#1D3F3C;color:#9FDAD3}:root[data-theme="dark"] .tk-heat .l2{background:#246159;color:#D5EFEC}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .tk-heat .l1{background:#1D3F3C;color:#9FDAD3}:root:not([data-theme="light"]) .tk-heat .l2{background:#246159;color:#D5EFEC}}

/* overview: Taker block + 6 summary tiles */
.ov-taker{--ac:#D9645A;--ac2:#B4443A}.ov-j-taker{--c:#D9645A}.ovs-taker{--c:#D9645A;--c2:#B4443A}
.ovs-tiles.n6{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1100px){.ovs-tiles.n6{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---- reports on the Kiffa letterhead (brand: teal #5CC4B9, navy #002147, lime #DAE342, purple #951B81) ---- */
.lh{--nv:#002147;--tl:#5CC4B9;--tli:#138A86;--tlt:#EAF7F6;--lm:#DAE342;--lmt:#F8FADD;--pr:#951B81;--prt:#F6E8F3;--ink:#1C2629;--mu:#556464;--ln:#D9E6E5;--zb:#F3F6F9;
  background:#fff;color:var(--ink);-webkit-print-color-adjust:exact;print-color-adjust:exact;position:relative}
.lh-fix{position:fixed;inset:0;pointer-events:none;z-index:0}
.lh-logo{position:absolute;left:35pt;top:52pt;width:108pt;height:60pt;display:block}.lh-logo svg{width:100%;height:100%;display:block}
.lh-bar{position:absolute;top:0;bottom:0;right:0;width:21pt;background:#27BEBC;display:block}
.lh-foot{position:absolute;left:34pt;bottom:15pt;width:278pt;height:auto;display:block}
.lh-flow{width:100%;border-collapse:collapse;position:relative;z-index:1}.lh-flow>*>tr>td{padding:0;border:0;background:none!important}
.lh-sp-t{height:132pt}.lh-sp-b{height:64pt}
.lh .lh-body{padding:0 58pt 0 40pt!important;position:relative;z-index:1}
.lh-im{min-height:842pt;padding:132pt 0 72pt;box-sizing:border-box}.lh-im .lh-foot{bottom:18pt}
.lh .rp{font-family:"Frutiger LT Arabic","IBM Plex Sans Arabic",var(--f-ar);font-weight:400;font-size:9.5pt;line-height:1.6;color:var(--ink)}
.lh .rp b,.lh .rp strong{font-weight:700}
.lh .rp-hd{display:block;background:none;color:var(--ink);border-radius:0;padding:0 0 10pt;margin:0 0 14pt;border-bottom:1pt solid var(--ln);position:relative}
.lh .rp-kick{display:inline-block;background:var(--lm);color:var(--ink);font-size:8.5pt;font-weight:700;padding:1pt 10pt;border-radius:9pt;margin-bottom:6pt}
.lh .rp-t h1{font-size:20pt;line-height:1.3;color:var(--tli);font-weight:700;margin:0 0 3pt}
.lh .rp-t p{margin:0;color:var(--mu);font-size:9.5pt;opacity:1}
.lh .rp-issued{position:absolute;left:0;bottom:10pt;text-align:left;color:var(--mu);font-size:8.5pt;opacity:1;line-height:1.4}.lh .rp-issued b{color:var(--nv);font-size:9pt}
.lh .rp-kpis{gap:8pt;margin:0 0 14pt}
.lh .rp-kpi{background:#fff;border:.75pt solid var(--ln);border-top:3pt solid var(--tl);border-radius:4pt;padding:7pt 9pt}
.lh .rp-kpi:nth-child(4n+2){border-top-color:var(--nv)}.lh .rp-kpi:nth-child(4n+3){border-top-color:var(--lm)}
.lh .rp-kpi small{color:var(--mu);font-weight:600;font-size:8.5pt;line-height:1.4}
.lh .rp-kpi b{font-family:Lato,"IBM Plex Sans Arabic",sans-serif;font-weight:900;font-size:15pt;line-height:1.25;color:var(--tli)}
.lh .rp-kpi:nth-child(4n+2) b{color:var(--nv)}
.lh .rp-kpi span{font-size:8pt;color:var(--mu)}
.lh .st-d.up{color:var(--tli)}.lh .st-d.down{color:var(--pr)}
.lh .rp-card{border:0;border-radius:0;padding:0;margin:0 0 14pt;background:none}
.lh .rp-card h3{display:block;font-size:12pt;line-height:1.3;color:var(--nv);font-weight:700;padding-inline-start:8pt;border-inline-start:4pt solid var(--tl);margin:0 0 7pt}
.lh .rp-card h3::before{display:none}
.lh .rp-grid{gap:0 16pt}
.lh .rp table{border-collapse:collapse}
.lh .rp th{background:var(--nv);color:#fff;font-weight:600;font-size:8.5pt;padding:4pt 6pt;border:0}
.lh .rp td{padding:3.5pt 6pt;border-bottom:.5pt solid var(--ln);font-size:9pt}
.lh .rp tbody tr:nth-child(even) td{background:var(--zb)}
.lh .rp td:first-child i{background:var(--tl);height:3pt;border-radius:2pt}
.lh .rp .rp-v{font-family:Lato,"IBM Plex Sans Arabic",sans-serif;color:var(--ink)}.lh .rp .rp-p{font-family:Lato,sans-serif;color:var(--tli)}
.lh .rp-bars i{background:var(--tl);border-radius:2pt 2pt 0 0}.lh .rp-bars b,.lh .rp-bars small{color:var(--mu)}
.lh .rp-bars2 i.b,.lh .rp-dot.b{background:var(--nv)}.lh .rp-cmp-b{border-top-color:var(--nv)}
.lh .rp-ins ul{gap:4pt}.lh .rp-ins li{background:var(--tlt);border-inline-start:3pt solid var(--tl);border-radius:3pt;color:var(--ink);font-size:9pt;padding:4pt 8pt}
.lh .rp-ins li.warn{background:var(--prt);border-color:var(--pr)}.lh .rp-ins li.good{background:var(--lmt);border-color:var(--lm)}
.lh .rp-note{color:var(--mu)}
.lh .rp-end{display:flex;justify-content:space-between;align-items:flex-end;gap:16pt;margin-top:12pt;break-inside:avoid}
.lh .rp-src{font-size:8.5pt;color:var(--mu);margin:0;flex:1}
.lh .rp-sign{text-align:left;font-size:9pt;line-height:1.5;flex:none}.lh .rp-sign small{display:block;color:var(--mu)}.lh .rp-sign b{color:var(--nv)}
.lh .rp-cnt{background:var(--tl)}.lh .rp-al{color:var(--pr)}

.lh .rp-t h1,.lh .rp-card h3{font-weight:900}
.lh .rp th,.lh .rp-kick,.lh .rp-kpi small,.lh .rp-sign b,.lh .rp-issued b{font-weight:700}
.bf-list{display:grid;gap:8px}.bf-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--line);border-radius:12px}
.bf-row>div{flex:1;min-width:180px}.bf-row small{display:block;color:var(--muted)}

.dvd-kpi{display:flex;gap:10px;flex-wrap:wrap}.dvd-kpi span{flex:1;min-width:110px;background:var(--surface-2);border-radius:12px;padding:10px 12px;font-size:var(--fs-sm);color:var(--muted)}.dvd-kpi b{display:block;font-size:1.3rem;color:var(--fg)}
.dvd-row{border:1px solid var(--line);border-radius:12px;padding:10px;margin-bottom:10px}.dvd-hd{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:6px}.dvd-hd small{color:var(--muted)}
.dvd-raw{margin:0;max-height:220px;overflow:auto;background:var(--surface-2);border-radius:8px;padding:8px;font-size:.75rem;line-height:1.5;white-space:pre-wrap;word-break:break-all;text-align:left}

.zo-card{border:1px solid var(--line);border-radius:14px;padding:14px}
.zo-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.zo-top small{display:block;color:var(--muted)}.zo-top b{font-family:ui-monospace,monospace;font-size:1.25rem}
.zo-tag{font-size:1rem;padding:6px 14px}
.zo-flow{list-style:none;display:flex;margin:0 0 16px;padding:0}.zo-flow li{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;font-size:var(--fs-sm);color:var(--muted);text-align:center}
.zo-flow li i{width:14px;height:14px;border-radius:50%;background:var(--line);position:relative;z-index:1}.zo-flow li+li::before{content:'';position:absolute;top:6px;inset-inline-end:50%;width:100%;height:2px;background:var(--line)}
.zo-flow li.on{color:var(--text)}.zo-flow li.on i,.zo-flow li.on::before{background:var(--primary)}.zo-flow li.cur i{box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 25%,transparent)}.zo-flow li.cur{font-weight:700;color:var(--primary)}
.zo-h{margin:4px 0 8px;font-size:var(--fs-sm);color:var(--muted)}
.zo-hist{list-style:none;margin:0 0 12px;padding:0}.zo-hist li{display:flex;align-items:flex-start;gap:10px;padding:8px 2px}.zo-hist li+li{border-top:1px dashed var(--line)}.zo-hist span{flex:1;display:flex;flex-direction:column}.zo-hist small{color:var(--muted)}
.zo-dot{width:10px;height:10px;border-radius:50%;margin-top:6px;background:var(--muted);flex:none}.zo-dot.green{background:#2E9E5B}.zo-dot.red{background:#C2414B}.zo-dot.amber{background:#D99A1E}.zo-dot.plum{background:var(--plum)}.zo-dot.lime{background:#9BC23C}.zo-dot:not([class*=' ']){background:var(--primary)}
.zo-btns{display:flex;flex-wrap:wrap;gap:6px}.zo-foot{display:flex;justify-content:flex-end}
@media (max-width:560px){.zo-flow li span{font-size:11px}.zo-m .dvo-info{grid-template-columns:1fr}}
.tkr-list{list-style:none;margin:10px 0 0;padding:0}.tkr-list li{padding:12px 4px;border-top:1px solid var(--line)}.tkr-list li.bad{background:color-mix(in srgb,var(--danger) 5%,transparent)}
.tkr-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tkr-top small{margin-inline-start:auto;color:var(--muted)}
.tkr-sc{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:6px;font-size:var(--fs-sm);color:var(--muted)}.tkr-sc .btn{margin-inline-start:auto}
.tkr-note{margin:8px 0 0;padding:8px 12px;border-radius:10px;background:var(--surface-2);line-height:1.7}
.tkr-low{color:var(--danger)}.tkr-br{width:auto;max-width:220px;margin-inline-start:auto}
.tkr-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:16px;margin-bottom:16px;align-items:start}.tkr-grid .panel{margin:0}@media (max-width:1400px){.tkr-grid{grid-template-columns:1fr}}
.st-kpis .kpi b em{font-size:.45em;font-style:normal;font-weight:600;color:var(--muted)}
.tkr-h{margin:16px 0 8px;font-size:var(--fs-sm);color:var(--muted)}.tkr-ty{list-style:none;margin:0;padding:0}.tkr-ty li{display:flex;align-items:center;gap:8px;padding:8px 0;border-top:1px solid var(--line)}.tkr-ty span{flex:1;font-weight:700}.tkr-ty small{color:var(--muted)}
.tk-acts{display:flex;align-items:center;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;padding:12px 0 14px;border-bottom:1px solid var(--line);margin-bottom:12px}
.tk-acts>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tk-head .panel-hd{margin-bottom:4px}
.tkb-m .kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.tkb-m .tkb-k{grid-template-columns:repeat(2,1fr)}.tkb-m .tkb-k .tkb-main{grid-column:1/-1}.tkb-m .kpi b{white-space:nowrap}.tkb-del .kpis{grid-template-columns:repeat(3,1fr)}@media(max-width:620px){.tkb-del .kpis{grid-template-columns:1fr}}.tkb-m .panel{margin:12px 0 0}.tkb-main{background:linear-gradient(135deg,#1E7D74,#5CC4B9);color:#fff}.tkb-main small,.tkb-main .sub{color:rgb(255 255 255 / .85)}
@media (max-width:760px){.tk-acts>div{width:100%}.tk-acts>div:first-child .btn{flex:1 1 auto}}
.br-new .req{color:#c2410c}.br-new-sw{grid-column:1/-1;display:flex;gap:12px 22px;flex-wrap:wrap;margin-top:4px}.br-new .err-note{color:#b42318;font-weight:600;margin:10px 0 0}.br-new .toolbar.end{justify-content:flex-end;margin-top:14px;display:flex;gap:8px}
.list-row.flash{animation:brFlash 2s ease}@keyframes brFlash{0%,40%{box-shadow:0 0 0 3px var(--brand,#5CC4B9)}100%{box-shadow:none}}
.eomt{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,400px);gap:18px;align-items:start}
.eomt-f{display:grid;gap:12px;margin:0}.eomt-f .fld{margin:0}
.eomt-pv{position:sticky;top:calc(var(--hdh,70px) + 12px)}.eomt-prev svg{display:block;width:100%;height:auto;border-radius:14px;box-shadow:0 6px 24px rgb(0 0 0 / .12)}
.eomt-imp{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.eomt-imp small{flex:1;min-width:200px}
.eomt-d{border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:grid;gap:8px}.eomt-dh{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.eomt-dh .muted{flex:1}.eomt-d .chips{margin:0}
.eomt-n{display:flex;gap:6px;flex-wrap:wrap}.eomt-n button{width:44px;height:40px;border-radius:10px;border:1px solid var(--line);background:var(--card,#fff);color:inherit;font:inherit;font-weight:700;cursor:pointer}.eomt-n button.on{background:var(--primary-ink);border-color:var(--primary-ink);color:#fff}
.eomt-names{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.eomt-col{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.eomt-col input[type=color]{width:52px;height:40px;padding:2px;border-radius:10px;border:1px solid var(--line);background:none;cursor:pointer}
.eomt-sw{display:flex;gap:6px;flex-wrap:wrap}.eomt-sw button{width:26px;height:26px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--line);cursor:pointer;padding:0}.eomt-sw button.on{box-shadow:0 0 0 2px var(--primary-ink)}
.eomt-txt summary{cursor:pointer;font-weight:700}.eomt-txt textarea{width:100%;margin:8px 0 4px;line-height:1.8}
.eomt-go{display:flex;justify-content:flex-start;gap:8px;flex-wrap:wrap}
@media(max-width:1100px){.eomt{grid-template-columns:1fr}.eomt-pv{position:static;max-width:380px;margin-inline:auto;width:100%;order:-1}}
.idt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.idt-card{margin:0;display:flex;flex-direction:column;gap:8px}.idt-card h3{margin:4px 0 0}.idt-card p{margin:0}
.idt-views{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:10px}.idt-v{margin:0;border-radius:12px;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px;position:relative;border:1px solid var(--line)}
.idt-v.light{background:#fff}.idt-v.teal{background:#5CC4B9;border-color:#5CC4B9}.idt-v img{max-width:80%;max-height:110px;object-fit:contain}.idt-pattern .idt-v img{max-width:100%;max-height:120px}.idt-guide .idt-v img{max-height:150px;box-shadow:0 2px 10px rgb(0 0 0 / .12)}
.idt-v figcaption{position:absolute;top:8px;inset-inline-start:10px;font-size:11px;font-weight:700;padding:1px 8px;border-radius:999px;background:rgb(0 0 0 / .08);color:#24524e}.idt-v.teal figcaption{background:rgb(255 255 255 / .25);color:#fff}
.idt-files{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin-top:auto;padding-top:6px}.idt-f{display:flex;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:10px;color:inherit;text-decoration:none}.idt-f:hover{border-color:var(--primary,#5CC4B9);color:var(--primary-ink)}
.idt-f svg{width:18px;height:18px;flex:none}.idt-f span{display:grid;line-height:1.3}.idt-f b{font-size:13px}.idt-f small{font-size:11px;color:var(--muted)}
.idt-more{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
@media(max-width:900px){.idt-grid{grid-template-columns:1fr}}

/* product search (Taker, delivery apps, e-store) */
.ps-box{position:relative;display:flex;align-items:center;margin:4px 0 14px}
.ps-box>svg{position:absolute;inset-inline-start:14px;width:18px;height:18px;color:var(--primary);pointer-events:none}
.ps-box input{width:100%;padding:12px 44px 12px 14px;border:1.5px solid var(--line);border-radius:12px;background:var(--surface);font:inherit;font-size:1rem;color:inherit}
.ps-box input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}
.ps-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.ps-kpis .kpi b{font-size:1.5rem}
.ps-panel{min-width:0;max-width:100%;grid-template-columns:minmax(0,1fr)}.ps-panel>*{min-width:0}.ps-panel .tk-table-wrap{max-width:100%}
.ps-table{margin-top:12px}
@media (max-width:760px){.ps-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ps-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:4px 0 14px}.ps-row .ps-box{flex:1 1 260px;margin:0}
.ps-chips,.ps-saved{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:2px 0 10px}
.ps-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 8px 6px 12px;border-radius:999px;background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary-d,var(--primary));font-weight:700;font-size:.9rem}
.ps-chip button,.ps-sv .x{display:inline-grid;place-items:center;width:22px;height:22px;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;padding:0}
.ps-chip button:hover,.ps-sv .x:hover{background:color-mix(in srgb,var(--primary) 20%,transparent)}
.ps-chip svg,.ps-sv svg{width:14px;height:14px}
.ps-clr{border:0;background:none;color:var(--muted);font:inherit;font-size:.85rem;cursor:pointer;text-decoration:underline}
.ps-saved small{color:var(--muted);font-weight:700}
.ps-sv{display:inline-flex;align-items:center;border:1.5px solid color-mix(in srgb,var(--plum,#7b3f6e) 35%,var(--line));border-radius:999px;padding:2px 4px 2px 2px}
.ps-sv>button:first-child{display:inline-flex;align-items:center;gap:6px;border:0;background:none;font:inherit;font-weight:700;font-size:.9rem;padding:4px 10px;cursor:pointer;color:inherit}
.ps-sv>button:first-child svg{color:var(--plum,#7b3f6e)}
@media (max-width:560px){.ps-row .btn{flex:1 1 auto}}

/* Odoo (e-store > أودو) */
.zd-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}
@media (max-width:1180px){.zd-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.zd-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.od-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.od-kpis .od-last{font-size:1.15rem;line-height:1.5}
@media (max-width:760px){.od-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.od-man-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-bottom:10px}.od-man-row .fld{margin:0;flex:0 1 180px}.od-man-row .btn{flex:0 0 auto}
@media (max-width:560px){.od-man-row .fld{flex:1 1 40%}.od-man-row .btn{flex:1 1 100%}}
.od-um{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.od-um:last-child{border:0}.od-um b{white-space:nowrap;color:var(--muted)}
.od-chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.od-chips button{border:1.5px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 14px;font:inherit;font-weight:700;cursor:pointer;color:inherit}
.od-chips button.on{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary)}
.od-chips small{color:var(--muted);font-weight:700;margin-inline-start:4px}
.od-err{max-width:340px;font-size:.88rem}.od-err small{display:block;color:var(--warn);margin-top:2px}
.od-set{display:grid;gap:12px;align-content:start}.od-set .fld{margin:0}
.od-pm{display:grid;gap:6px}.od-pm>span{font-weight:700}.od-pm label{display:flex;gap:8px;align-items:center}