.ik-footer{
  --ik-main:#154779;
  --ik-gold:#C09562;
  --ik-sky:#79C7F2;
  --ik-bg:#f7f5f0;
  --ik-sage:#b8bfb2;

  position:relative;
  overflow:hidden;
  background:var(--ik-main);
  color:var(--ik-bg);
  font-family:var(--isc-font-family,inherit);
  line-height:1.8;
  box-sizing:border-box;
}
.ik-footer *{box-sizing:border-box}
.ik-footer :where(h3,h4,p,a,li,button,span){font-family:inherit}
.ik-footer a{text-decoration:none;color:inherit}
.ik-footer ul{list-style:none;margin:0;padding:0}

/* ================= دسکتاپ ================= */
.ik-footer__inner{
  max-width:1280px;
  margin:0 auto;
  padding:44px 24px 0;
  display:grid;
  grid-template-columns:1fr 330px 1fr;
  gap:36px;
  align-items:stretch;
}

.ik-col{display:flex;flex-direction:column;padding-bottom:26px;min-width:0}

.ik-title{
  margin:0 0 12px;
  font-size:16px;font-weight:800;color:#fff;
  position:relative;padding-right:14px;line-height:1.7;
}
.ik-title::before{
  content:"";position:absolute;right:0;top:50%;
  width:6px;height:6px;border-radius:50%;
  background:var(--ik-gold);transform:translateY(-50%);
  box-shadow:0 0 0 4px rgba(192,149,98,.25);
}
.ik-title--lg{font-size:20px}
.ik-desc{margin:0;font-size:14px;color:var(--ik-sage);max-width:340px}

.ik-links li{margin-bottom:4px}
.ik-links a{
  font-size:14px;color:var(--ik-sage);
  position:relative;display:inline-block;transition:color .3s, transform .3s;
}
.ik-links a::after{
  content:"";position:absolute;right:0;bottom:2px;height:1px;width:0;
  background:var(--ik-sky);transition:width .35s ease;
}
.ik-links a:hover{color:var(--ik-sky);transform:translateX(-4px)}
.ik-links a:hover::after{width:100%}

.ik-divider{width:100%;margin:16px 0 18px;border-top:1px dashed rgba(184,191,178,.35)}

.ik-pillrow{margin-top:20px;position:relative}
.ik-pill{
  display:inline-block;max-width:100%;padding:10px 26px;border-radius:999px;
  background:var(--ik-gold);color:var(--ik-main)!important;
  font-weight:800;font-size:14px;line-height:1.7;
  transition:transform .3s, box-shadow .3s, background .3s;
}
.ik-pill:hover{background:var(--ik-sky);transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.25)}

.ik-bottom{margin-top:auto;padding-top:22px}
.ik-copy{margin:12px 0 0;font-size:13px;color:var(--ik-sage)}

.ik-licenses{display:flex;gap:14px;flex-wrap:wrap}
.ik-license{
  width:78px;height:78px;border-radius:16px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(247,245,240,.07);
  border:1px solid rgba(247,245,240,.10);
  color:var(--ik-sage);transition:.3s;
}
.ik-license:hover{background:rgba(121,199,242,.15);color:var(--ik-sky);transform:translateY(-3px)}
.ik-license img{max-width:70%;max-height:70%;width:auto;height:auto;object-fit:contain;display:block}

.ik-socials{display:flex;gap:10px;flex-wrap:wrap}
.ik-socials a{
  width:40px;height:40px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:rgba(247,245,240,.09);color:var(--ik-bg);transition:.3s;
}
.ik-socials a:hover{background:var(--ik-gold);color:var(--ik-main);transform:translateY(-4px)}
.ik-socials img{width:20px;height:20px;object-fit:contain;display:block}

