/* WhatsApp Bubble */ .whatsapp-bubble { position: fixed; bottom: 35px; right: 30px; background: #000; color: #FFD400; padding: 20px 22px 18px; border-radius: 16px; font-size: 17px; font-weight: 700; line-height: 1.7; box-shadow: 0 18px 40px rgba(0,0,0,0.6); z-index: 99999; max-width: 320px; opacity: 0; transform: translateY(50px) scale(0.9); animation: bubbleIn 0.9s cubic-bezier(0.25, 1, 0.5, 1) forwards; } /* دکمه ضربدر */ .whatsapp-bubble .close-btn { position: absolute; top: 8px; left: 10px; font-size: 18px; color: #FFD400; cursor: pointer; opacity: 0.8; } .whatsapp-bubble .close-btn:hover { opacity: 1; } /* ناحیه کلیک واتساپ */ .whatsapp-bubble .content { cursor: pointer; } /* فلش پایین */ .whatsapp-bubble::after { content: ""; position: absolute; bottom: -12px; right: 25px; border-width: 12px 12px 0; border-style: solid; border-color: #000 transparent transparent transparent; } /* افکت پالس ملایم */ .whatsapp-bubble::before { content: ""; position: absolute; inset: 0; border-radius: 16px; background: rgba(255, 212, 0, 0.15); animation: pulse 2.8s infinite; z-index: -1; } /* انیمیشن ورود */ @keyframes bubbleIn { from { opacity: 0; transform: translateY(60px) scale(0.85); } to { opacity: 1; transform: translateY(0) scale(1); } } /* پالس */ @keyframes pulse { from { transform: scale(1); opacity: 0.6; } to { transform: scale(1.18); opacity: 0; } } /* موبایل */ @media (max-width: 768px) { .whatsapp-bubble { font-size: 16px; bottom: 20px; right: 15px; } }
لرزه گیر استیل لب جوش 304
لرزه گیر استیل لب جوش 304
1,500,000
لرزه گیر بلوز دار فلنجی استنلس استیل 304
لرزه گیر بلوز دار فلنجی استنلس استیل 304تماس بگیرید
برگشت به بالا