/* =========================================================
   الفوتر — العلامة الكبيرة
   ========================================================= */
footer.ft{margin-top:84px;padding:14px 0 0;background:var(--surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;position:relative;overflow:hidden}

/* سؤال + أزرار */
.ft-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:48px 0 38px;flex-wrap:wrap}
.ft-cta h2{font-size:clamp(30px,4.2vw,52px);font-weight:700;line-height:1.15;letter-spacing:-.5px}
.ft-cta h2 span{color:var(--primary)}
.ft-cta p{color:var(--muted);margin-top:8px}
.ft-btns{display:flex;gap:10px;flex-wrap:wrap}
.ft-btns .btn{height:56px;padding-inline:26px;font-size:15px}

/* الروابط */
.ft-links{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;border-block:1px solid var(--line);flex-wrap:wrap}
.ft-links nav{display:flex;gap:4px;flex-wrap:wrap}
.ft-links nav a{font-size:14px;padding:8px 14px;border-radius:var(--rr);color:var(--ink-2);transition:.2s}
.ft-links nav a:hover{background:var(--bg);color:var(--primary)}
.ft-soc{display:flex;gap:8px}
.ft-soc a{width:40px;height:40px;border-radius:var(--rr);display:grid;place-items:center;border:1.5px solid var(--line);transition:.25s}
.ft-soc a:hover{background:var(--ink);color:#fff;border-color:var(--ink)}

/* الاسم الكبير */
.ft-giant{position:relative;padding-top:26px;line-height:0;overflow:hidden}
.ft-giant svg{display:block;width:100%;height:auto;aspect-ratio:520/39;fill:var(--ink);direction:ltr;transform:translateY(40%);opacity:0;transition:transform 1.1s cubic-bezier(.2,.8,.2,1),opacity .8s}
.ft-giant.in svg{transform:none;opacity:1}
.ft-giant::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--surface) 0%,transparent 50%);pointer-events:none}

/* العودة للأعلى */
.ft-top{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);width:54px;height:54px;border-radius:var(--rr);background:var(--ink);color:#fff;display:grid;place-items:center;box-shadow:var(--shadow-md);transition:.3s;z-index:2}
.ft-top:hover{background:var(--primary);transform:translateX(-50%) translateY(-4px)}
.ft-top .icon{transform:rotate(90deg)}

/* السطر الأخير */
.ft-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0 26px;font-size:12.5px;color:var(--muted);flex-wrap:wrap}
.ft-contact a:hover{color:var(--primary)}

@media (max-width:960px){
  .ft-links{flex-direction:column;align-items:flex-start}
  .ft-links nav{margin-inline:-14px}
}
@media (max-width:640px){
  footer.ft{margin-top:60px;border-radius:28px 28px 0 0}
  .ft-cta{padding:34px 0 28px}
  .ft-btns{width:100%}
  .ft-btns .btn{flex:1;height:52px;padding-inline:16px;font-size:14px}
  .ft-links nav a{font-size:13px;padding:7px 12px}
  .ft-top{position:static;transform:none;margin:14px auto 0}
  .ft-top:hover{transform:translateY(-4px)}
  .ft-bottom{flex-direction:column;align-items:center;text-align:center;gap:6px}
}
@media (prefers-reduced-motion:reduce){.ft-giant svg{transform:none;opacity:1;transition:none}}