/* ================= حلال طلایی ================= */
.ik-arch-wrap{position:relative;display:flex;align-items:flex-end;justify-content:center}
.ik-glow{
  position:absolute;bottom:-60px;left:50%;width:480px;height:480px;transform:translateX(-50%);
  background:radial-gradient(circle,rgba(121,199,242,.26) 0%,rgba(121,199,242,0) 65%);
  pointer-events:none;opacity:0;transition:opacity 1.6s ease .4s;
}
.ik-arch{
  position:relative;width:100%;max-width:330px;height:340px;
  border-radius:165px 165px 0 0;
  background:linear-gradient(180deg,#d6b389 0%,#C09562 42%,#a67d4d 100%);
  box-shadow:0 -16px 44px rgba(0,0,0,.26), inset 0 0 0 1px rgba(255,255,255,.25);
}
.ik-arch__halo{
  position:absolute;inset:-14px -14px 0 -14px;
  border:1.5px solid rgba(192,149,98,.55);border-bottom:0;
  border-radius:179px 179px 0 0;pointer-events:none;
}
.ik-arch__halo::after{
  content:"";position:absolute;top:-6px;left:50%;width:11px;height:11px;
  background:var(--ik-gold);transform:translateX(-50%) rotate(45deg);
  box-shadow:0 0 0 4px var(--ik-main);
}
.ik-arch__pattern{position:absolute;inset:0;width:100%;height:100%;border-radius:165px 165px 0 0}
.ik-arch__frame{
  position:absolute;inset:12px 12px 0 12px;
  border:1.5px solid rgba(247,245,240,.65);border-bottom:0;
  border-radius:153px 153px 0 0;pointer-events:none;
}
.ik-arch__content{
  position:absolute;inset:0;
  display:flex;flex-direction:column;align-items:center;justify-content:flex-end;
  padding:0 24px 34px;text-align:center;
}
.ik-badge-wrap{display:flex;justify-content:center;margin-bottom:16px}
.ik-badge{
  position:relative;width:78px;height:78px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:var(--ik-main);color:var(--ik-sky);
  box-shadow:0 10px 24px rgba(0,0,0,.3);
}
.ik-badge img{max-width:130%;height:auto;display:block}
.ik-badge__ring{
  position:absolute;inset:-8px;border-radius:50%;
  border:1.5px dashed var(--ik-bg);
  animation:ikSpin 22s linear infinite;
}
.ik-arch__title{
  margin:0 0 16px;font-size:21px;font-weight:900;line-height:1.7;
  color:var(--ik-main);text-shadow:0 1px 0 rgba(247,245,240,.35);
}
.ik-btn-white{
  display:inline-block;padding:11px 32px;border-radius:999px;
  background:var(--ik-bg);color:var(--ik-main)!important;
  font-weight:800;font-size:14px;
  box-shadow:0 8px 20px rgba(0,0,0,.2);
  transition:transform .3s, box-shadow .3s, background .3s, color .3s;
}
.ik-btn-white:hover{background:var(--ik-main);color:var(--ik-bg)!important;transform:translateY(-3px)}

@keyframes ikSpin{to{transform:rotate(360deg)}}

/* ================= انیمیشن اسکرول ================= */
.ik-footer.ik-ready .ik-arch{transform:translateY(105%);transition:transform 1.25s cubic-bezier(.22,1,.36,1)}
.ik-footer.ik-ready .ik-arch__pattern,
.ik-footer.ik-ready .ik-arch__frame,
.ik-footer.ik-ready .ik-arch__halo{opacity:0;transition:opacity 1s ease .9s}
.ik-footer.ik-ready .ik-arch__content > *{opacity:0;transform:translateY(24px);transition:opacity .8s ease, transform .8s ease}
.ik-footer.ik-ready .ik-col--right .ik-reveal{opacity:0;transform:translateX(50px)}
.ik-footer.ik-ready .ik-col--left .ik-reveal{opacity:0;transform:translateX(-50px)}
.ik-footer.ik-ready .ik-reveal{transition:opacity .9s ease, transform .9s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i) * .13s + .25s)}

