Hot Leathers 2nd Amendment Motorcycle Bell - Silver - 1"X1.5" - BED2007
.product-information--media-left section {max-width:100% !important;margin-top:20px;} :root { --hl-accent:#000000; } .hl-accent{ color:var(--hl-accent); } .hl-btn, .hl-btn-outline{ display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:11px 16px; border-radius:12px; text-decoration:none; font-weight:800; letter-spacing:.2px; transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease; outline:none; cursor:pointer; font-family: inherit; line-height:1; user-select:none; -webkit-tap-highlight-color: transparent; white-space:nowrap; } .hl-btn{ background:var(--hl-accent); color:#fff; border:1px solid rgba(255,255,255,.28); box-shadow:0 10px 22px rgba(123,25,21,.25); } .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); } .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); } .hl-btn-outline{ background:#fff; color:var(--hl-accent); border:1px solid var(--hl-accent); box-shadow:0 10px 22px rgba(15,23,42,.08); } .hl-btn-outline:hover{ background:var(--hl-accent); color:#fff; transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.22); } .hl-btn:focus-visible, .hl-btn-outline:focus-visible{ box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset; outline:none; } .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; } /* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== */ .hl-btn-outline.hl-invert{ background:var(--hl-accent); color:#fff; border:1px solid var(--hl-accent); box-shadow:0 10px 22px rgba(123,25,21,.20); } .hl-btn-outline.hl-invert:hover{ background:#fff; color:var(--hl-accent); border-color:var(--hl-accent); transform:translateY(-1px); box-shadow:0 14px 28px rgba(15,23,42,.10); } .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; } .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; } .hl-hero{ padding:20px; border:1px solid rgba(255,255,255,.25); border-radius:12px; margin-bottom:18px; background:var(--hl-accent); color:#fff; text-align:center; box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset; } .hl-hero__meta{ display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center; margin-top:30px; opacity:.92; font-size:13px; } .hl-chip{ display:inline-flex; align-items:center; gap:8px; padding:7px 10px; border-radius:999px; border:1px solid rgba(255,255,255,.28); background:rgba(0,0,0,.14); color:#fff; font-weight:800; letter-spacing:.15px; line-height:1; } .hl-card{ padding:16px; border:1px solid #e5e7eb; border-radius:12px; background:#fff; margin-bottom:18px; text-align:center; } .hl-card__title{ margin:0 0 14px; font-size:18px; letter-spacing:.2px; text-align:center; } .hl-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:14px; margin:0; text-align:left; } .hl-box{ padding:14px; border:1px solid #e5e7eb; border-radius:12px; background:#fff; } .hl-box h3{ margin:0 0 26px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; } .hl-box p{ margin:0; } .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; } .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; } .hl-body{ max-width:900px; margin:0 auto; text-align:left; } .hl-body p{ margin:0 0 10px; } /* Add-ons: 2-up one row (desktop), safe stack on small screens */ .hl-addons{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:14px; margin-top:30px; } @media (max-width: 560px){ .hl-addons{ grid-template-columns:1fr; } } .hl-addons--center .hl-box{ text-align:center; } .hl-addons--center .hl-center-row{ justify-content:center !important; } /* Modal */ .hl-modal{ position:fixed; inset:0; display:none; align-items:center; justify-content:center; padding:18px; background:rgba(15,23,42,.62); z-index:9999; } .hl-modal.is-open{ display:flex; } .hl-modal__panel{ width:min(760px, 100%); background:#fff; border:1px solid #e5e7eb; border-radius:14px; overflow:hidden; box-shadow:0 24px 60px rgba(0,0,0,.25); text-align:left; } .hl-modal__header{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 14px 12px; background:#f8fafc; border-bottom:1px solid #e5e7eb; } .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; } .hl-modal__close{ width:38px; height:38px; display:inline-flex; align-items:center; justify-content:center; border-radius:10px; border:1px solid #e5e7eb; background:#fff; cursor:pointer; line-height:1; font-size:18px; font-family: inherit; transition:transform .12s ease, border-color .12s ease, color .12s ease; } .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); } .hl-modal__close:focus-visible{ box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset; outline:none; } .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; } .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; } .hl-kbd{ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 12px; padding: 2px 6px; border: 1px solid #e5e7eb; border-bottom-width: 2px; border-radius: 8px; background: #fff; color:#111; } Hot Leathers® 2nd Amendment - Silver - 1"X1.5" Motorcycle Bell The Legend How to Hang It Lead-Free Heavy Pewter Includes Split Ring Model: BED2007 Keep the road gremlins guessing with the Hot Leathers 2nd Amendment - Silver - 1"X1.5" Motorcycle Bell. Crafted from heavy-duty, lead-free pewter with a rugged weathered finish, it adds vintage attitude to any bike. Model: BED2007. Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style. Why Riders Choose These Bells HEAVY PEWTER BUILD Solid feel, durable construction, and built to handle the elements and miles. LEAD-FREE METAL Made from lead-free pewter—classic look without the sketchy stuff. WEATHERED VINTAGE FINISH Timeless, rugged styling that complements cruisers, customs, and daily riders. GIFT-READY INCLUDED Includes a split ring for easy attachment and a velvet drawstring pouch. Optional Bell Hangers (Sold Separately) CLEANER MOUNT Use a dedicated bell hanger for a tidy, secure setup. Bell Hanger STEALTH LOOK Prefer a darker finish? Go with the black bell hanger. Bell Hanger Black Read the Legend Hanging Tips The Gremlin Bell Legend × Legend has it that Evil Road Spirits (or “Gremlins”) have been latching themselves onto motorcycles for as long as there have been bikes on the road. These gremlins are blamed for mechanical problems and bad luck on a journey. By attaching a small bell to your bike, the story goes that the spirits become trapped inside the bell—where the constant ringing drives them insane, making them lose their grip and fall away. Ever wonder where potholes come from? Close with ESC or tap outside the box. How to Hang It Close How to Hang Your Bell × Most riders hang the bell low on the bike (often the lowest part of the frame) so it rings freely. Your bell includes a split ring for quick attachment. Pick a spot where it won’t hit moving parts or hot exhaust. Let it hang with a little room to swing and ring. Want a cleaner mount? Add a bell hanger (sold separately). Optional Bell Hangers (Sold Separately) CLEANER MOUNT Use a dedicated bell hanger for a tidy, secure setup. Bell Hanger STEALTH LOOK Prefer a darker finish? Go with the black bell hanger. Bell Hanger Black Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one. Read the Legend Close (function(){ var openers = document.querySelectorAll('[data-hl-open]'); var modals = document.querySelectorAll('.hl-modal'); if(!openers.length || !modals.length) return; var lastFocus = null; function isOpen(m){ return m && m.classList.contains('is-open'); } function lockScroll(lock){ document.documentElement.style.overflow = lock ? 'hidden' : ''; document.body.style.overflow = lock ? 'hidden' : ''; } function closeAll(){ modals.forEach(function(m){ m.classList.remove('is-open'); m.setAttribute('aria-hidden','true'); }); lockScroll(false); } function openModal(modal){ if(!modal) return; closeAll(); lastFocus = document.activeElement; modal.classList.add('is-open'); modal.setAttribute('aria-hidden','false'); var c = modal.querySelector('[data-hl-close]'); if(c) c.focus(); lockScroll(true); } function closeModal(modal){ if(!modal) return; modal.classList.remove('is-open'); modal.setAttribute('aria-hidden','true'); var anyOpen = false; modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; }); if(!anyOpen) lockScroll(false); if(lastFocus && lastFocus.focus) lastFocus.focus(); } openers.forEach(function(btn){ btn.addEventListener('click', function(e){ e.preventDefault(); openModal(document.getElementById(btn.getAttribute('data-hl-open'))); }); }); modals.forEach(function(modal){ modal.querySelectorAll('[data-hl-close]').forEach(function(b){ b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); }); }); modal.addEventListener('click', function(e){ if(e.target === modal) closeModal(modal); }); }); document.addEventListener('keydown', function(e){ if(e.key !== 'Escape') return; modals.forEach(function(m){ if(isOpen(m)) closeModal(m); }); }); document.addEventListener('keydown', function(e){ if(e.key !== 'Tab') return; var activeModal = null; modals.forEach(function(m){ if(isOpen(m)) activeModal = m; }); if(!activeModal) return; var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex="-1"])'); if(!focusable.length) return; var first = focusable[0]; var last = focusable[focusable.length - 1]; if(e.shiftKey && document.activeElement === first){ e.preventDefault(); last.focus(); } else if(!e.shiftKey && document.activeElement === last){ e.preventDefault(); first.focus(); } }); })();
