@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;700;900&display=swap');
* { font-family: 'Vazirmatn', sans-serif; }
body { overflow-x: hidden; }

/* ========== Scroll Reveal ========== */
.reveal { opacity: 0; transform: translateY(36px); transition: opacity 0.65s ease, transform 0.65s ease; }
.reveal.visible { opacity: 1; transform: translateY(0); }
.reveal-left { opacity: 0; transform: translateX(-36px); transition: opacity 0.65s ease, transform 0.65s ease; }
.reveal-left.visible { opacity: 1; transform: translateX(0); }
.reveal-right { opacity: 0; transform: translateX(36px); transition: opacity 0.65s ease, transform 0.65s ease; }
.reveal-right.visible { opacity: 1; transform: translateX(0); }
.reveal-delay-1 { transition-delay: 0.1s; }
.reveal-delay-2 { transition-delay: 0.2s; }
.reveal-delay-3 { transition-delay: 0.3s; }
.reveal-delay-4 { transition-delay: 0.4s; }

/* ========== Hero Particles ========== */
#hero-particles { position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:0; }
.particle { position:absolute; border-radius:50%; background:rgba(251,191,36,0.18); animation:pfloat linear infinite; }
@keyframes pfloat {
    0%   { transform:translateY(100%) scale(0); opacity:0; }
    10%  { opacity:1; }
    90%  { opacity:0.4; }
    100% { transform:translateY(-130%) translateX(20px) scale(1); opacity:0; }
}

/* ========== Hero ========== */
.hero-section { position:relative; overflow:hidden; }
.hero-content { position:relative; z-index:1; }

/* ========== Hover Lift ========== */
.hover-lift { transition: transform 0.28s ease, box-shadow 0.28s ease; }
.hover-lift:hover { transform: translateY(-4px); box-shadow: 0 10px 30px rgba(0,0,0,0.1); }

/* ========== Sticky Buy (mobile) ========== */
#sticky-buy-btn { transform:translateY(100px); transition:transform 0.4s ease; }
#sticky-buy-btn.show { transform:translateY(0); }