.ik-footer.ik-ready.is-in .ik-arch{transform:none}
.ik-footer.ik-ready.is-in .ik-glow{opacity:1}
.ik-footer.ik-ready.is-in .ik-arch__pattern,
.ik-footer.ik-ready.is-in .ik-arch__frame,
.ik-footer.ik-ready.is-in .ik-arch__halo{opacity:1}
.ik-footer.ik-ready.is-in .ik-arch__content > *{opacity:1;transform:none}
.ik-footer.ik-ready.is-in .ik-arch__content > *:nth-child(1){transition-delay:.9s}
.ik-footer.ik-ready.is-in .ik-arch__content > *:nth-child(2){transition-delay:1.05s}
.ik-footer.ik-ready.is-in .ik-arch__content > *:nth-child(3){transition-delay:1.2s}
.ik-footer.ik-ready.is-in .ik-reveal{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  .ik-footer.ik-ready *{transition:none!important;animation:none!important}
  .ik-footer.ik-ready .ik-arch,
  .ik-footer.ik-ready .ik-reveal,
  .ik-footer.ik-ready .ik-arch__content > *{opacity:1!important;transform:none!important}
}

/* دسکتاپ‌های کوچک */
@media (max-width:1240px){
  .ik-pill{padding:9px 18px;font-size:13px}
}

/* ================= موبایل و تبلت ================= */
@media (max-width:1100px){

  .ik-footer{
    overflow:hidden;
  }

  .ik-footer__inner{
    width:100%;
    max-width:640px;
    margin:0 auto;
    padding:32px 22px 0;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    grid-template-areas:
      "intro intro"
      "pill pill"
      "quick lic"
      "bottom bottom"
      "arch arch";
    column-gap:20px;
    row-gap:24px;
    align-items:start;
  }

  /* ستون‌های اصلی در موبایل به ساختار یکپارچه تبدیل می‌شوند */
  .ik-col{
    display:contents;
  }

  .ik-intro{grid-area:intro;min-width:0}
  .ik-pillrow{grid-area:pill;margin:0;min-width:0}
  .ik-quick{grid-area:quick;min-width:0}
  .ik-lic{grid-area:lic;min-width:0}
  .ik-bottom{
    grid-area:bottom;
    margin:0;
    padding:18px 0 0;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
    min-width:0;
    border-top:1px solid rgba(247,245,240,.12);
  }

  .ik-arch-wrap{
    grid-area:arch;
    margin:42px 0 0;
    min-width:0;
    width:100%;
    display:flex;
    justify-content:center;
    align-items:flex-end;
  }

  .ik-divider{display:none}

  /* عنوان و توضیحات */
  .ik-title{
    font-size:15px;
    margin-bottom:10px;
  }

  .ik-title--lg{
    font-size:21px;
    margin-bottom:8px;
  }

  .ik-desc{
    max-width:none;
    font-size:13px;
    line-height:2;
    color:var(--ik-sage);
  }

  /* کپسول طلایی با خط ظریف پشت آن */
  .ik-pillrow{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:4px 0;
  }

  .ik-pillrow::before{
    content:"";
    position:absolute;
    top:50%;
    right:-22px;
    left:-22px;
    border-top:1px dashed rgba(184,191,178,.35);
  }

  .ik-pill{
    position:relative;
    z-index:1;
    display:block;
    width:fit-content;
    max-width:100%;
    padding:9px 18px;
    border-radius:999px;
    text-align:center;
    font-size:12px;
    line-height:1.9;
    white-space:normal;
  }

  /* دسترسی سریع و مجوزها */
  .ik-quick,
  .ik-lic{
    padding:0;
    min-width:0;
  }

  .ik-quick .ik-title,
  .ik-lic .ik-title{
    font-size:14px;
    margin-bottom:12px;
    padding-right:13px;
  }

  .ik-links li{
    margin-bottom:8px;
    line-height:1.9;
  }

  .ik-links a{
    display:block;
    width:100%;
    font-size:12px;
    line-height:1.9;
    overflow-wrap:anywhere;
  }

  .ik-licenses{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
  }

  .ik-license{
    width:calc(50% - 5px);
    max-width:76px;
    height:68px;
    border-radius:13px;
  }

  .ik-license svg{
    width:30px;
    height:30px;
  }

  /* شبکه‌های اجتماعی و کپی‌رایت */
  .ik-socials{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    margin:0;
  }

  .ik-socials a{
    width:38px;
    height:38px;
    flex:0 0 38px;
  }

  .ik-copy{
    margin:0;
    max-width:100%;
    font-size:11px;
    line-height:2;
    overflow-wrap:anywhere;
  }

  /* حلال طلایی */
  .ik-arch{
    width:min(270px, calc(100% - 28px));
    max-width:270px;
    height:262px;
    flex:0 0 auto;
    border-radius:135px 135px 0 0;
  }

  .ik-arch__pattern{
    border-radius:135px 135px 0 0;
  }

  .ik-arch__halo{
    border-radius:149px 149px 0 0;
  }

  .ik-arch__frame{
    border-radius:123px 123px 0 0;
  }

  .ik-arch__content{
    padding:0 16px 25px;
    justify-content:flex-end;
  }

  .ik-arch__title{
    max-width:100%;
    font-size:17px;
    line-height:1.9;
    margin-bottom:12px;
  }

  .ik-btn-white{
    max-width:100%;
    padding:10px 26px;
    font-size:13px;
    white-space:nowrap;
  }

  /* نشان تلفن بالای حلال */
  .ik-badge-wrap{
    position:absolute;
    top:-51px;
    left:0;
    right:0;
    margin:0;
    display:flex;
    justify-content:center;
  }

  .ik-badge{
    width:94px;
    height:94px;
  }

  .ik-badge > svg{
    width:36px;
    height:36px;
  }

  .ik-badge__ring{
    inset:-7px;
  }

  .ik-glow{
    width:min(420px, 100vw);
    height:360px;
    bottom:-45px;
  }

  /* انیمیشن ورود عناصر داخل حلال بدون جابه‌جایی ساختار */
  .ik-footer.ik-ready .ik-arch__content > *{
    transition:opacity .8s ease, transform .8s ease;
  }
}

