Tüm Ürünler

body .floating-social-bar{ position: fixed !important; left: 12px !important; top: 50% !important; bottom: auto !important; transform: translateY(-50%) !important; z-index: 999999 !important; display: flex !important; flex-direction: column !important; gap: 8px !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } body .floating-social-bar .social-float{ width: 52px !important; height: 52px !important; display: flex !important; align-items: center !important; justify-content: center !important; text-decoration: none !important; color: #ffffff !important; border-radius: 14px !important; box-shadow: 0 12px 30px rgba(0,0,0,.18) !important; transition: transform .25s ease, box-shadow .25s ease !important; overflow: hidden !important; } body .floating-social-bar .social-float svg{ width: 24px !important; height: 24px !important; display: block !important; } body .floating-social-bar .social-float:hover{ transform: translateX(4px) !important; color: #ffffff !important; } body .floating-social-bar .instagram{ background: linear-gradient(180deg, #f58529 0%, #dd2a7b 45%, #8134af 75%, #515bd4 100%) !important; } body .floating-social-bar .youtube{ background: linear-gradient(180deg, #ff2d2d 0%, #cc0000 100%) !important; } @media (max-width: 991px){ body .floating-social-bar{ left: 8px !important; top: 50% !important; bottom: auto !important; transform: translateY(-50%) !important; flex-direction: column !important; gap: 6px !important; } body .floating-social-bar .social-float{ width: 44px !important; height: 44px !important; border-radius: 12px !important; } body .floating-social-bar .social-float svg{ width: 20px !important; height: 20px !important; } body .floating-social-bar .social-float:hover{ transform: none !important; } }