{"title":"Motorcycle Bells","description":"\u003cdiv class=\"col\"\u003e\n\u003cdiv class=\"category-info\"\u003e\n\u003cdiv class=\"page-title category-title\"\u003e\n\u003ch1\u003e\u003cbr\u003e\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","products":[{"product_id":"bell-hanger","title":"Hot Leathers BEH1001 Bell Hanger for Guardian Bell","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • BELL HANGERS • UNIVERSAL A+ DESCRIPTION (BELL-STYLE CONSISTENT + BELLS COLLECTION CTA) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e\u003cbr \/\u003e  :root { --hl-accent:#7B1915; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== Buttons ===== *\/\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== Reversed hover scheme (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== Wrapper (center everything) ===== *\/\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== HERO (glow) ===== *\/\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:10px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== Cards \/ grids (bell-style) ===== *\/\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 6px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== 2-up section (one line on desktop) ===== *\/\u003cbr \/\u003e  .hl-two{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:10px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-two{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-two--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-two--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== Modal ===== *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e\u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003c!-- HERO --\u003e\u003cbr\u003e\u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e\u003ch2 style=\"margin: 0 0 6px; font-size: 22px; letter-spacing: .3px;\"\u003eHot Leathers® Bell Hanger Silver\u003c\/h2\u003e\n\u003cbr\u003e\u003cp style=\"margin: 0 0 14px; opacity: .92;\"\u003eClean, secure mount for your gremlin bell setup • Bolt-on hardware • Built for the road\u003c\/p\u003e\n\u003cbr\u003e\u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e\u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-hanger-install-BEH1002\" aria-haspopup=\"dialog\" aria-controls=\"hl-hanger-install-BEH1002\"\u003e \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M6 7h12M6 12h12M6 17h12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e Install Tips \u003c\/button\u003e \u003ca class=\"hl-btn\" href=\"https:\/\/hotleathers.com\/collections\/motorcycle-bells\" aria-label=\"Shop Motorcycle Bells Collection\"\u003e \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e Shop Motorcycle Bells \u003c\/a\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e\u003cspan class=\"hl-chip\"\u003eBolt-On Install\u003c\/span\u003e \u003cspan class=\"hl-chip\"\u003eHeavy-Duty Hardware\u003c\/span\u003e \u003cspan class=\"hl-chip\"\u003eWeather-Resistant\u003c\/span\u003e \u003cspan class=\"hl-chip\"\u003eColor: Black\u003c\/span\u003e \u003cspan class=\"hl-chip\"\u003ePart: BEH1001 \u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\u003cdiv class=\"hl-divider-tight\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003c!-- MAIN COPY --\u003e\u003cbr\u003e\u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e\u003cp\u003eSecure your good luck gremlin bell with the Hot Leathers Bell Hanger in \u003cstrong\u003eSilver\u003c\/strong\u003e. Designed for riders who want a \u003cstrong\u003eclean, reliable mount\u003c\/strong\u003e, this hanger helps keep your bell firmly in place while resisting the elements of the open road.\u003c\/p\u003e\n\u003cbr\u003e\u003cp\u003eThe \u003cstrong\u003eBEH1001\u003c\/strong\u003e features a simple bolt-on installation and fits most motorcycle setups. Part number: \u003c\/p\u003e\n\u003cbr\u003e\u003cp class=\"hl-note\" style=\"margin-top: 6px;\"\u003eHeads up: \u003cstrong\u003eBell sold separately.\u003c\/strong\u003e Need one? Hit the “Shop Motorcycle Bells” button above.\u003c\/p\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\u003c!-- WHY RIDERS CHOOSE (CARD) + BELLS COLLECTION CROSS-SELL --\u003e\u003cbr\u003e\u003cdiv class=\"hl-card\" style=\"margin-top: 10px;\"\u003e\n\u003cbr\u003e\u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bell Hangers\u003c\/h2\u003e\n\u003cbr\u003e\u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e\u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e\u003ch3 class=\"hl-accent\"\u003eSECURE, CLEAN MOUNT\u003c\/h3\u003e\n\u003cbr\u003e\u003cp\u003eKeeps your bell stable and positioned where it can ring freely.\u003c\/p\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e\u003ch3 class=\"hl-accent\"\u003eBUILT FOR THE ROAD\u003c\/h3\u003e\n\u003cbr\u003e\u003cp\u003eHeavy-duty hardware designed to handle miles, vibration, and weather.\u003c\/p\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e\u003ch3 class=\"hl-accent\"\u003eBOLT-ON SIMPLE\u003c\/h3\u003e\n\u003cbr\u003e\u003cp\u003eEasy install that works with most bikes - no drama, no guesswork.\u003c\/p\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e\u003ch3 class=\"hl-accent\"\u003eFINISH OPTIONS\u003c\/h3\u003e\n\u003cbr\u003e\u003cp\u003ePick the look that matches your ride: \u003cb\u003eSilver \u003c\/b\u003ehanger styling.\u003c\/p\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\u003cdiv class=\"hl-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003c!-- BELLS COLLECTION CROSS-SELL (CENTERED + REVERSED BUTTON SCHEME) --\u003e\u003cbr\u003e\u003ch3 class=\"hl-accent\" style=\"margin: 0 0 10px; font-size: 13px; letter-spacing: .35px; font-weight: 900; text-transform: uppercase; text-align: center;\"\u003eComplete the Setup\u003c\/h3\u003e\n\u003cbr\u003e\u003cdiv class=\"hl-two hl-two--center\"\u003e\n\u003cbr\u003e\u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e\u003ch3 class=\"hl-accent\"\u003eADD A MOTORCYCLE BELL\u003c\/h3\u003e\n\u003cbr\u003e\u003cp\u003ePair this hanger with a gremlin bell for the full tradition-ready setup.\u003c\/p\u003e\n\u003cbr\u003e\u003cdiv class=\"hl-center-row\" style=\"margin-top: 10px;\"\u003e\u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/collections\/motorcycle-bells\"\u003eShop Motorcycle Bells\u003c\/a\u003e\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e\u003ch3 class=\"hl-accent\"\u003eINSTALL QUICK \u0026amp; CLEAN\u003c\/h3\u003e\n\u003cbr\u003e\u003cp\u003eWant the fastest, cleanest mount? Follow the quick install tips.\u003c\/p\u003e\n\u003cbr\u003e\u003cdiv class=\"hl-center-row\" style=\"margin-top: 10px;\"\u003e\u003cbutton class=\"hl-btn-outline hl-invert\" type=\"button\" data-hl-open=\"hl-hanger-install-BEH1002\" aria-haspopup=\"dialog\" aria-controls=\"hl-hanger-install-BEH1002\"\u003e View Install Tips \u003c\/button\u003e\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\u003c!-- ===== POPUP: Install Tips ===== --\u003e\u003cbr\u003e\u003cdiv class=\"hl-modal\" id=\"hl-hanger-install-BEH1002\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-hanger-install-title-BEH1002\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e\u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e\u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e\u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-hanger-install-title-BEH1002\"\u003eBell Hanger Install Tips\u003c\/h3\u003e\n\u003cbr\u003e\u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close=\"\" aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e\u003cp style=\"margin: 0 0 10px;\"\u003eInstall is simple: choose a spot where your bell can hang freely and won’t contact moving parts or hot exhaust. Part number: \u003cstrong\u003eBEH1002\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cbr\u003e\u003col style=\"margin: 0 0 10px 18px;\"\u003e\n\u003cbr\u003e\u003cli\u003ePick a solid mounting point (frame \/ bracket area) with clearance to swing.\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003eAttach the hanger hardware snugly—don’t overtighten to the point of stripping.\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003eHang your bell so it can ring and won’t hit the bike.\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003eAfter your first ride, re-check tightness (vibration is real).\u003c\/li\u003e\n\u003cbr\u003e\n\u003c\/ol\u003e\n\u003cbr\u003e\u003cp class=\"hl-note\" style=\"margin-top: 10px;\"\u003eNote: \u003cstrong\u003eBell sold separately.\u003c\/strong\u003e Need one? Browse the collection.\u003c\/p\u003e\n\u003cbr\u003e\u003cdiv class=\"hl-center-row\" style=\"margin-top: 12px; justify-content: flex-start;\"\u003e\n\u003cbr\u003e\u003ca class=\"hl-btn-outline\" href=\"https:\/\/hotleathers.com\/collections\/motorcycle-bells\"\u003eShop Motorcycle Bells\u003c\/a\u003e \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close=\"\"\u003eClose\u003c\/button\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\u003cp class=\"hl-note\" style=\"margin-top: 10px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- Notes:\u003cbr \/\u003e  Replace placeholders:\u003cbr \/\u003e  [COLOR] = the hanger color (e.g., Black \/ Antique Gold \/ etc.)\u003cbr \/\u003e  [MODEL] = the hanger part number \/ model (used in text + modal IDs to reduce collisions)\u003cbr \/\u003e--\u003e\u003c\/p\u003e","brand":"BEH1001","offers":[{"title":"SILVER \/ 1\"X1.5\"","offer_id":39781024792770,"sku":"1653","price":4.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/beh1001-a01.jpg?v=1728656306"},{"product_id":"bell-plain-1","title":"Hot Leathers Plain Motorcycle Bell - Silver - 1\"X1.5\" - BED2001","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003ePlain - Silver - 1\"X1.5\"\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BED2001\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BED2001\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BED2001\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BED2001\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BED2001\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003ePlain - Silver - 1\"X1.5\"\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBED2001\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BED2001\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BED2001\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BED2001\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BED2001\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BED2001\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BED2001-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BED2001-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BED2001\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BED2001\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BED2001\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BED2001-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BED2001-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BED2001\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BED2001\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BED2001","offers":[{"title":"SILVER \/ 1\"X1.5\"","offer_id":43116708135106,"sku":"42809","price":5.0,"currency_code":"USD","in_stock":true}]},{"product_id":"bell-gothic-cross","title":"Hot Leathers Gothic Cross Motorcycle Bell - Silver - 1\"X1.5\" - BED2002","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003eGothic Cross - Silver - 1\"X1.5\"\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BED2002\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BED2002\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BED2002\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BED2002\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BED2002\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003eGothic Cross - Silver - 1\"X1.5\"\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBED2002\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BED2002\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BED2002\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BED2002\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BED2002\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BED2002\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BED2002-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BED2002-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BED2002\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BED2002\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BED2002\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BED2002-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BED2002-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BED2002\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BED2002\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BED2002","offers":[{"title":"SILVER \/ 1\"X1.5\"","offer_id":43193465077954,"sku":"42971","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BED2002-A01_23bdc524-54e5-4f5f-b7c6-3ce287fb7b73.jpg?v=1739233161"},{"product_id":"bell-skeleton-handful","title":"Hot Leathers Skeleton Handful Motorcycle Bell - Silver - BEM1001","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003eSkeleton Handful - Silver\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1001\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1001\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1001\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1001\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BEM1001\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003eSkeleton Handful - Silver\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBEM1001\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1001\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1001\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1001\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1001\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BEM1001\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BEM1001-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BEM1001-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1001\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1001\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BEM1001\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BEM1001-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BEM1001-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1001\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1001\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BEM1001","offers":[{"title":"SILVER","offer_id":44043148689602,"sku":"45272","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BEM1001-A01.jpg?v=1728658634"},{"product_id":"bell-2nd-amendment-handgun","title":"Hot Leathers 2ND Amendment Handgun Motorcycle Bell - Silver - BEM1002","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003e2ND Amendment Handgun - Silver\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1002\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1002\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1002\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1002\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BEM1002\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003e2ND Amendment Handgun - Silver\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBEM1002\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1002\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1002\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1002\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1002\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BEM1002\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BEM1002-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BEM1002-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1002\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1002\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BEM1002\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BEM1002-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BEM1002-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1002\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1002\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BEM1002","offers":[{"title":"SILVER","offer_id":44043148951746,"sku":"45273","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BEM1002-A01.jpg?v=1728658635"},{"product_id":"bell-native","title":"Hot Leathers Native Motorcycle Bell - Silver - BEM1003","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003eNative - Silver\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1003\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1003\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1003\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1003\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BEM1003\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003eNative - Silver\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBEM1003\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1003\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1003\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1003\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1003\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BEM1003\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BEM1003-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BEM1003-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1003\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1003\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BEM1003\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BEM1003-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BEM1003-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1003\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1003\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BEM1003","offers":[{"title":"SILVER","offer_id":44043149017282,"sku":"45274","price":5.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BEM1003-A01.jpg?v=1728658638"},{"product_id":"bell-angel-wings-red-stones","title":"Hot Leathers Angel Wings Red Stones Motorcycle Bell - Black - BEM1005","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003eAngel Wings Red Stones - Black\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1005\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1005\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1005\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1005\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BEM1005\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003eAngel Wings Red Stones - Black\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBEM1005\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1005\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1005\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1005\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1005\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BEM1005\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BEM1005-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BEM1005-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1005\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1005\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BEM1005\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BEM1005-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BEM1005-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1005\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1005\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BEM1005","offers":[{"title":"BLACK","offer_id":44043149344962,"sku":"45276","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BEM1005-A01.jpg?v=1728658640"},{"product_id":"bell-soaring-eagle","title":"Hot Leathers Soaring Eagle Motorcycle Bell - Silver - BEM1006","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003eSoaring Eagle - Silver\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1006\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1006\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1006\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1006\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BEM1006\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003eSoaring Eagle - Silver\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBEM1006\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1006\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1006\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1006\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1006\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BEM1006\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BEM1006-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BEM1006-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1006\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1006\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BEM1006\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BEM1006-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BEM1006-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1006\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1006\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BEM1006","offers":[{"title":"SILVER","offer_id":44043149443266,"sku":"45277","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BEM1006-A01.jpg?v=1739233159"},{"product_id":"bell-skeleton-fingers","title":"Hot Leathers Skeleton Fingers Motorcycle Bell - Silver - BEM1007","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003eSkeleton Fingers - Silver\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1007\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1007\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1007\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1007\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BEM1007\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003eSkeleton Fingers - Silver\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBEM1007\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1007\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1007\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1007\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1007\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BEM1007\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BEM1007-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BEM1007-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1007\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1007\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BEM1007\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BEM1007-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BEM1007-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1007\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1007\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BEM1007","offers":[{"title":"SILVER","offer_id":44043149672642,"sku":"45278","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BEM1007-A01.jpg?v=1728658641"},{"product_id":"bell-celtic-cross-green-stone","title":"Hot Leathers Celtic Cross Green Stone Motorcycle Bell - Silver - BEM1008","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003eCeltic Cross Green Stone - Silver\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1008\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1008\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1008\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1008\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BEM1008\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003eCeltic Cross Green Stone - Silver\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBEM1008\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1008\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1008\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1008\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1008\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BEM1008\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BEM1008-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BEM1008-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1008\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1008\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BEM1008\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BEM1008-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BEM1008-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1008\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1008\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BEM1008","offers":[{"title":"SILVER","offer_id":44043149738178,"sku":"45279","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BEM1008-A01.jpg?v=1728658644"},{"product_id":"bell-native-red-stones","title":"Hot Leathers Native Red Stones Motorcycle Bell - Silver - BEM1010","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003eNative Red Stones - Silver\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1010\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1010\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1010\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1010\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BEM1010\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003eNative Red Stones - Silver\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBEM1010\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1010\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1010\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1010\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1010\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BEM1010\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BEM1010-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BEM1010-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1010\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1010\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BEM1010\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BEM1010-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BEM1010-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1010\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1010\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BEM1010","offers":[{"title":"SILVER","offer_id":44043150098626,"sku":"45281","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BEM1010-A01.jpg?v=1728658648"},{"product_id":"bell-musical","title":"Hot Leathers Musical Motorcycle Bell - Silver - BEM1011","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003eMusical - Silver\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1011\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1011\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1011\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1011\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BEM1011\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003eMusical - Silver\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBEM1011\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1011\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1011\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1011\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1011\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BEM1011\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BEM1011-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BEM1011-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1011\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1011\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BEM1011\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BEM1011-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BEM1011-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1011\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1011\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BEM1011","offers":[{"title":"SILVER","offer_id":44043150164162,"sku":"45282","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BEM1011-A01.jpg?v=1728658650"},{"product_id":"bell-flame-skull-red-stones","title":"Hot Leathers Flame Skull Red Stones Motorcycle Bell - Silver - BEM1012","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003eFlame Skull Red Stones - Silver\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1012\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1012\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1012\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1012\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BEM1012\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003eFlame Skull Red Stones - Silver\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBEM1012\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1012\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1012\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1012\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1012\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BEM1012\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BEM1012-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BEM1012-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1012\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1012\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BEM1012\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BEM1012-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BEM1012-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1012\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1012\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BEM1012","offers":[{"title":"SILVER","offer_id":44043150393538,"sku":"45283","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BEM1012-A01.jpg?v=1728658651"},{"product_id":"bell-laughing-skull","title":"Hot Leathers Laughing Skull Motorcycle Bell - Silver - BEM1013","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003eLaughing Skull - Silver\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1013\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1013\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1013\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1013\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BEM1013\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003eLaughing Skull - Silver\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBEM1013\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1013\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1013\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1013\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1013\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BEM1013\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BEM1013-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BEM1013-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1013\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1013\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BEM1013\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BEM1013-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BEM1013-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1013\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1013\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BEM1013","offers":[{"title":"SILVER","offer_id":44043150491842,"sku":"45284","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BEM1013-A01.jpg?v=1728658652"},{"product_id":"bell-skull-wings-rider","title":"Hot Leathers Skull Wing Rider Motorcycle Bell - Silver - BEM1014","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003eSkull Wing Rider - Silver\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1014\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1014\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1014\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1014\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BEM1014\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003eSkull Wing Rider - Silver\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBEM1014\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1014\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1014\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1014\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1014\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BEM1014\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BEM1014-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BEM1014-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1014\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1014\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BEM1014\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BEM1014-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BEM1014-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1014\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1014\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BEM1014","offers":[{"title":"SILVER","offer_id":44043150721218,"sku":"45285","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BEM1014-A01.jpg?v=1728658654"},{"product_id":"bell-angel-love-you","title":"Hot Leathers Angel I Love You Motorcycle Bell - Silver - BEM1015","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003eAngel I Love You - Silver\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1015\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1015\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1015\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1015\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BEM1015\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003eAngel I Love You - Silver\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBEM1015\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1015\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1015\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1015\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1015\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BEM1015\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BEM1015-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BEM1015-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1015\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1015\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BEM1015\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BEM1015-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BEM1015-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1015\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1015\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BEM1015","offers":[{"title":"SILVER","offer_id":44043150819522,"sku":"45286","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BEM1015-A01.jpg?v=1728658656"},{"product_id":"bell-finger","title":"Hot Leathers Finger Motorcycle Bell - Silver - BEM1016","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003eFinger - Silver\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1016\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1016\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1016\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1016\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BEM1016\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003eFinger - Silver\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBEM1016\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1016\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1016\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1016\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1016\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BEM1016\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BEM1016-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BEM1016-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1016\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1016\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BEM1016\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BEM1016-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BEM1016-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1016\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1016\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BEM1016","offers":[{"title":"SILVER","offer_id":44043150885058,"sku":"45287","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BEM1016-A01.jpg?v=1739233158"},{"product_id":"bell-fallen-heroes","title":"Hot Leathers Fallen Heroes Motorcycle Bell - Silver - BEM1017","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003eFallen Heroes - Silver\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1017\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1017\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1017\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1017\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BEM1017\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003eFallen Heroes - Silver\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBEM1017\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1017\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1017\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1017\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1017\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BEM1017\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BEM1017-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BEM1017-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1017\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1017\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BEM1017\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BEM1017-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BEM1017-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1017\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1017\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BEM1017","offers":[{"title":"SILVER","offer_id":44043151147202,"sku":"45288","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BEM1017-A01.jpg?v=1728658659"},{"product_id":"bell-mermaid","title":"Hot Leathers Mermaid Motorcycle Bell - Silver - BEM1018","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003eMermaid - Silver\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1018\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1018\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1018\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1018\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BEM1018\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003eMermaid - Silver\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBEM1018\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1018\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1018\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1018\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1018\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BEM1018\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BEM1018-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BEM1018-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1018\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1018\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BEM1018\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BEM1018-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BEM1018-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1018\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1018\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BEM1018","offers":[{"title":"SILVER","offer_id":44043151245506,"sku":"45289","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BEM1018-A01.jpg?v=1728658660"},{"product_id":"bell-heart-rose","title":"Hot Leathers Heart Rose Motorcycle Bell - Silver - BEM1019","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003eHeart Rose - Silver\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1019\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1019\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1019\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1019\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BEM1019\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003eHeart Rose - Silver\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBEM1019\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1019\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1019\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1019\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1019\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BEM1019\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BEM1019-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BEM1019-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1019\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1019\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BEM1019\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BEM1019-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BEM1019-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1019\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1019\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BEM1019","offers":[{"title":"SILVER","offer_id":44043151442114,"sku":"45290","price":5.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BEM1019-A01.jpg?v=1728658661"},{"product_id":"bell-never-ride-faster-than","title":"Hot Leathers Never Ride Faster Than Motorcycle Bell - Silver - BEM1020","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003eNever Ride Faster Than - Silver\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1020\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1020\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1020\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1020\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BEM1020\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003eNever Ride Faster Than - Silver\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBEM1020\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1020\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1020\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1020\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1020\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BEM1020\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BEM1020-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BEM1020-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1020\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1020\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BEM1020\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BEM1020-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BEM1020-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1020\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1020\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BEM1020","offers":[{"title":"SILVER","offer_id":44043151540418,"sku":"45291","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BEM1020-A01.jpg?v=1728658663"},{"product_id":"bell-viking-skull-red-stones","title":"Hot Leathers Viking Skull Red Stones Motorcycle Bell - Silver - BEM1021","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003eViking Skull Red Stones - Silver\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1021\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1021\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1021\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1021\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BEM1021\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003eViking Skull Red Stones - Silver\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBEM1021\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1021\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1021\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1021\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1021\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BEM1021\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BEM1021-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BEM1021-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1021\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1021\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BEM1021\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BEM1021-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BEM1021-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1021\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1021\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BEM1021","offers":[{"title":"SILVER","offer_id":44043151638722,"sku":"45292","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BEM1021-A01.jpg?v=1728658664"},{"product_id":"bell-4-bs","title":"Hot Leathers 4 B's Motorcycle Bell - Silver - BEM1022","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003e4 B's - Silver\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1022\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1022\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1022\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1022\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BEM1022\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003e4 B's - Silver\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBEM1022\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1022\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1022\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1022\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1022\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BEM1022\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BEM1022-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BEM1022-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1022\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1022\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BEM1022\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BEM1022-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BEM1022-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1022\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1022\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BEM1022","offers":[{"title":"SILVER","offer_id":44043151868098,"sku":"45293","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BEM1022-A01.jpg?v=1728658668"},{"product_id":"bell-bearded-biker-red-stones","title":"Hot Leathers Bearded Biker Red Stones Motorcycle Bell - Silver - BEM1023","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003eBearded Biker Red Stones - Silver\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1023\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1023\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1023\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1023\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BEM1023\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003eBearded Biker Red Stones - Silver\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBEM1023\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1023\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1023\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1023\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1023\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BEM1023\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BEM1023-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BEM1023-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1023\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1023\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BEM1023\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BEM1023-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BEM1023-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1023\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1023\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BEM1023","offers":[{"title":"SILVER","offer_id":44043151933634,"sku":"45294","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BEM1023-A01.jpg?v=1728658669"},{"product_id":"bell-biker-angel-riding","title":"Hot Leathers Biker Angel Riding Motorcycle Bell - Silver - BEM1025","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003eBiker Angel Riding - Silver\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1025\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1025\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1025\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1025\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BEM1025\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003eBiker Angel Riding - Silver\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBEM1025\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1025\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1025\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1025\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1025\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BEM1025\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BEM1025-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BEM1025-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1025\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1025\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BEM1025\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BEM1025-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BEM1025-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1025\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1025\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BEM1025","offers":[{"title":"SILVER","offer_id":44068523770050,"sku":"45407","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BEM1025-A01.jpg?v=1728658671"},{"product_id":"bell-double-reaper","title":"Hot Leathers Double Reaper Motorcycle Bell - Silver - BEM1027","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003eDouble Reaper - Silver\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1027\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1027\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1027\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1027\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BEM1027\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003eDouble Reaper - Silver\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBEM1027\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1027\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1027\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1027\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1027\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BEM1027\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BEM1027-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BEM1027-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1027\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1027\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BEM1027\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BEM1027-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BEM1027-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1027\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1027\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BEM1027","offers":[{"title":"SILVER","offer_id":44068524228802,"sku":"45409","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BEM1027-A01.jpg?v=1728658674"},{"product_id":"bell-never-ride-faster-angel","title":"Hot Leathers Never Ride Faster Ange Motorcycle Bell - Silver - BEM1031","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003eNever Ride Faster Ange - Silver\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1031\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1031\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1031\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1031\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BEM1031\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003eNever Ride Faster Ange - Silver\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBEM1031\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1031\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1031\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1031\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1031\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BEM1031\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BEM1031-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BEM1031-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1031\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1031\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BEM1031\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BEM1031-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BEM1031-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1031\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1031\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BEM1031","offers":[{"title":"SILVER","offer_id":44074278846658,"sku":"45413","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BEM1031-A01.jpg?v=1728658682"},{"product_id":"bell-ride-to-live","title":"Hot Leathers Ride To Live Motorcycle Bell - Silver - BEM1033","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003eRide To Live - Silver\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1033\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1033\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1033\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1033\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BEM1033\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003eRide To Live - Silver\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBEM1033\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1033\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1033\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1033\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1033\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BEM1033\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BEM1033-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BEM1033-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1033\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1033\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BEM1033\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BEM1033-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BEM1033-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1033\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1033\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BEM1033","offers":[{"title":"SILVER","offer_id":44074279141570,"sku":"45415","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BEM1033-A01.jpg?v=1728658686"},{"product_id":"bell-fallen-heroes-eagle","title":"Hot Leathers Fallen Heroes Eagle Motorcycle Bell - Silver - BEM1035","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003eFallen Heroes Eagle - Silver\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1035\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1035\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1035\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1035\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BEM1035\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003eFallen Heroes Eagle - Silver\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBEM1035\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1035\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1035\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1035\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1035\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BEM1035\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BEM1035-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BEM1035-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1035\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1035\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BEM1035\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BEM1035-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BEM1035-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1035\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1035\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BEM1035","offers":[{"title":"SILVER","offer_id":44074279436482,"sku":"45417","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BEM1035-A01.jpg?v=1728658690"},{"product_id":"bell-prayer-hands","title":"Hot Leathers Prayer Hands Motorcycle Bell - Silver - BEM1036","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003ePrayer Hands - Silver\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1036\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1036\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1036\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1036\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BEM1036\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003ePrayer Hands - Silver\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBEM1036\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1036\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1036\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1036\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1036\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BEM1036\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BEM1036-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BEM1036-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1036\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1036\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BEM1036\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BEM1036-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BEM1036-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1036\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1036\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BEM1036","offers":[{"title":"SILVER","offer_id":44074279698626,"sku":"45418","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BEM1036-A01.jpg?v=1728658691"},{"product_id":"bell-celtic-skull","title":"Hot Leathers Celtic Skull Motorcycle Bell - Silver - BEM1038","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003eCeltic Skull - Silver\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1038\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1038\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1038\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1038\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BEM1038\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003eCeltic Skull - Silver\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBEM1038\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1038\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1038\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1038\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1038\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BEM1038\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BEM1038-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BEM1038-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1038\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1038\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BEM1038\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BEM1038-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BEM1038-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1038\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1038\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BEM1038","offers":[{"title":"SILVER","offer_id":44074279928002,"sku":"45420","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BEM1038-A01.jpg?v=1728658694"},{"product_id":"bell-monster","title":"Hot Leathers Monster Motorcycle Bell - Silver - BEM1039","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003eMonster - Silver\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1039\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1039\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1039\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1039\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BEM1039\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003eMonster - Silver\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBEM1039\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1039\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1039\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1039\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1039\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BEM1039\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BEM1039-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BEM1039-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1039\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1039\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BEM1039\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BEM1039-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BEM1039-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1039\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1039\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BEM1039","offers":[{"title":"SILVER","offer_id":44074280190146,"sku":"45421","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BEM1039-A01.jpg?v=1728658698"},{"product_id":"bell-native-green-stones","title":"Hot Leathers Native Green Stones Motorcycle Bell - Silver - BEM1040","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003eNative Green Stones - Silver\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1040\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1040\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1040\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1040\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BEM1040\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003eNative Green Stones - Silver\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBEM1040\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1040\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1040\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1040\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1040\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BEM1040\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BEM1040-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BEM1040-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1040\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1040\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BEM1040\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BEM1040-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BEM1040-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1040\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1040\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BEM1040","offers":[{"title":"SILVER","offer_id":44074280353986,"sku":"45422","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BEM1040-A01.jpg?v=1728658698"},{"product_id":"bell-southern-skull","title":"Hot Leathers Southern Skull Motorcycle Bell - Silver - BEM1041","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003eSouthern Skull - Silver\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1041\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1041\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1041\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1041\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BEM1041\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003eSouthern Skull - Silver\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBEM1041\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1041\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1041\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1041\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1041\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BEM1041\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BEM1041-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BEM1041-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1041\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1041\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BEM1041\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BEM1041-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BEM1041-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1041\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1041\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BEM1041","offers":[{"title":"SILVER","offer_id":44074280550594,"sku":"45423","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BEM1041-A01.jpg?v=1728658700"},{"product_id":"bell-like-mother-like-daughter","title":"Hot Leathers Like Mother Daughter Motorcycle Bell - Silver - BEM1042","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003eLike Mother Daughter - Silver\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1042\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1042\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1042\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1042\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BEM1042\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003eLike Mother Daughter - Silver\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBEM1042\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1042\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1042\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1042\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1042\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BEM1042\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BEM1042-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BEM1042-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1042\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1042\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BEM1042\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BEM1042-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BEM1042-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1042\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1042\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BEM1042","offers":[{"title":"SILVER","offer_id":44074280681666,"sku":"45424","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BEM1042-A01.jpg?v=1728658702"},{"product_id":"bell-eagle-scream","title":"Hot Leathers Eagle Scream Motorcycle Bell - Silver - BEM1043","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003eEagle Scream - Silver\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1043\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1043\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1043\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1043\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BEM1043\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003eEagle Scream - Silver\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBEM1043\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1043\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1043\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1043\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1043\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BEM1043\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BEM1043-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BEM1043-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1043\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1043\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BEM1043\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BEM1043-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BEM1043-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1043\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1043\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BEM1043","offers":[{"title":"SILVER","offer_id":44074280911042,"sku":"45425","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BEM1043-A01.jpg?v=1728658705"},{"product_id":"bell-fire-hydrant","title":"Hot Leathers Fire Hydrant Motorcycle Bell - Silver - BEM1045","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003eFire Hydrant - Silver\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1045\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1045\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1045\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1045\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BEM1045\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003eFire Hydrant - Silver\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBEM1045\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1045\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1045\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1045\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1045\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BEM1045\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BEM1045-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BEM1045-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1045\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1045\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BEM1045\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BEM1045-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BEM1045-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1045\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1045\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BEM1045","offers":[{"title":"SILVER","offer_id":44074281369794,"sku":"45427","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BEM1045-A01.jpg?v=1728658707"},{"product_id":"bell-fire-dog","title":"Hot Leathers Fire Dog Motorcycle Bell - Silver - BEM1047","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003eFire Dog - Silver\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1047\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1047\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1047\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1047\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BEM1047\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003eFire Dog - Silver\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBEM1047\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1047\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1047\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1047\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1047\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BEM1047\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BEM1047-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BEM1047-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1047\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1047\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BEM1047\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BEM1047-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BEM1047-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1047\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1047\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BEM1047","offers":[{"title":"SILVER","offer_id":44074281763010,"sku":"45429","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BEM1047-A01.jpg?v=1728658709"},{"product_id":"bell-reaper-wrap","title":"Hot Leathers Reaper Wrap Motorcycle Bell - Silver - BEM1048","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003eReaper Wrap - Silver\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1048\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1048\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1048\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1048\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BEM1048\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003eReaper Wrap - Silver\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBEM1048\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1048\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1048\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1048\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1048\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BEM1048\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BEM1048-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BEM1048-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1048\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1048\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BEM1048\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BEM1048-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BEM1048-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1048\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1048\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BEM1048","offers":[{"title":"SILVER","offer_id":44074281959618,"sku":"45430","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BEM1048-A01.jpg?v=1728658710"},{"product_id":"bell-viking-skull-green-stones","title":"Hot Leathers Viking Skull Green Stones Motorcycle Bell - Silver - BEM1049","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003eViking Skull Green Stones - Silver\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1049\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1049\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1049\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1049\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BEM1049\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003eViking Skull Green Stones - Silver\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBEM1049\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1049\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1049\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1049\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1049\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BEM1049\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BEM1049-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BEM1049-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1049\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1049\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BEM1049\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BEM1049-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BEM1049-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1049\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1049\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BEM1049","offers":[{"title":"SILVER","offer_id":44074282188994,"sku":"45431","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BEM1049-A01.jpg?v=1728658711"},{"product_id":"bell-powmia","title":"Hot Leathers Pow Mia Motorcycle Bell - Silver - BEM1050","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003ePow Mia - Silver\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1050\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1050\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1050\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1050\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BEM1050\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003ePow Mia - Silver\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBEM1050\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1050\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1050\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1050\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1050\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BEM1050\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BEM1050-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BEM1050-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1050\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1050\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BEM1050\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BEM1050-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BEM1050-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1050\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1050\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BEM1050","offers":[{"title":"SILVER","offer_id":44074282320066,"sku":"45432","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BEM1050-A01.jpg?v=1728658715"},{"product_id":"bell-defender","title":"Hot Leathers Defender Motorcycle Bell - Silver - BEM1052","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003eDefender - Silver\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1052\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1052\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1052\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1052\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BEM1052\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003eDefender - Silver\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBEM1052\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1052\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1052\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1052\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1052\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BEM1052\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BEM1052-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BEM1052-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1052\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1052\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BEM1052\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BEM1052-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BEM1052-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1052\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1052\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BEM1052","offers":[{"title":"SILVER","offer_id":44074282680514,"sku":"45434","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BEM1052-A01.jpg?v=1739233158"},{"product_id":"bell-viking-skull-black-stones","title":"Hot Leathers Viking Skull Black Stones Motorcycle Bell - Silver - BEM1053","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003eViking Skull Black Stones - Silver\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1053\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1053\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1053\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1053\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BEM1053\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003eViking Skull Black Stones - Silver\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBEM1053\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1053\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1053\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1053\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1053\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BEM1053\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BEM1053-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BEM1053-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1053\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1053\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BEM1053\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BEM1053-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BEM1053-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1053\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1053\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BEM1053","offers":[{"title":"SILVER","offer_id":44074282975426,"sku":"45435","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BEM1053-A01.jpg?v=1728658715"},{"product_id":"bell-bulldog-rider","title":"Hot Leathers Bulldog Rider Motorcycle Bell - Silver - BEM1054","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003eBulldog Rider - Silver\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1054\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1054\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1054\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1054\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BEM1054\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003eBulldog Rider - Silver\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBEM1054\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1054\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1054\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1054\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1054\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BEM1054\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BEM1054-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BEM1054-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1054\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1054\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BEM1054\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BEM1054-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BEM1054-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1054\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1054\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BEM1054","offers":[{"title":"SILVER","offer_id":44074283204802,"sku":"45436","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BEM1054-A01.jpg?v=1739233160"},{"product_id":"bell-not-forgotten","title":"Hot Leathers Not Forgotten Motorcycle Bell - Silver - BEM1055","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003eNot Forgotten - Silver\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1055\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1055\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1055\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1055\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BEM1055\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003eNot Forgotten - Silver\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBEM1055\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1055\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1055\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1055\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1055\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BEM1055\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BEM1055-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BEM1055-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BEM1055\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BEM1055\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BEM1055\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BEM1055-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BEM1055-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BEM1055\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BEM1055\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BEM1055","offers":[{"title":"SILVER","offer_id":44074283368642,"sku":"45437","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BEM1055-A01.jpg?v=1728658718"},{"product_id":"bell-emt-nurse","title":"Hot Leathers EMT Nurse Motorcycle Bell - Silver - 1\"X1.5\" - BED2004","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003eEMT Nurse - Silver - 1\"X1.5\"\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BED2004\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BED2004\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BED2004\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BED2004\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BED2004\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003eEMT Nurse - Silver - 1\"X1.5\"\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBED2004\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BED2004\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BED2004\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BED2004\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BED2004\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BED2004\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BED2004-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BED2004-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BED2004\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BED2004\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BED2004\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BED2004-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BED2004-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BED2004\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BED2004\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BED2004","offers":[{"title":"SILVER \/ 1\"X1.5\"","offer_id":44309650997442,"sku":"45654","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BED2004-A01_b1bc9c24-d914-45f0-b148-affbe890b0bf.jpg?v=1739233156"},{"product_id":"bell-fire-dept","title":"Hot Leathers Fire Dept. Motorcycle Bell - Silver - 1\"X1.5\" - BED2005","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003eFire Dept. - Silver - 1\"X1.5\"\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BED2005\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BED2005\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BED2005\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BED2005\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BED2005\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003eFire Dept. - Silver - 1\"X1.5\"\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBED2005\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BED2005\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BED2005\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BED2005\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BED2005\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BED2005\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BED2005-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BED2005-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BED2005\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BED2005\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BED2005\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BED2005-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BED2005-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BED2005\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BED2005\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BED2005","offers":[{"title":"SILVER \/ 1\"X1.5\"","offer_id":44309651030210,"sku":"45655","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BED2005-A01_ef2bd56b-49e4-4cf0-8981-c67ee1a19b1f.jpg?v=1739233158"},{"product_id":"bell-police-badge","title":"Hot Leathers Police Motorcycle Bell - Silver - 1\"X1.5\" - BED2006","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003ePolice - Silver - 1\"X1.5\"\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BED2006\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BED2006\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BED2006\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BED2006\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BED2006\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003ePolice - Silver - 1\"X1.5\"\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBED2006\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BED2006\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BED2006\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BED2006\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BED2006\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BED2006\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BED2006-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BED2006-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BED2006\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BED2006\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BED2006\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BED2006-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BED2006-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BED2006\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BED2006\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BED2006","offers":[{"title":"SILVER \/ 1\"X1.5\"","offer_id":44309651128514,"sku":"45656","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BED2006-A01_58acd1cd-7dd0-43bd-a368-2b54b347835e.jpg?v=1739233158"},{"product_id":"bell-2nd-amendment-1","title":"Hot Leathers 2nd Amendment Motorcycle Bell - Silver - 1\"X1.5\" - BED2007","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003e2nd Amendment - Silver - 1\"X1.5\"\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BED2007\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BED2007\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BED2007\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BED2007\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BED2007\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003e2nd Amendment - Silver - 1\"X1.5\"\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBED2007\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BED2007\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BED2007\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BED2007\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BED2007\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BED2007\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BED2007-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BED2007-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BED2007\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BED2007\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BED2007\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BED2007-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BED2007-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BED2007\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BED2007\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BED2007","offers":[{"title":"SILVER \/ 1\"X1.5\"","offer_id":44309651161282,"sku":"45657","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BED2007-A01_2d238b67-97a1-4975-99b8-3df5b326eb02.jpg?v=1739233157"},{"product_id":"bell-ace-bell","title":"Hot Leathers Ace Motorcycle Bell - Silver - 1\"X1.5\" - BED2009","description":"\u003cp\u003e\u003c!-- ==== HOT LEATHERS • MOTORCYCLE BELLS • A+ SHOPIFY HTML (PATCH-STYLE LOCKED) ==== --\u003e\u003cbr\u003e\u003cstyle\u003e  .product-information--media-left section {max-width:100% !important;margin-top:20px;}\u003cbr \/\u003e  :root { --hl-accent:#000000; }\u003cbr \/\u003e  .hl-accent{ color:var(--hl-accent); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn,\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    display:inline-flex;\u003cbr \/\u003e    align-items:center;\u003cbr \/\u003e    justify-content:center;\u003cbr \/\u003e    gap:10px;\u003cbr \/\u003e    padding:11px 16px;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    text-decoration:none;\u003cbr \/\u003e    font-weight:800;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    user-select:none;\u003cbr \/\u003e    -webkit-tap-highlight-color: transparent;\u003cbr \/\u003e    white-space:nowrap;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.25);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(123,25,21,.32); }\u003cbr \/\u003e  .hl-btn:active{ transform:translateY(0); box-shadow:0 10px 22px rgba(123,25,21,.25); }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn-outline{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(15,23,42,.08);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline:hover{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(123,25,21,.22);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn:focus-visible,\u003cbr \/\u003e  .hl-btn-outline:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-btn__icon{ width:18px; height:18px; display:inline-block; flex:0 0 auto; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* ===== CROSS-SELL BUTTON: REVERSED SCHEME (default = accent, hover = white) ===== *\/\u003cbr \/\u003e  .hl-btn-outline.hl-invert{\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    border:1px solid var(--hl-accent);\u003cbr \/\u003e    box-shadow:0 10px 22px rgba(123,25,21,.20);\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-btn-outline.hl-invert:hover{\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    color:var(--hl-accent);\u003cbr \/\u003e    border-color:var(--hl-accent);\u003cbr \/\u003e    transform:translateY(-1px);\u003cbr \/\u003e    box-shadow:0 14px 28px rgba(15,23,42,.10);\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-wrap{ max-width:1100px; margin:0 auto; text-align:center; }\u003cbr \/\u003e  .hl-center-row{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-hero{\u003cbr \/\u003e    padding:20px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.25);\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    background:var(--hl-accent);\u003cbr \/\u003e    color:#fff;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e    box-shadow: 0 18px 42px rgba(123,25,21,.28), 0 0 0 1px rgba(0,0,0,.06) inset;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-hero__meta{\u003cbr \/\u003e    display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center;\u003cbr \/\u003e    margin-top:30px; opacity:.92; font-size:13px;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-chip{\u003cbr \/\u003e    display:inline-flex; align-items:center; gap:8px;\u003cbr \/\u003e    padding:7px 10px; border-radius:999px;\u003cbr \/\u003e    border:1px solid rgba(255,255,255,.28);\u003cbr \/\u003e    background:rgba(0,0,0,.14); color:#fff;\u003cbr \/\u003e    font-weight:800; letter-spacing:.15px; line-height:1;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-card{\u003cbr \/\u003e    padding:16px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    margin-bottom:18px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-card__title{\u003cbr \/\u003e    margin:0 0 14px;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    letter-spacing:.2px;\u003cbr \/\u003e    text-align:center;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-grid{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin:0;\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box{\u003cbr \/\u003e    padding:14px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:12px;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box h3{\u003cbr \/\u003e    margin:0 0 26px;\u003cbr \/\u003e    font-size:13px;\u003cbr \/\u003e    letter-spacing:.35px;\u003cbr \/\u003e    font-weight:900;\u003cbr \/\u003e    text-transform:uppercase;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-box p{ margin:0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-divider{ height:1px; background:#e5e7eb; margin:10px 0; }\u003cbr \/\u003e  .hl-divider-tight{ height:1px; background:#e5e7eb; margin:8px 0; }\u003cbr \/\u003e\u003cbr \/\u003e  .hl-body{ max-width:900px; margin:0 auto; text-align:left; }\u003cbr \/\u003e  .hl-body p{ margin:0 0 10px; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Add-ons: 2-up one row (desktop), safe stack on small screens *\/\u003cbr \/\u003e  .hl-addons{\u003cbr \/\u003e    display:grid;\u003cbr \/\u003e    grid-template-columns:repeat(2, minmax(0, 1fr));\u003cbr \/\u003e    gap:14px;\u003cbr \/\u003e    margin-top:30px;\u003cbr \/\u003e  }\u003cbr \/\u003e  @media (max-width: 560px){\u003cbr \/\u003e    .hl-addons{ grid-template-columns:1fr; }\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-addons--center .hl-box{ text-align:center; }\u003cbr \/\u003e  .hl-addons--center .hl-center-row{ justify-content:center !important; }\u003cbr \/\u003e\u003cbr \/\u003e  \/* Modal *\/\u003cbr \/\u003e  .hl-modal{\u003cbr \/\u003e    position:fixed; inset:0; display:none;\u003cbr \/\u003e    align-items:center; justify-content:center;\u003cbr \/\u003e    padding:18px;\u003cbr \/\u003e    background:rgba(15,23,42,.62);\u003cbr \/\u003e    z-index:9999;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal.is-open{ display:flex; }\u003cbr \/\u003e  .hl-modal__panel{\u003cbr \/\u003e    width:min(760px, 100%);\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    border-radius:14px;\u003cbr \/\u003e    overflow:hidden;\u003cbr \/\u003e    box-shadow:0 24px 60px rgba(0,0,0,.25);\u003cbr \/\u003e    text-align:left;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__header{\u003cbr \/\u003e    display:flex; align-items:center; justify-content:space-between;\u003cbr \/\u003e    gap:12px;\u003cbr \/\u003e    padding:14px 14px 12px;\u003cbr \/\u003e    background:#f8fafc;\u003cbr \/\u003e    border-bottom:1px solid #e5e7eb;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__title{ margin:0; font-size:16px; font-weight:900; letter-spacing:.2px; }\u003cbr \/\u003e  .hl-modal__close{\u003cbr \/\u003e    width:38px; height:38px;\u003cbr \/\u003e    display:inline-flex; align-items:center; justify-content:center;\u003cbr \/\u003e    border-radius:10px;\u003cbr \/\u003e    border:1px solid #e5e7eb;\u003cbr \/\u003e    background:#fff;\u003cbr \/\u003e    cursor:pointer;\u003cbr \/\u003e    line-height:1;\u003cbr \/\u003e    font-size:18px;\u003cbr \/\u003e    font-family: inherit;\u003cbr \/\u003e    transition:transform .12s ease, border-color .12s ease, color .12s ease;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__close:hover{ border-color:var(--hl-accent); color:var(--hl-accent); transform:translateY(-1px); }\u003cbr \/\u003e  .hl-modal__close:focus-visible{\u003cbr \/\u003e    box-shadow:0 0 0 3px rgba(123,25,21,.25), 0 0 0 1px var(--hl-accent) inset;\u003cbr \/\u003e    outline:none;\u003cbr \/\u003e  }\u003cbr \/\u003e  .hl-modal__body{ padding:14px; max-height:min(72vh, 560px); overflow:auto; }\u003cbr \/\u003e  .hl-note{ margin:10px 0 0; font-size:13px; color:#475569; }\u003cbr \/\u003e  .hl-kbd{\u003cbr \/\u003e    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\u003cbr \/\u003e    font-size: 12px;\u003cbr \/\u003e    padding: 2px 6px;\u003cbr \/\u003e    border: 1px solid #e5e7eb;\u003cbr \/\u003e    border-bottom-width: 2px;\u003cbr \/\u003e    border-radius: 8px;\u003cbr \/\u003e    background: #fff;\u003cbr \/\u003e    color:#111;\u003cbr \/\u003e  }\u003cbr \/\u003e\u003c\/style\u003e\u003cbr\u003e\u003cbr\u003e\u003csection style=\"font-family: inherit; line-height: 1.6; color: inherit;\"\u003e\u003cbr\u003e  \u003cdiv class=\"hl-wrap\"\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-hero\"\u003e\n\u003cbr\u003e      \u003ch2 style=\"margin:0 0 26px; font-size:22px; letter-spacing:.3px;\"\u003e\n\u003cbr\u003e        Hot Leathers® \u003cspan style=\"font-weight:900;\"\u003eAce - Silver - 1\"X1.5\"\u003c\/span\u003e Motorcycle Bell\u003cbr\u003e      \u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-legend-BED2009\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BED2009\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M9.7 9.3a2.6 2.6 0 1 1 4.4 2c-.9.9-1.7 1.3-1.7 2.7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M12 17.2h.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          The Legend\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-open=\"hl-bell-hang-BED2009\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BED2009\"\u003e\u003cbr\u003e          \u003csvg class=\"hl-btn__icon\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cbr\u003e            \u003cpath d=\"M12 3v6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M7 9a5 5 0 0 1 10 0c0 6 2 6 2 6H5s2 0 2-6Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e            \u003cpath d=\"M10 18a2 2 0 0 0 4 0\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cbr\u003e          \u003c\/svg\u003e\u003cbr\u003e          How to Hang It\u003cbr\u003e        \u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-hero__meta\" aria-label=\"Product details\"\u003e\n\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eLead-Free\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eHeavy Pewter\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eIncludes Split Ring\u003c\/span\u003e\u003cbr\u003e        \u003cspan class=\"hl-chip\"\u003eModel: BED2009\u003c\/span\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-divider-tight\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-body\"\u003e\n\u003cbr\u003e      \u003cp\u003e\u003cbr\u003e        Keep the road gremlins guessing with the Hot Leathers \u003cstrong\u003eAce - Silver - 1\"X1.5\"\u003c\/strong\u003e Motorcycle Bell.\u003cbr\u003e        Crafted from \u003cstrong\u003eheavy-duty, lead-free pewter\u003c\/strong\u003e with a rugged weathered finish, it adds vintage attitude to any bike.\u003cbr\u003e        Model: \u003cstrong\u003eBED2009\u003c\/strong\u003e.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e      \u003cp class=\"hl-note\" style=\"margin-top:6px;\"\u003e\u003cbr\u003e        Tradition note: This is a good-luck charm rooted in biker folklore—no promises, just good vibes and better style.\u003cbr\u003e      \u003c\/p\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e    \u003cdiv class=\"hl-card\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e      \u003ch2 class=\"hl-card__title\"\u003eWhy Riders Choose These Bells\u003c\/h2\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-grid\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eHEAVY PEWTER BUILD\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eSolid feel, durable construction, and built to handle the elements and miles.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eLEAD-FREE METAL\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eMade from lead-free pewter—classic look without the sketchy stuff.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eWEATHERED VINTAGE FINISH\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eTimeless, rugged styling that complements cruisers, customs, and daily riders.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eGIFT-READY INCLUDED\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eIncludes a split ring for easy attachment and a velvet drawstring pouch.\u003c\/p\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003ch3 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:13px; letter-spacing:.35px; font-weight:900; text-transform:uppercase; text-align:center;\"\u003e\n\u003cbr\u003e        Optional Bell Hangers (Sold Separately)\u003cbr\u003e      \u003c\/h3\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-addons hl-addons--center\"\u003e\n\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e          \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e          \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e            \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e      \u003cdiv class=\"hl-center-row\" style=\"margin-top:14px;\"\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BED2009\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BED2009\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e        \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BED2009\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BED2009\"\u003eHanging Tips\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #1: Legend --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-legend-BED2009\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-legend-BED2009-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-legend-BED2009-title\"\u003eThe Gremlin Bell Legend\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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.\u003cbr\u003e          These gremlins are blamed for mechanical problems and bad luck on a journey.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          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,\u003cbr\u003e          making them lose their grip and fall away. Ever wonder where potholes come from?\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003eClose with \u003cspan class=\"hl-kbd\"\u003eESC\u003c\/span\u003e or tap outside the box.\u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-hang-BED2009\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-hang-BED2009\"\u003eHow to Hang It\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003c!-- Popup #2: How to Hang --\u003e\u003cbr\u003e  \u003cdiv class=\"hl-modal\" id=\"hl-bell-hang-BED2009\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"hl-bell-hang-BED2009-title\" aria-hidden=\"true\"\u003e\n\u003cbr\u003e    \u003cdiv class=\"hl-modal__panel\" role=\"document\"\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__header\"\u003e\n\u003cbr\u003e        \u003ch3 class=\"hl-modal__title hl-accent\" id=\"hl-bell-hang-BED2009-title\"\u003eHow to Hang Your Bell\u003c\/h3\u003e\n\u003cbr\u003e        \u003cbutton class=\"hl-modal__close\" type=\"button\" data-hl-close aria-label=\"Close\"\u003e×\u003c\/button\u003e\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e      \u003cdiv class=\"hl-modal__body\"\u003e\n\u003cbr\u003e        \u003cp style=\"margin:0 0 10px;\"\u003e\u003cbr\u003e          Most riders hang the bell \u003cstrong\u003elow on the bike\u003c\/strong\u003e (often the lowest part of the frame) so it rings freely.\u003cbr\u003e          Your bell includes a \u003cstrong\u003esplit ring\u003c\/strong\u003e for quick attachment.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cul style=\"margin:0 0 10px 18px;\"\u003e\n\u003cbr\u003e          \u003cli\u003ePick a spot where it won’t hit moving parts or hot exhaust.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eLet it hang with a little room to swing and ring.\u003c\/li\u003e\n\u003cbr\u003e          \u003cli\u003eWant a cleaner mount? Add a bell hanger (sold separately).\u003c\/li\u003e\n\u003cbr\u003e        \u003c\/ul\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-divider\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003ch4 class=\"hl-accent\" style=\"margin:0 0 10px; font-size:14px; letter-spacing:.25px; font-weight:900;\"\u003e\n\u003cbr\u003e          Optional Bell Hangers (Sold Separately)\u003cbr\u003e        \u003c\/h4\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-addons hl-addons--center\" style=\"margin-top:0;\"\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eCLEANER MOUNT\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003eUse a dedicated bell hanger for a tidy, secure setup.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger?_pos=1\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e          \u003cdiv class=\"hl-box\"\u003e\n\u003cbr\u003e            \u003ch3 class=\"hl-accent\"\u003eSTEALTH LOOK\u003c\/h3\u003e\n\u003cbr\u003e            \u003cp\u003ePrefer a darker finish? Go with the black bell hanger.\u003c\/p\u003e\n\u003cbr\u003e            \u003cdiv class=\"hl-center-row\" style=\"margin-top:30px;\"\u003e\n\u003cbr\u003e              \u003ca class=\"hl-btn-outline hl-invert\" href=\"https:\/\/hotleathers.com\/products\/bell-hanger-black?_pos=2\u0026amp;_psq=BEH1001\u0026amp;_ss=e\u0026amp;_v=1.0\"\u003eBell Hanger Black\u003c\/a\u003e\u003cbr\u003e            \u003c\/div\u003e\n\u003cbr\u003e          \u003c\/div\u003e\n\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cp class=\"hl-note\" style=\"margin-top:30px;\"\u003e\u003cbr\u003e          Gift tradition: folklore says bells carry “double the luck” when given by a friend or loved one.\u003cbr\u003e        \u003c\/p\u003e\n\u003cbr\u003e\u003cbr\u003e        \u003cdiv class=\"hl-center-row\" style=\"margin-top:12px; justify-content:flex-start;\"\u003e\n\u003cbr\u003e          \u003cbutton class=\"hl-btn-outline\" type=\"button\" data-hl-open=\"hl-bell-legend-BED2009\" aria-haspopup=\"dialog\" aria-controls=\"hl-bell-legend-BED2009\"\u003eRead the Legend\u003c\/button\u003e\u003cbr\u003e          \u003cbutton class=\"hl-btn\" type=\"button\" data-hl-close\u003eClose\u003c\/button\u003e\u003cbr\u003e        \u003c\/div\u003e\n\u003cbr\u003e      \u003c\/div\u003e\n\u003cbr\u003e    \u003c\/div\u003e\n\u003cbr\u003e  \u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e  \u003cscript\u003e\u003cbr \/\u003e    (function(){\u003cbr \/\u003e      var openers = document.querySelectorAll('[data-hl-open]');\u003cbr \/\u003e      var modals  = document.querySelectorAll('.hl-modal');\u003cbr \/\u003e      if(!openers.length || !modals.length) return;\u003cbr \/\u003e\u003cbr \/\u003e      var lastFocus = null;\u003cbr \/\u003e\u003cbr \/\u003e      function isOpen(m){ return m \u0026\u0026 m.classList.contains('is-open'); }\u003cbr \/\u003e      function lockScroll(lock){\u003cbr \/\u003e        document.documentElement.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e        document.body.style.overflow = lock ? 'hidden' : '';\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeAll(){\u003cbr \/\u003e        modals.forEach(function(m){\u003cbr \/\u003e          m.classList.remove('is-open');\u003cbr \/\u003e          m.setAttribute('aria-hidden','true');\u003cbr \/\u003e        });\u003cbr \/\u003e        lockScroll(false);\u003cbr \/\u003e      }\u003cbr \/\u003e      function openModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        closeAll();\u003cbr \/\u003e        lastFocus = document.activeElement;\u003cbr \/\u003e\u003cbr \/\u003e        modal.classList.add('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','false');\u003cbr \/\u003e\u003cbr \/\u003e        var c = modal.querySelector('[data-hl-close]');\u003cbr \/\u003e        if(c) c.focus();\u003cbr \/\u003e\u003cbr \/\u003e        lockScroll(true);\u003cbr \/\u003e      }\u003cbr \/\u003e      function closeModal(modal){\u003cbr \/\u003e        if(!modal) return;\u003cbr \/\u003e        modal.classList.remove('is-open');\u003cbr \/\u003e        modal.setAttribute('aria-hidden','true');\u003cbr \/\u003e\u003cbr \/\u003e        var anyOpen = false;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) anyOpen = true; });\u003cbr \/\u003e        if(!anyOpen) lockScroll(false);\u003cbr \/\u003e\u003cbr \/\u003e        if(lastFocus \u0026\u0026 lastFocus.focus) lastFocus.focus();\u003cbr \/\u003e      }\u003cbr \/\u003e\u003cbr \/\u003e      openers.forEach(function(btn){\u003cbr \/\u003e        btn.addEventListener('click', function(e){\u003cbr \/\u003e          e.preventDefault();\u003cbr \/\u003e          openModal(document.getElementById(btn.getAttribute('data-hl-open')));\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      modals.forEach(function(modal){\u003cbr \/\u003e        modal.querySelectorAll('[data-hl-close]').forEach(function(b){\u003cbr \/\u003e          b.addEventListener('click', function(e){ e.preventDefault(); closeModal(modal); });\u003cbr \/\u003e        });\u003cbr \/\u003e        modal.addEventListener('click', function(e){\u003cbr \/\u003e          if(e.target === modal) closeModal(modal);\u003cbr \/\u003e        });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Escape') return;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) closeModal(m); });\u003cbr \/\u003e      });\u003cbr \/\u003e\u003cbr \/\u003e      document.addEventListener('keydown', function(e){\u003cbr \/\u003e        if(e.key !== 'Tab') return;\u003cbr \/\u003e\u003cbr \/\u003e        var activeModal = null;\u003cbr \/\u003e        modals.forEach(function(m){ if(isOpen(m)) activeModal = m; });\u003cbr \/\u003e        if(!activeModal) return;\u003cbr \/\u003e\u003cbr \/\u003e        var focusable = activeModal.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])');\u003cbr \/\u003e        if(!focusable.length) return;\u003cbr \/\u003e\u003cbr \/\u003e        var first = focusable[0];\u003cbr \/\u003e        var last  = focusable[focusable.length - 1];\u003cbr \/\u003e\u003cbr \/\u003e        if(e.shiftKey \u0026\u0026 document.activeElement === first){\u003cbr \/\u003e          e.preventDefault(); last.focus();\u003cbr \/\u003e        } else if(!e.shiftKey \u0026\u0026 document.activeElement === last){\u003cbr \/\u003e          e.preventDefault(); first.focus();\u003cbr \/\u003e        }\u003cbr \/\u003e      });\u003cbr \/\u003e    })();\u003cbr \/\u003e  \u003c\/script\u003e\u003cbr\u003e\u003c\/section\u003e\u003cbr\u003e\u003c!-- ==== END A+ BLOCK ==== --\u003e\u003c\/p\u003e","brand":"BED2009","offers":[{"title":"SILVER \/ 1\"X1.5\"","offer_id":44309651226818,"sku":"45659","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BED2009-A01_016d2053-3b6f-4c0e-9539-1ca4f7cacb34.jpg?v=1739233155"}],"url":"https:\/\/hotleatherswholesale.com\/collections\/motorcycle-bells-1.oembed?page=2","provider":"Hot Leathers Wholesale","version":"1.0","type":"link"}