/* ── footer-01 · فوتر بأربع كتل + شريط سفلي ──
   🔑 `auto-fit` بدل عدد أعمدة ثابت ⇒ ما بينكسر لو زادت كتلة أو نقصت.
   🔑 كل النصوص اللاتينية (المعرّفات، السنة) `direction:ltr` — درس متكرّر. */
.ftr01{background:var(--bg-2);padding-block:var(--s-8) var(--s-3);
       margin-top:var(--s-8);border-top:1px solid var(--line)}
.ftr01 .cols{display:grid;gap:var(--s-6);
             grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
             padding-bottom:var(--s-6);border-bottom:1px solid var(--line)}
.ftr01 .col{min-width:0}

.ftr01 .brand{display:flex;align-items:center;gap:11px;margin-bottom:var(--s-2)}
.ftr01 .mark{width:38px;height:38px;border-radius:11px;flex:none;
             background:var(--accent);color:var(--on-accent);display:grid;
             place-items:center;font-size:20px;font-weight:900;line-height:1;
             font-family:var(--lat)}
/* 🖼️ نفس `mk-art` تبع `header-01` — رمز صورة بلا مربّع (شرحه هناك). */
.ftr01 .mark.mk-art{background:none;border-radius:0;width:auto;height:38px}
.ftr01 .mark.mk-art img{display:block;height:100%;width:auto}
.ftr01 .bname b{font-size:18px;font-weight:800;letter-spacing:-.01em}
.ftr01 .about{font-size:15px;color:var(--muted);line-height:1.75;max-width:34ch}

.ftr01 h3{font-size:13px;font-weight:700;letter-spacing:.06em;
          color:var(--muted);margin-bottom:var(--s-2);text-transform:none}
.ftr01 ul{list-style:none;display:grid;gap:10px}
.ftr01 ul a{font-size:15.5px;transition:color .2s ease}
.ftr01 ul a:hover{color:var(--accent)}

.ftr01 .wa{display:inline-flex;align-items:center;gap:9px;font-weight:700;
           font-size:15.5px;color:var(--accent);margin-bottom:10px}
.ftr01 .wa svg{width:18px;height:18px;fill:currentColor}
.ftr01 .handle{display:block;font-size:15.5px;color:var(--muted);
               margin-bottom:10px}
.ftr01 .handle a{color:var(--fg);font-weight:700}
.ftr01 .note{font-size:14px;color:var(--muted);line-height:1.7}

.ftr01 .bottom{display:flex;flex-wrap:wrap;gap:var(--s-2);
               align-items:center;justify-content:space-between;
               padding-top:var(--s-3);font-size:13.5px;color:var(--muted)}
.ftr01 .bottom .lat{direction:ltr}
.ftr01 .bottom a{color:var(--muted)}
.ftr01 .bottom a:hover{color:var(--accent)}