.demo-pad{ padding:48px 16px; } /* just to give the artifact breathing room in preview */

  /* ================= FOOTER ================= */
  footer.site-footer{
    background:var(--pale);
    border-top:1px solid var(--line);
  }
footer.site-footer .logo img {
    width: 100px;
}
img.EnamadLogo {
    width: 116px;
}
  /* ---- Trust strip ---- */
  .trust-strip{
    background:linear-gradient(90deg, var(--deep-blue), var(--deep-blue-2));
  }
  .trust-strip .wrap{
    margin:0 auto;
    padding:18px 24px;
    display:grid;
    grid-template-columns:repeat(5, 1fr);
    gap:12px;
  }
  .trust-item{
    display:flex;
    align-items:center;
    gap:10px;
    justify-content:center;
    padding:6px 8px;
    position:relative;
  }
  .trust-item:not(:last-child)::after{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    width:1px;
    height:26px;
    background:rgba(255,255,255,.18);
  }
  .trust-item .ic{
    width:34px; height:34px;
    flex:0 0 auto;
    display:flex; align-items:center; justify-content:center;
    border-radius:50%;
    background:rgba(255,255,255,.12);
    border:1.5px solid rgba(216,175,90,.45);
    color:#fff;
  }
  .trust-item .ic svg{ width:18px; height:18px; }
  .trust-item span{
    color:#eaf3ff;
    font-size:13.5px;
    font-weight:500;
    white-space:nowrap;
  }

  /* ---- Main grid ---- */
  .footer-main{
    margin:0 auto;
    padding:56px 24px 40px;
    display:grid;
    grid-template-columns: 0.95fr 0.8fr 1.75fr;
    gap:36px;
  }

  .col-title{
    font-size:16px;
    font-weight:700;
    color:var(--deep-blue);
    margin:0 0 22px;
    position:relative;
    padding-inline-start:14px;
  }
  .col-title::before{
    content:"";
    position:absolute;
    inset-inline-start:0;
    top:2px;
    bottom:2px;
    width:4px;
    border-radius:4px;
    background:var(--sky);
  }

  /* Brand column */
  .brand-block .logo{
    display:flex; align-items:center; gap:10px;
    margin-bottom:16px;
  }
  .brand-block .logo .mark{
    width:42px;height:42px;border-radius:12px;
    background:linear-gradient(135deg, var(--Primary), var(--sky));
    display:flex;align-items:center;justify-content:center;
    color:#fff; font-weight:800; font-size:17px;
    box-shadow:var(--shadow);
  }
  .brand-block .logo b{ font-size:18px; color:var(--deep-blue); }
  .brand-block .logo small{ display:block; font-size:11.5px; color:var(--muted); font-weight:500; }
  .brand-block p{
    font-size:13.5px;
    line-height:2;
    color:var(--muted);
    margin:0 0 22px;
    max-width:34ch;
  }

  .cert-card{
    display:flex;
    align-items:center;
    gap:14px;
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:var(--radius-md);
    padding:14px 16px;
    box-shadow:var(--shadow);
    width:fit-content;
  }
  .cert-card .badge{
    width:52px;height:52px;
    border-radius:10px;
    background:var(--sky-soft);
    display:flex;align-items:center;justify-content:center;
    color:var(--Primary);
    flex:0 0 auto;
  }
  .cert-card .badge svg{ width:28px;height:28px; }
  .cert-card .txt b{ display:block; font-size:13px; color:var(--deep-blue); }
  .cert-card .txt span{ font-size:11.5px; color:var(--muted); }

  /* Links column */
  .links-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px 20px;
  }
  .links-grid--single{
    grid-template-columns:1fr;
    gap:4px;
  }
  .links-grid--single a{
    padding:9px 4px;
    border-bottom:1px solid var(--line);
  }
  .links-grid--single a:last-child{ border-bottom:none; }
  .links-grid a{
    display:flex;
    align-items:center;
    gap:8px;
    font-size:13.5px;
    color:var(--ink);
    padding:6px 0;
    transition:color .18s ease, transform .18s ease;
  }
  .links-grid a svg{
    width:14px;height:14px;
    color:var(--sky);
    flex:0 0 auto;
    transition:transform .18s ease;
    transform: rotate(180deg);
  }
  .links-grid a:hover{ color:var(--Primary); transform:translateX(-2px); }
  .links-grid a:hover svg{ transform:rotate(180deg) translateX(-2px); }

  /* Contact column - address / hours / postal as compact info rows */
  .contact-cols{
    display:grid;
    grid-template-columns: 1fr 1.2fr;
    gap:22px;
    align-items:start;
  }
  .info-rows{
    display:flex;
    flex-direction:column;
    gap:14px;
  }
  .info-row{
    display:flex;
    gap:12px;
    align-items:flex-start;
  }
  .info-row .ic{
    width:32px;height:32px;
    border-radius:9px;
    background:var(--sky-soft);
    color:var(--Primary);
    display:flex;align-items:center;justify-content:center;
    flex:0 0 auto;
  }
  .info-row .ic svg{ width:16px;height:16px; }
  .info-row .txt b{
    display:block; font-size:12.5px; color:var(--muted); font-weight:600; margin-bottom:2px;
  }
  .info-row .txt span{ font-size:13px; color:var(--ink); line-height:1.9; }

  /* Contact hub - signature element merging the 3 repeated phone/telegram/whatsapp blocks */
  .contact-hub{
    display:flex;
    flex-direction:column;
    gap:10px;
  }
  .hub-card{
    display:flex;
    align-items:flex-start;
    gap:12px;
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:var(--radius-md);
    padding:12px 14px;
    transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
  }
  .hub-card:hover{
    border-color:var(--sky);
    box-shadow:var(--shadow);
    transform:translateY(-2px);
  }
  .hub-card .dept-ic{
    width:36px;height:36px;
    border-radius:50%;
    background:linear-gradient(135deg, var(--Primary), var(--sky));
    color:#fff;
    display:flex;align-items:center;justify-content:center;
    flex:0 0 auto;
    margin-top:2px;
  }
  .hub-card .dept-ic svg{ width:17px;height:17px; }
  .dept-body{
    display:flex;
    flex-direction:column;
    gap:5px;
    flex:1 1 auto;
    min-width:0;
  }
  .dept-body > b{ font-size:13.5px; color:var(--deep-blue); }
  .dept-line{
    display:flex;
    align-items:center;
    gap:6px;
    font-size:12.5px;
    color:var(--muted);
  }
  .dept-line svg{ width:13px;height:13px; color:var(--sky); flex:0 0 auto; }
  .dept-line .ltr{ direction:ltr; display:inline-block; }
  .dept-line--mobile{ color:var(--ink); }
  .dept-line--mobile .ltr{ font-weight:600; }
  .dept-line--mobile a{
    width:24px;height:24px;
    margin-inline-start:2px;
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    background:var(--sky-soft);
    color:var(--Primary);
    transition:background .18s ease, color .18s ease, transform .18s ease;
  }
  .dept-line--mobile a:hover{ background:var(--Primary); color:#fff; transform:scale(1.08); }
  .dept-line--mobile a svg{ width:12.5px;height:12.5px; color:inherit; }

  /* ---- Bottom bar ---- */
  .footer-bottom{
    background:linear-gradient(90deg, var(--deep-blue-2), var(--deep-blue));
    padding:16px 24px;
  }
  .footer-bottom .wrap{
    margin:0 auto;
    text-align:center;
  }
  .footer-bottom p{
    margin:0;
    font-size:12.5px;
    line-height:2;
    color:#c9dcf2;
  }

  /* ---- Responsive ---- */
  @media (max-width: 980px){
    .footer-main{ grid-template-columns:1fr 1fr; }
    .footer-main .contact-col{ grid-column: 1 / -1; }
    .contact-cols{ grid-template-columns:1fr 1fr; }
    .trust-strip .wrap{ grid-template-columns:repeat(3,1fr); }
    .trust-item:nth-child(3)::after{ display:none; }
  }
  @media (max-width: 680px){
    .footer-main{ grid-template-columns:1fr; padding:40px 20px 28px; gap:34px; }
    .contact-cols{ grid-template-columns:1fr; }
    .trust-strip .wrap{ grid-template-columns:repeat(2,1fr); }
    .trust-item::after{ display:none !important; }
    .links-grid{ grid-template-columns:1fr; }
  }

  @media (prefers-reduced-motion: reduce){
    *{ transition:none !important; }
  }