footer{
  background:#323643;  /* قبلاً #232323 بود */
  color:#F7F7F7;
  margin-top:40px;
  padding:40px 0 0;
  font-size:.95rem;
  line-height:1.8;
  opacity:0;
  transform:translateY(40px);
  transition:opacity 1s ease, transform 1s ease;
}

    footer.visible{
      opacity:1;
      transform:translateY(0);
    }
    .footer-wrap{
      width:min(1200px,92%);
      margin-inline:auto;
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
      gap:2rem;
    }
    .footer-socials{
      margin-top:12px;
      display:flex;
      gap:10px;
      align-items:center;
    }

.icon-badge{
  width:42px;
  height:42px;
  border-radius:50%;
  background:#F7F7F7;                  /* دایره روشن پشت آیکن */
  display:inline-grid;
  place-items:center;
  box-shadow:0 2px 10px rgba(0,0,0,.15);
  transition:.2s transform;
}

.icon-badge:hover{ transform:translateY(-2px); }

.icon-badge img{
  width:24px;
  height:24px;
  object-fit:contain;
}

    @media(max-width:720px){
      .footer-col{text-align:center}
    }

    .footer-socials{margin-top:12px;display:flex;gap:10px;align-items:center}
.icon-badge{
  width:38px;height:38px;border-radius:50%;
  background:#EFEFEF;display:inline-grid;place-items:center;
  box-shadow:0 2px 10px rgba(0,0,0,.15);transition:.2s transform;
}
.icon-badge:hover{transform:translateY(-2px)}

/* اینستاگرام: گرادیان برند */
.icon-ig{
  background:
    radial-gradient(35% 35% at 30% 30%, #FFDC80 0%, transparent 60%),
    radial-gradient(55% 55% at 70% 20%, #FCAF45 0%, transparent 60%),
    radial-gradient(65% 65% at 80% 80%, #FD1D1D 0%, transparent 60%),
    radial-gradient(80% 80% at 20% 80%, #833AB4 0%, transparent 60%),
    #C13584;
}

      /* تلگرام: آبی برند */
.icon-tg{ background:#229ED9; }

.footer-col h4 {
  color: #FF570C; /* نارنجی برای تیترها */
}

.footer-bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}