/* ===== brand identity cover ===== */
.kind.brand::before{width:8px;height:8px;background:var(--cyan);transform:rotate(45deg);border-radius:1px}
.dot.brand{background:var(--cyan)}
.svc[data-k=brand]{--c:var(--cyan)}
.art.brand{background:radial-gradient(90% 90% at var(--x,70%) 20%,color-mix(in oklch,var(--cyan) 35%,transparent),transparent 60%),var(--ink3);display:grid;place-items:center}
.art.brand .ttl{display:none}

/* ===== social styles + shapes ===== */
.socx.glass a{background:color-mix(in srgb,var(--paper) 7%,transparent);backdrop-filter:blur(10px);border-color:color-mix(in srgb,var(--paper) 16%,transparent);color:var(--paper)}
.socx.glass a:hover{border-color:var(--bc);color:var(--bc)}
.socx.glass a.cc:hover{color:var(--paper)}
.socx.accent a{background:linear-gradient(var(--ink2),var(--ink2)) padding-box,linear-gradient(135deg,var(--cyan),var(--violet),var(--mag)) border-box;border:1px solid transparent;color:var(--paper)}
.socx.accent a:hover{background:linear-gradient(135deg,var(--cyan),var(--violet)) padding-box,linear-gradient(135deg,var(--cyan),var(--violet),var(--mag)) border-box;color:#fff}
.socx.minimal a{border-color:transparent;width:32px}
.socx.minimal a:hover{color:var(--bc)}
.socx.minimal a.cc:hover{color:var(--paper)}
.socx.sh-rounded a{border-radius:12px}
.socx.sh-square a{border-radius:4px}
.socx.label.sh-circle a{border-radius:999px}
.hero-soc{display:flex;align-items:center;gap:14px;margin-top:34px;color:var(--mute2);flex-wrap:wrap}

/* ===== mascot «هلو» ===== */
.hero-mark{display:grid;justify-items:center}
.helo{display:flex;align-items:flex-end;gap:12px;margin-top:-30px;position:relative;z-index:2}
.helo-f{position:relative;width:84px;height:84px;padding:8px;border-radius:24px;background:var(--ink2);border:1px solid var(--line);box-shadow:0 20px 50px -20px var(--shadow);animation:heloBob 3s ease-in-out infinite;flex:none}
.hero-mark .helo-f svg,.helo-f svg{width:100%!important;height:100%!important;filter:none!important}
.helo-f .eye{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--ink);top:32%;animation:blink 4s infinite}
.helo-f .eye.l{left:calc(8px + 12%)}.helo-f .eye.r{left:calc(8px + 20%)}
.helo-b{max-width:240px;background:var(--paper);color:var(--ink);padding:12px 16px;border-radius:18px 18px 4px 18px;font-size:14px;font-weight:400;line-height:1.5;position:relative;box-shadow:0 18px 40px -16px var(--shadow);text-wrap:pretty}
[dir=rtl] .helo-b{border-radius:18px 18px 18px 4px}
.helo.corner{position:fixed;bottom:92px;inset-inline-end:22px;z-index:69;margin:0}
.helo.corner .helo-f{width:62px;height:62px;border-radius:18px;padding:6px}
.helo.corner .helo-f .eye{width:4px;height:4px}
.helo.corner .helo-f .eye.l{left:calc(6px + 12%)}.helo.corner .helo-f .eye.r{left:calc(6px + 20%)}
.helo-x{position:absolute;top:-8px;inset-inline-start:-8px;width:22px;height:22px;border-radius:50%;border:0;background:var(--ink);color:var(--paper);cursor:pointer;font-size:13px;line-height:1}
@keyframes heloBob{50%{transform:translateY(-6px)}}
@keyframes blink{0%,92%,100%{transform:scaleY(1)}96%{transform:scaleY(.1)}}
@media (max-width:960px){.helo.corner .helo-b{display:none}}

/* ===== admin additions ===== */
.th-k.brand{background:radial-gradient(80% 80% at 70% 30%,color-mix(in oklch,#2FD4F0 60%,transparent),transparent),#141C42}
.dash-wk{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.dw{display:grid;gap:6px;text-align:start;background:none;border:0;padding:0;cursor:pointer;color:var(--paper);font:inherit;align-content:start}
.dw-im{aspect-ratio:4/3;border-radius:12px;overflow:hidden;position:relative;border:1px solid var(--line);background:var(--ink3)}
.dw-im img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.dw:hover .dw-im img{transform:scale(1.04)}
.dw b{font-weight:500;font-size:14px;line-height:1.35}
.dw small{color:var(--mute2);font-size:12px}
.shp{width:30px;height:30px;border:1.5px solid var(--mute);display:block}
.shp.sh-circle{border-radius:50%}.shp.sh-rounded{border-radius:9px}.shp.sh-square{border-radius:3px}
@media (max-width:900px){.dash-wk{grid-template-columns:1fr 1fr}}