FRETE GRÁTIS a partir de R$ 299!
CUPOM: NEWS10
Até 8x sem juros
Banner da categoria Homem

Desculpe, no momento não temos produtos para exibir nesta categoria.

Talvez você se interesse pelos seguintes produtos

(function() { const styles = ` .floating-video-btn { position: fixed; width: 80px; height: 80px; border-radius: 50%; background: linear-gradient(135deg, #ff6b6b 0%, #ff8787 100%); border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; z-index: 9999; box-shadow: 0 8px 24px rgba(255, 107, 107, 0.4); transition: all 0.3s ease; left: 20px; bottom: 100px; overflow: hidden; } .floating-video-btn:hover { transform: scale(1.1); box-shadow: 0 12px 32px rgba(255, 107, 107, 0.6); } .floating-video-btn video { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; } .floating-video-play-icon { position: absolute; font-size: 32px; color: white; opacity: 0; transition: opacity 0.3s ease; z-index: 100; } .floating-video-btn:hover .floating-video-play-icon { opacity: 1; } .floating-video-close-small { position: absolute; top: -16px; right: -16px; width: 32px; height: 32px; background: #ff4444; border: 3px solid white; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; color: white; z-index: 10001; padding: 0; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); transition: all 0.2s ease; font-size: 18px; pointer-events: auto; } .floating-video-close-small:hover { background: #cc0000; transform: scale(1.15); box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4); } .floating-video-modal-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.85); display: none; align-items: center; justify-content: center; z-index: 10000; padding: 20px; } .floating-video-modal-overlay.open { display: flex; } .floating-video-modal-content { position: relative; width: 100%; max-width: 900px; aspect-ratio: 16 / 9; background: black; border-radius: 12px; overflow: hidden; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.8); } .floating-video-modal-content video { width: 100%; height: 100%; object-fit: contain; } .floating-video-modal-close { position: absolute; top: 20px; right: 20px; width: 44px; height: 44px; background: rgba(255, 255, 255, 0.2); border: 2px solid white; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; color: white; font-size: 28px; z-index: 10001; transition: all 0.2s ease; } .floating-video-modal-close:hover { background: rgba(255, 255, 255, 0.3); transform: scale(1.1); } @media (max-width: 768px) { .floating-video-btn { width: 70px; height: 70px; bottom: 80px; } .floating-video-modal-content { max-width: 100%; } } `; const styleSheet = document.createElement('style'); styleSheet.textContent = styles; document.head.appendChild(styleSheet); let position = { x: 20, y: 100 }; let isDragging = false; let dragOffset = { x: 0, y: 0 }; let isHidden = localStorage.getItem('floatingVideoHidden') === 'true'; const VIDEO_URL = 'https://d2xsxph8kpxj0f.cloudfront.net/310519663441930947/8RwhXnZyQdmpTw3CZ2moEG/instagram_video_d7fae3c4.mp4'; function createComponent() { const container = document.getElementById('floating-video-root'); if (!container) return; container.innerHTML = \` \`; const btn = document.getElementById('floating-btn'); if (btn) { btn.style.left = position.x + 'px'; btn.style.bottom = position.y + 'px'; if (isHidden) btn.style.display = 'none'; } setupEventListeners(); } function setupEventListeners() { const btn = document.getElementById('floating-btn'); const closeBtn = document.getElementById('close-btn'); const modal = document.getElementById('modal-overlay'); const modalClose = document.getElementById('modal-close'); if (btn) { btn.addEventListener('mousedown', startDrag); btn.addEventListener('touchstart', startDrag); btn.addEventListener('click', openModal); } if (closeBtn) { closeBtn.addEventListener('click', (e) => { e.stopPropagation(); hideButton(); }); } if (modalClose) { modalClose.addEventListener('click', closeModal); } if (modal) { modal.addEventListener('click', (e) => { if (e.target === modal) closeModal(); }); } document.addEventListener('mousemove', drag); document.addEventListener('touchmove', drag); document.addEventListener('mouseup', stopDrag); document.addEventListener('touchend', stopDrag); } function startDrag(e) { if (e.target.closest('.floating-video-close-small')) return; isDragging = true; const btn = document.getElementById('floating-btn'); const rect = btn.getBoundingClientRect(); dragOffset.x = e.clientX - rect.left; dragOffset.y = e.clientY - rect.top; } function drag(e) { if (!isDragging) return; const btn = document.getElementById('floating-btn'); const x = e.clientX - dragOffset.x; const y = window.innerHeight - e.clientY - dragOffset.y; btn.style.left = Math.max(0, Math.min(x, window.innerWidth - 80)) + 'px'; btn.style.bottom = Math.max(0, Math.min(y, window.innerHeight - 80)) + 'px'; } function stopDrag() { if (!isDragging) return; isDragging = false; const btn = document.getElementById('floating-btn'); position.x = parseInt(btn.style.left); position.y = parseInt(btn.style.bottom); localStorage.setItem('floatingVideoPosition', JSON.stringify(position)); } function openModal(e) { if (isDragging) return; const modal = document.getElementById('modal-overlay'); if (modal) { modal.classList.add('open'); const video = modal.querySelector('video'); if (video) video.play(); } } function closeModal() { const modal = document.getElementById('modal-overlay'); if (modal) { modal.classList.remove('open'); const video = modal.querySelector('video'); if (video) video.pause(); } } function hideButton() { const btn = document.getElementById('floating-btn'); if (btn) btn.style.display = 'none'; localStorage.setItem('floatingVideoHidden', 'true'); } const saved = localStorage.getItem('floatingVideoPosition'); if (saved) { position = JSON.parse(saved); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', createComponent); } else { createComponent(); } })();