/* ================= گوشی‌های کوچک ================= */
@media (max-width:480px){

  .ik-footer__inner{
    padding:28px 18px 0;
    column-gap:14px;
    row-gap:21px;
  }

  .ik-title--lg{
    font-size:20px;
  }

  .ik-desc{
    font-size:12px;
    line-height:2;
  }

  .ik-pill{
    padding:9px 14px;
    font-size:11px;
  }

  .ik-quick .ik-title,
  .ik-lic .ik-title{
    font-size:13px;
  }

  .ik-links a{
    font-size:11px;
    line-height:2;
  }

  .ik-links li{
    margin-bottom:7px;
  }

  .ik-licenses{
    gap:8px;
  }

  .ik-license{
    width:calc(50% - 4px);
    height:62px;
  }

  .ik-arch-wrap{
    margin-top:36px;
  }

  .ik-arch{
    width:min(250px, calc(100% - 26px));
    height:248px;
    border-radius:125px 125px 0 0;
  }

  .ik-arch__pattern{
    border-radius:125px 125px 0 0;
  }

  .ik-arch__halo{
    border-radius:139px 139px 0 0;
  }

  .ik-arch__frame{
    border-radius:113px 113px 0 0;
  }

  .ik-arch__content{
    padding:0 13px 23px;
  }

  .ik-arch__title{
    font-size:16px;
    margin-bottom:11px;
  }

  .ik-badge-wrap{
    top:-46px;
  }

  .ik-badge{
    width:86px;
    height:86px;
  }

  .ik-btn-white{
    padding:9px 23px;
    font-size:12px;
  }

  .ik-copy{
    font-size:10px;
  }
}

/* ================= گوشی‌های بسیار باریک ================= */
@media (max-width:360px){

  .ik-footer__inner{
    padding-right:14px;
    padding-left:14px;
    column-gap:10px;
  }

  .ik-links a{
    font-size:10px;
  }

  .ik-license{
    height:56px;
  }

  .ik-pill{
    font-size:10px;
    padding:8px 11px;
  }

  .ik-arch{
    width:230px;
    height:238px;
    border-radius:115px 115px 0 0;
  }

  .ik-arch__pattern{
    border-radius:115px 115px 0 0;
  }

  .ik-arch__halo{
    border-radius:129px 129px 0 0;
  }

  .ik-arch__frame{
    border-radius:103px 103px 0 0;
  }

  .ik-arch__title{
    font-size:15px;
  }
}
