Honourable All-in-One Men’s Grooming Kit | Perfume, Shower Gel & Body Spray Set

🧼 Honourable All-in-One Men’s Kit – Smell Fresh. Feel Confident.
Upgrade your daily grooming routine with the Honourable Men’s All-in-One Kit, featuring a signature perfume, refreshing shower gel, and long-lasting body spray. Designed for the modern man who values cleanliness, confidence, and convenience—all in one stylish set.

🔥 Kit Includes:

• 👔 Honourable Perfume (EDT) – Masculine, long-lasting fragrance with a bold, fresh scent

• 🚿 Shower Gel – Deep-cleansing formula with skin-friendly ingredients for all-day freshness

• 💨 Body Spray (Soray) – Quick freshen-up anytime, anywhere with a light mist that lasts

💪 Why You’ll Love It:

• 3-in-1 Complete Grooming Set

• Perfect for daily use, gym, travel, or gifting

• Great fragrance layering for all-day impact

• Packed in a sleek, masculine package

🎁 Perfect Gift For:

• Birthdays, Father’s Day, or special occasions

• Men who love to stay fresh and stylish

• Gym-goers, travelers, and everyday professionals

📦 What’s in the Box:

• 1x Honourable Perfume

• 1x Shower Gel

• 1x Body Spray (Soray)

🛍️ Smell Honourable. Feel Unstoppable.
Order your kit now and level up your grooming game!

<!-- Mini Floating Reel (Shopify Video) -->
<style>
  #floating-reel {
    position: fixed;
    bottom: 80px;
    right: 20px;
    width: 120px;
    height: 213px;
    z-index: 9000;
    border-radius: 12px;
    overflow: hidden;
    background: black;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    transition: all 0.3s ease;
  }

  #floating-reel video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: auto;
    background: black;
  }

  #floating-reel.enlarged {
    width: 320px;
    height: 570px;
    bottom: 50%;
    right: 50%;
    transform: translate(50%, 50%);
    border-radius: 16px;
    box-shadow: 0 0 30px rgba(0,0,0,0.7);
  }

  #floating-reel.enlarged video {
    object-fit: cover;
  }

  .btn {
    position: absolute;
    background: rgba(0,0,0,0.6);
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 16px;
    color: white;
    z-index: 10001;
    transition: opacity 0.3s ease;
  }

  #mute-btn {
    bottom: 6px;
    right: 6px;
  }

  #floating-reel.enlarged #mute-btn {
    opacity: 0;
    pointer-events: none;
  }

  #enlarge-btn {
    top: 6px;
    right: 6px;
  }

  #close-btn {
    top: 6px;
    right: 44px;
    display: none;
  }

  .add-to-cart-button {
    position: relative;
    z-index: 10001 !important;
  }
</style>

<div id="floating-reel">
  <video id="reel-video" autoplay muted loop playsinline controls>
    <source src="https://cdn.shopify.com/videos/c/o/v/4361223391044da8afa8d49e4e1a8472.mp4" type="video/mp4">
    Your browser does not support the video tag.
  </video>

  <button id="mute-btn" class="btn" title="Mute/Unmute">🔇</button>
  <button id="enlarge-btn" class="btn" title="Expand">⛶</button>
  <button id="close-btn" class="btn" title="Close">❌</button>
</div>

<script>
  const video = document.getElementById('reel-video');
  const muteBtn = document.getElementById('mute-btn');
  const enlargeBtn = document.getElementById('enlarge-btn');
  const closeBtn = document.getElementById('close-btn');
  const reel = document.getElementById('floating-reel');

  muteBtn.addEventListener('click', () => {
    video.muted = !video.muted;
    muteBtn.textContent = video.muted ? "🔇" : "🔊";
  });

  enlargeBtn.addEventListener('click', () => {
    reel.classList.add('enlarged');
    enlargeBtn.style.display = 'none';
    closeBtn.style.display = 'flex';
  });

  closeBtn.addEventListener('click', () => {
    reel.classList.remove('enlarged');
    enlargeBtn.style.display = 'flex';
    closeBtn.style.display = 'none';
  });
</script>