/* HOME-LOAN-100M-V1-20260810 */
.home-cardex-compact-panel.is-wallet[data-home-loan-enhanced="1"] { background: #4c1d95; }
.home-cardex-compact-panel.is-wallet[data-home-loan-enhanced="1"] [data-home-shadow-wallet-slide] {
  z-index: 1; opacity: 1; transform: translate3d(0,0,0); visibility: visible;
  transition: opacity .55s ease, transform .72s cubic-bezier(.2,.75,.2,1), visibility 0s;
}
.home-cardex-compact-panel.is-wallet.is-loan-slide-active [data-home-shadow-wallet-slide] {
  opacity: 0; transform: translate3d(-8%,0,0); visibility: hidden; transition-delay: 0s,0s,.72s;
}
.home-loan-100m-slide {
  position: absolute; inset: 0; z-index: 2; overflow: hidden; direction: rtl; cursor: pointer;
  border-radius: inherit; color: #fff; opacity: 0; visibility: hidden; transform: translate3d(9%,0,0);
  background:
    radial-gradient(circle at 18% 18%, rgba(217,180,255,.34), transparent 30%),
    radial-gradient(circle at 80% 120%, rgba(116,64,205,.62), transparent 45%),
    linear-gradient(125deg,#32126e 0%,#5c23a9 52%,#8f45d8 100%);
  transition: opacity .55s ease, transform .72s cubic-bezier(.2,.75,.2,1), visibility 0s .72s;
  isolation: isolate; -webkit-tap-highlight-color: transparent;
}
.home-cardex-compact-panel.is-wallet.is-loan-slide-active .home-loan-100m-slide {
  opacity: 1; visibility: visible; transform: translate3d(0,0,0); transition-delay: 0s;
}
.home-loan-texture { position:absolute; inset:0; z-index:-1; opacity:.29; pointer-events:none; overflow:hidden; }
.home-loan-texture .coin { position:absolute; width:44px; aspect-ratio:1; border:2px solid #fff; border-radius:50%; }
.home-loan-texture .coin::after { content:""; position:absolute; inset:8px; border:1px solid #fff; border-radius:50%; }
.home-loan-texture .c1{left:5%;top:12%;transform:rotate(18deg)} .home-loan-texture .c2{left:42%;bottom:-14px;width:58px}.home-loan-texture .c3{right:3%;top:8%;width:36px}.home-loan-texture .c4{right:38%;top:-18px;width:51px}
.home-loan-texture .note { position:absolute; width:74px; height:38px; border:2px solid #fff; border-radius:7px; transform:rotate(-15deg); }
.home-loan-texture .note::after { content:""; position:absolute; inset:8px 20px; border:1px solid #fff; border-radius:50%; }
.home-loan-texture .n1{left:27%;top:10%}.home-loan-texture .n2{left:9%;bottom:8%;transform:rotate(20deg)}.home-loan-texture .n3{right:16%;bottom:3%;transform:rotate(-9deg)}
.home-loan-texture .num { position:absolute; font:900 2.2rem/1 Vazirmatn,Tahoma,sans-serif; color:transparent; -webkit-text-stroke:1.5px #fff; transform:rotate(-12deg); }
.home-loan-texture .x1{left:2%;top:50%}.home-loan-texture .x2{left:48%;top:16%;font-size:1.45rem;transform:rotate(14deg)}.home-loan-texture .x3{right:4%;bottom:14%;font-size:1.7rem}
.home-loan-copy { position:absolute; z-index:3; left:4%; top:50%; width:46%; text-align:center; transform:translateY(-50%); direction:rtl; }
.home-loan-copy h2 { margin:0; color:#fff; font:1000 clamp(1.22rem,4.2vw,2.2rem)/1.25 Vazirmatn,Tahoma,sans-serif; text-shadow:0 5px 18px rgba(20,0,52,.32); opacity:0; transform:translateY(14px) scale(.96); }
.home-loan-copy p { margin:10px 0 0; color:rgba(255,255,255,.94); font:800 clamp(.62rem,1.7vw,.9rem)/1.9 Vazirmatn,Tahoma,sans-serif; opacity:0; transform:translateY(12px); }
.home-loan-copy p strong { font-weight:1000; color:#fff; }
.home-loan-art { position:absolute; z-index:2; right:-2%; bottom:-17%; width:min(55%,470px); height:116%; object-fit:contain; object-position:right bottom; filter:drop-shadow(0 15px 20px rgba(27,3,64,.35)); opacity:0; transform:translate3d(42%,0,0) scale(.94); }
.home-loan-tap-hint { position:absolute; z-index:4; left:5%; bottom:8px; padding:3px 10px; border:1px solid rgba(255,255,255,.38); border-radius:999px; background:rgba(255,255,255,.11); color:#fff; font:800 .58rem/1.7 Vazirmatn,Tahoma,sans-serif; opacity:0; }
.is-loan-slide-active .home-loan-copy h2 { animation:homeLoanTitleIn .65s cubic-bezier(.2,.8,.2,1) .35s both; }
.is-loan-slide-active .home-loan-copy p { animation:homeLoanCopyIn .65s ease .82s both; }
.is-loan-slide-active .home-loan-art { animation:homeLoanArtIn .82s cubic-bezier(.16,.82,.24,1) 1.5s both; }
.is-loan-slide-active .home-loan-tap-hint { animation:homeLoanCopyIn .5s ease 2.15s both; }
@keyframes homeLoanTitleIn { to{opacity:1;transform:translateY(0) scale(1)} }
@keyframes homeLoanCopyIn { to{opacity:1;transform:translateY(0)} }
@keyframes homeLoanArtIn { to{opacity:1;transform:translate3d(0,0,0) scale(1)} }
.home-loan-modal-open, .home-loan-modal-open body { overflow:hidden !important; }
.home-loan-modal { position:fixed; inset:0; z-index:2147483000; display:grid; place-items:center; padding:0; direction:rtl; background:rgba(22,8,48,.72); backdrop-filter:blur(10px); opacity:0; transition:opacity .2s ease; }
.home-loan-modal.is-open { opacity:1; }
.home-loan-modal-card { width:100%; height:100%; max-width:none; display:grid; grid-template-rows:minmax(0,1fr) auto; overflow:hidden; background:linear-gradient(180deg,#fbf8ff,#fff); color:#30105f; transform:scale(.985); transition:transform .24s ease; font-family:Vazirmatn,Tahoma,sans-serif; }
.home-loan-modal.is-open .home-loan-modal-card { transform:scale(1); }
.home-loan-modal-scroll { width:min(100%,680px); margin:0 auto; padding:clamp(28px,6vh,64px) clamp(20px,6vw,54px) 22px; overflow:auto; box-sizing:border-box; text-align:right; }
.home-loan-modal h2 { margin:0 0 24px; text-align:center; color:#5b21a5; font-size:clamp(1.25rem,5vw,2rem); line-height:1.6; }
.home-loan-modal p { margin:0 0 18px; font-size:clamp(.78rem,3.2vw,.95rem); line-height:2.15; }
.home-loan-modal .home-loan-modal-lead { padding:13px 16px; border-radius:16px; background:#f0e8ff; color:#4c1d95; font-weight:1000; text-align:center; }
.home-loan-modal ul { display:grid; gap:8px; margin:18px 0 24px; padding:0; list-style:none; font-size:clamp(.78rem,3.2vw,.95rem); line-height:1.9; }
.home-loan-modal li { padding:8px 12px; border:1px solid #e7dafa; border-radius:13px; background:#fff; }
.home-loan-modal-manager { font-weight:900; color:#5b21a5; }
.home-loan-modal-close { width:min(calc(100% - 32px),648px); min-height:52px; margin:10px auto max(14px,env(safe-area-inset-bottom)); border:0; border-radius:17px; background:linear-gradient(135deg,#6d28d9,#9333ea); color:#fff; font:1000 .95rem Vazirmatn,Tahoma,sans-serif; box-shadow:0 10px 24px rgba(76,29,149,.25); }
@media(max-width:560px){
  .home-loan-copy{left:3%;width:49%}.home-loan-copy p{margin-top:5px;line-height:1.7}.home-loan-art{right:-5%;bottom:-13%;width:57%;height:108%}.home-loan-tap-hint{display:none}
}
@media(max-width:370px){.home-loan-copy h2{font-size:1.04rem}.home-loan-copy p{font-size:.56rem}.home-loan-art{right:-8%;width:59%}}
@media(prefers-reduced-motion:reduce){
  .home-loan-100m-slide,[data-home-shadow-wallet-slide],.home-loan-copy h2,.home-loan-copy p,.home-loan-art,.home-loan-tap-hint{animation:none!important;transition-duration:.01ms!important}
  .is-loan-slide-active .home-loan-copy h2,.is-loan-slide-active .home-loan-copy p,.is-loan-slide-active .home-loan-art,.is-loan-slide-active .home-loan-tap-hint{opacity:1;transform:none}
}

/* HOME-LOAN-100M-V2-20260810: lighter texture, gold amount, image sparkle and news ticker. */
.home-cardex-compact-panel.is-wallet[data-home-loan-enhanced="1"] { background: #8a60c7; }

.home-loan-100m-slide {
  background:
    radial-gradient(circle at 14% 8%, rgba(255,255,255,.19), transparent 27%),
    radial-gradient(circle at 88% 92%, rgba(112,67,174,.22), transparent 38%),
    linear-gradient(125deg, #7950b7 0%, #8c5cc8 48%, #9e70d4 100%);
}

.home-loan-texture {
  inset: -8% -18%;
  width: 136%;
  height: 116%;
  opacity: .18;
  overflow: hidden;
  animation: homeLoanTextureRush 2.35s linear infinite;
  will-change: transform;
}

.home-loan-motif {
  position: absolute;
  left: var(--mx);
  top: var(--my);
  display: block;
  width: 30px;
  height: 30px;
  box-sizing: border-box;
  color: rgba(255,255,255,.94);
  opacity: var(--mo, .86);
  transform: rotate(var(--mr)) scale(var(--ms));
  transform-origin: center;
}

.home-loan-motif svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.65;
  stroke-linecap: round;
  stroke-linejoin: round;
  overflow: visible;
}

.home-loan-motif.camera { width: 34px; height: 34px; }
.home-loan-motif.chart { width: 33px; height: 33px; }
.home-loan-motif.banknote { width: 40px; height: 28px; }
.home-loan-motif.aperture { width: 32px; height: 32px; }
.home-loan-motif.bars { width: 31px; height: 31px; }

.home-loan-motif.coin {
  border: 0;
  border-radius: 0;
}

.home-loan-motif.coin::after {
  display: none;
}

.home-loan-motif.note {
  width: 31px;
  height: 18px;
  border: 1.5px solid currentColor;
  border-radius: 4px;
}

.home-loan-motif.note::after {
  content: "";
  position: absolute;
  inset: 4px 10px;
  border: 1px solid currentColor;
  border-radius: 50%;
}

.home-loan-motif.num {
  width: auto;
  height: auto;
  font: 950 1rem/1 Vazirmatn,Tahoma,sans-serif;
  -webkit-text-stroke: .35px rgba(255,255,255,.5);
}

.home-loan-copy {
  left: 3%;
  top: 44%;
  width: 49%;
  transform: translateY(-50%);
}

.home-loan-gold-amount {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: .3em;
  margin: 0 0 clamp(3px,.65vw,7px);
  white-space: nowrap;
  filter: drop-shadow(0 0 7px rgba(255,220,91,.45));
}

.home-loan-amount-digits {
  display: inline-flex;
  direction: ltr;
  unicode-bidi: isolate;
  font: 1000 clamp(1.45rem,4.2vw,2.65rem)/1.05 Vazirmatn,Tahoma,sans-serif;
  letter-spacing: .015em;
}

.home-loan-amount-digits i,
.home-loan-gold-amount > b {
  display: inline-block;
  margin: 0;
  background: linear-gradient(105deg,#9a6812 4%,#ffe48a 25%,#fff8c6 42%,#e5a92c 61%,#fff2a8 78%,#a56b0d 100%);
  background-size: 240% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.home-loan-amount-digits i {
  opacity: 0;
  transform: translate3d(10px,0,0) scale(.82);
  font-style: normal;
}

.home-loan-gold-amount > b {
  opacity: 0;
  font: 1000 clamp(.72rem,1.75vw,1.08rem)/1.3 Vazirmatn,Tahoma,sans-serif;
}

.home-loan-copy h2 {
  font-size: clamp(1.25rem,4.1vw,2.25rem);
}

.home-loan-copy .home-loan-purpose {
  margin: 1px 0 0;
  color: #fff;
  font: 1000 clamp(1.25rem,4.1vw,2.25rem)/1.35 Vazirmatn,Tahoma,sans-serif;
  text-shadow: 0 5px 18px rgba(20,0,52,.32);
}

.home-loan-copy .home-loan-terms {
  display: inline-block;
  margin: clamp(3px,.7vw,7px) 0 0;
  background: linear-gradient(105deg,#9a6812 4%,#ffe48a 25%,#fff8c6 42%,#e5a92c 61%,#fff2a8 78%,#a56b0d 100%);
  background-size: 240% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 0 6px rgba(255,220,91,.4));
  font: 1000 clamp(.7rem,1.75vw,1.05rem)/1.5 Vazirmatn,Tahoma,sans-serif;
}

.home-loan-art-wrap {
  position: absolute;
  z-index: 2;
  right: 3%;
  top: 4.5%;
  bottom: 8%;
  width: 53%;
  opacity: 0;
  transform: translate3d(38%,0,0) scale(.94);
}

.home-loan-art {
  position: static;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  opacity: 1;
  transform: none;
  filter: drop-shadow(0 13px 18px rgba(50,18,91,.26));
}

.home-loan-news-ticker {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 5;
  width: 100%;
  height: clamp(28px,4.4vw,38px);
  overflow: hidden;
  direction: rtl;
  background: linear-gradient(90deg,rgba(60,30,105,.84),rgba(91,51,145,.9),rgba(60,30,105,.84));
  border-top: 1px solid rgba(255,255,255,.23);
  color: #fff;
  box-shadow: 0 -5px 14px rgba(45,18,84,.12);
}

.home-loan-news-ticker > span {
  position: absolute;
  left: 0;
  top: 50%;
  width: max-content;
  max-width: none;
  white-space: nowrap;
  opacity: 0;
  transform: translate(-100%,-50%);
  font: 900 clamp(.64rem,1.75vw,.96rem)/1.5 Vazirmatn,Tahoma,sans-serif;
  will-change: left,transform,opacity;
}

.home-loan-news-ticker strong { color: #ffe48a; font-weight: 1000; }
.home-loan-tap-hint { display: none; }

.is-loan-slide-active .home-loan-amount-digits i {
  animation: homeLoanDigitIn .34s cubic-bezier(.2,.82,.22,1.2) var(--amount-delay) both,
             homeLoanGoldShine 3.8s ease-in-out 1.05s infinite;
}

.is-loan-slide-active .home-loan-gold-amount > b {
  animation: homeLoanGoldWordsIn .4s ease .9s both,
             homeLoanGoldShine 3.8s ease-in-out 1.05s infinite;
}

.is-loan-slide-active .home-loan-copy h2 {
  animation: homeLoanTitleIn .58s cubic-bezier(.2,.8,.2,1) 1.05s both;
}

.is-loan-slide-active .home-loan-copy .home-loan-purpose {
  animation: homeLoanCopyIn .55s ease 1.3s both;
}

.is-loan-slide-active .home-loan-copy .home-loan-terms {
  animation: homeLoanCopyIn .5s ease 1.55s both,
             homeLoanGoldShine 3.8s ease-in-out 1.75s infinite;
}

.is-loan-slide-active .home-loan-art-wrap {
  animation: homeLoanArtWrapIn .78s cubic-bezier(.16,.82,.24,1) 1.5s both;
}

.is-loan-slide-active .home-loan-art {
  animation: homeLoanArtWhiteSparkle 1.75s ease-in-out 2.15s infinite !important;
}

.is-loan-slide-active .home-loan-news-ticker > span {
  animation: homeLoanNewsRun 5.05s linear .82s both;
}

@keyframes homeLoanTextureRush {
  from { transform: translate3d(7%,0,0); }
  to { transform: translate3d(-15%,0,0); }
}

@keyframes homeLoanDigitIn {
  to { opacity: 1; transform: translate3d(0,0,0) scale(1); }
}

@keyframes homeLoanGoldWordsIn {
  from { opacity: 0; transform: translateY(5px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes homeLoanGoldShine {
  0%,22% { background-position: 120% 0; }
  68%,100% { background-position: -120% 0; }
}

@keyframes homeLoanArtWrapIn {
  to { opacity: 1; transform: translate3d(0,0,0) scale(1); }
}

@keyframes homeLoanArtWhiteSparkle {
  0%,58%,100% { filter: brightness(1) drop-shadow(0 13px 18px rgba(50,18,91,.26)); }
  70% { filter: brightness(1.42) saturate(.82) drop-shadow(0 0 12px rgba(255,255,255,.92)) drop-shadow(0 13px 18px rgba(50,18,91,.24)); }
  80% { filter: brightness(1.08) drop-shadow(0 0 5px rgba(255,255,255,.45)) drop-shadow(0 13px 18px rgba(50,18,91,.25)); }
}

@keyframes homeLoanNewsRun {
  0% { left: 0; opacity: 0; transform: translate(-100%,-50%); }
  4% { opacity: 1; }
  96% { opacity: 1; }
  100% { left: 100%; opacity: 0; transform: translate(0,-50%); }
}

@media(max-width:560px) {
  .home-loan-copy { left: 2%; top: 43%; width: 52%; }
  .home-loan-gold-amount { gap: .28em; }
  .home-loan-amount-digits { font-size: clamp(1.08rem,5.2vw,1.48rem); }
  .home-loan-gold-amount > b { font-size: clamp(.58rem,2.45vw,.76rem); }
  .home-loan-copy h2 { font-size: clamp(1.02rem,5.1vw,1.55rem); }
  .home-loan-copy .home-loan-purpose { font-size: clamp(1.02rem,5.1vw,1.55rem); line-height: 1.25; }
  .home-loan-copy .home-loan-terms { margin-top: 2px; font-size: clamp(.58rem,2.75vw,.8rem); }
  .home-loan-art-wrap { right: 2.8%; top: 5.5%; bottom: 10%; width: 54%; }
  .home-loan-news-ticker > span { font-size: clamp(.62rem,2.85vw,.78rem); }
}

@media(max-width:370px) {
  .home-loan-copy { width: 54%; }
  .home-loan-amount-digits { font-size: 1rem; }
  .home-loan-gold-amount > b { font-size: .54rem; }
  .home-loan-copy h2 { font-size: .96rem; }
  .home-loan-copy .home-loan-purpose { font-size: .96rem; }
  .home-loan-copy .home-loan-terms { font-size: .54rem; }
  .home-loan-art-wrap { right: 2.8%; top: 6%; bottom: 11%; width: 52.5%; }
}

@media(prefers-reduced-motion:reduce) {
  .home-loan-texture,
  .home-loan-amount-digits i,
  .home-loan-gold-amount > b,
  .home-loan-purpose,
  .home-loan-terms,
  .home-loan-art-wrap,
  .home-loan-art,
  .home-loan-news-ticker > span { animation: none !important; }
  .is-loan-slide-active .home-loan-amount-digits i,
  .is-loan-slide-active .home-loan-gold-amount > b,
  .is-loan-slide-active .home-loan-purpose,
  .is-loan-slide-active .home-loan-terms,
  .is-loan-slide-active .home-loan-art-wrap,
  .is-loan-slide-active .home-loan-news-ticker > span { opacity: 1; transform: none; }
  .is-loan-slide-active .home-loan-news-ticker > span { position: static; display: block; padding: 5px 10px; text-align: center; }
}
