/* ===== پیام «به مامان و بابا بگو» : با اسکرول ظاهر می‌شود ===== */
/* دکمه‌ی شناور: بعد از کمی اسکرول بالا می‌آید و وقتی به بخش آخر رسیدی کنار می‌رود */
.pfab { opacity: 0; transform: translateY(24px) scale(.96); pointer-events: none; transition: opacity .45s ease, transform .45s ease; }
.pfab.show { opacity: 1; transform: none; pointer-events: auto; }
.pfab.show:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .pfab { font-size: 13px; line-height: 1.7; inset-inline-start: 14px; text-align: center; } }

/* بخش آخر صفحه */
.endcta { max-width: 900px; }
.endcta .say {
  position: relative; padding: clamp(20px,4vw,34px); margin-top: 30px; border-radius: 30px;
  background: linear-gradient(145deg, rgba(255,255,255,.62), rgba(255,255,255,.26));
  border: 1.5px solid rgba(255,255,255,.85);
  box-shadow: 0 18px 44px rgba(40,70,170,.25), inset 0 2px 0 rgba(255,255,255,.95);
  -webkit-backdrop-filter: blur(18px) saturate(1.6); backdrop-filter: blur(18px) saturate(1.6);
}
.endcta .say h2 { color: #e8283c; }
.rv-ready .rv { opacity: 0; transform: translateY(46px) scale(.97); transition: opacity .8s ease, transform .8s cubic-bezier(.2,.8,.2,1); }
.rv-ready .rv.in { opacity: 1; transform: none; }
.rv-ready .rv .say { transform: translateY(18px); transition: transform .8s .25s cubic-bezier(.2,.8,.2,1); }
.rv-ready .rv.in .say { transform: none; }
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) { .endcta .say { background: rgba(255,255,255,.92); } }