{"title":"For Your Bike","description":"\u003cdiv class=\"page-title category-title\"\u003e\n\u003ch1\u003eFOR YOUR BIKE\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"category-description std\"\u003eHot Leathers has everything but the motorcycle! Saddle Bags, Travel Bags, Tools Bags, Clutch Covers, Tie Downs and more, we have everything you'll need for the ride.\u003c\/div\u003e","products":[{"product_id":"bag-travel-pvc-xl","title":"Hot Leathers TRA1009 Extra Large 2 Piece PVC Motorcycle Travel Bag","description":"\u003cp\u003eMotorcycle Bag -  Black waterproof PVC bag has side reach in compartment and buckle closures.\u003c\/p\u003e","brand":"TRA1009","offers":[{"title":"CLASSIC \/ 18X26X10","offer_id":39774953996482,"sku":"2072","price":100.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/tra1009-a01.jpg?v=1728650860"},{"product_id":"mc-part-drink-holder","title":"Hot Leathers MPA4012 Black Quick Release Drink - Cup Holder","description":"\u003cp\u003eQuick Release Motorcycle Drink Holder - Fits 1\/2\" to 1 3\/4\" bars.  Holds 20 oz. bottles; fast food cups; 1 liter bottles and stainless steel mugs.  Comes with rubber pads to keep clamps from slipping on bars.\u003c\/p\u003e","brand":"MPA4012","offers":[{"title":"BLACK \/ 6\"X6\"","offer_id":39775339905218,"sku":"6214","price":10.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/mpa4012-c01.jpg?v=1728651066"},{"product_id":"fairing-case-1-pkt-left","title":"Hot Leathers FCA1003 Large Pocket Left Side Motorcycle Fairing Case","description":"\u003cp\u003e\u003cspan\u003e• Left side only\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003e• One large pocket \/ storage pouch\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003e• Adjustable snaps\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003e• 11\" x 6\"\u003c\/span\u003e\u003cbr\u003e\u003cbr\u003e\u003cspan\u003e***Clips to your motorcycle's fairings***\u003c\/span\u003e\u003c\/p\u003e","brand":"FCA1003","offers":[{"title":"11\"X6\"","offer_id":39775712182466,"sku":"10755","price":15.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/fca1003-a01.jpg?v=1728651209"},{"product_id":"cargo-net-jumbo-size","title":"Hot Leathers Jumbo Motorcycle Storage Cargo Net","description":"\u003cp\u003eExtra large stretchable motorcycle cargo net. 24\" x 24\" cargo net. Hold your stuff in place!\u003c\/p\u003e","brand":"MPA3014","offers":[{"title":"BLACK \/ 24\"X24\"","offer_id":39775803605186,"sku":"8375","price":7.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/mpa3014-c01.jpg?v=1728661597"},{"product_id":"mc-get-back-whip-black","title":"Hot Leathers MWH1101 ‘Get Back’ Genuine Black Leather Whip","description":"\u003cp\u003e36\" genuine leather whip attaches to your brake or clutch lever.  Includes heavy duty quick release clip in case of an emergency. These can be used on all motorcycle makes and models.\u003c\/p\u003e","brand":"MWH1101","offers":[{"title":"BLACK \/ 36\"","offer_id":39776443269314,"sku":"1603","price":20.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/mwh1101-a01.jpg?v=1728651474"},{"product_id":"mc-get-back-whip-black-white","title":"Hot Leathers MWH1103 ‘Get Back’ Genuine Black and White Leather Whip","description":"\u003cp\u003e36\" genuine leather whip attaches to your brake or clutch lever.  Includes heavy duty quick release clip in case of an emergency. These can be used on all motorcycle makes and models.\u003c\/p\u003e","brand":"MWH1103","offers":[{"title":"BLK\/WHT \/ 36\"","offer_id":39776444383426,"sku":"1607","price":20.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/mwh1103-a01.jpg?v=1728651477"},{"product_id":"mc-get-back-whip-black-silve","title":"Hot Leathers MWH1105 ‘Get Back’ Genuine Black and Silver Leather Whip","description":"\u003cp\u003e36\" genuine leather whip attaches to your brake or clutch lever.  Includes heavy duty quick release clip in case of an emergency. These can be used on all motorcycle makes and models.\u003c\/p\u003e","brand":"MWH1105","offers":[{"title":"BLK\/SILV \/ 36\"","offer_id":39776445792450,"sku":"1610","price":20.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/mwh1105-a01.jpg?v=1728651484"},{"product_id":"bag-saddle-xl-pvc-cc-pocket","title":"Hot Leathers SDA1004 Extra Large Saddle Bag with Concealed Carry Pocket 17X10X6","description":"\u003cp\u003e\u003c\/p\u003e\u003cul\u003e\n\u003cbr\u003e\u003cli\u003eBlack PVC Saddle Bag\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003eDurable Water Resistant PVC Material\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003eChrome Plated Rivets \u0026amp; Buckles\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003eQuick Release Double Strap Front\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003eHidden  Zips Off for Easy Carry\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003eTwo Outer Bonus Storage Pockets\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003eInside Concealed Weapon Gun \u0026amp; Ammo Pocket\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003eHeat Resistant Bottom Protection\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003eAdjustable Fit for \u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003eTotal Dimensions are 17” x 10” x 6”\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003eSold in pairs\u003c\/li\u003e\n\u003cbr\u003e\n\u003c\/ul\u003e","brand":"SDA1004","offers":[{"title":"CLASSIC \/ 17X10X6","offer_id":39777079984322,"sku":"12464","price":85.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/sda1004-a01.jpg?v=1728651682"},{"product_id":"bag-travel-xl-w-barrel-bag","title":"Hot Leathers TRA1012 Extra Large Travel Bag with Barrel Bag 18X26X9","description":"","brand":"TRA1012","offers":[{"title":"REFLECT \/ 18X26X9","offer_id":39777080672450,"sku":"4239","price":75.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/tra1012-a01.jpg?v=1728651683"},{"product_id":"cover-clutch-brake-w-fringe","title":"Hot Leathers CCA1001 Naked Leather Motorcycle Clutch Cover","description":"\u003cp\u003eAn American made black clutch cover made of a soft; heavyweight; naked leather. This clutch cover includes long 17\" fringe and stainless steel grommets. This item is sold in pairs and adjustable laces fit all models.\u003c\/p\u003e","brand":"CCA1001","offers":[{"title":"BLACK \/ 17\"","offer_id":39777550106818,"sku":"2445","price":12.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/cca1001-a01.jpg?v=1728651998"},{"product_id":"cover-throttle-w-fringe","title":"Hot Leathers TCB1001 Black Naked Leather Throttle Covers","description":"\u003cp\u003eAn American made; naked; heavyweight leather throttle cover. This soft; black throttle cover includes long 17\" fringe and stainless steel grommets. This item is sold in pairs and adjustable laces make it fit all models.\u003c\/p\u003e","brand":"TCB1001","offers":[{"title":"BLACK \/ 17\"","offer_id":39777550565570,"sku":"2447","price":17.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/tcb1001-a01.jpg?v=1728651998"},{"product_id":"bag-windshield-lth-laced","title":"Hot Leathers WDA1003 PVC Medium Windshield Bag with Laced Detail 10X5X3","description":"\u003cp\u003eMotorcycle Windshield Bag\u003c\/p\u003e\u003cbr\u003e\u003cul\u003e\n\u003cbr\u003e\u003cli\u003e\n\u003cbr\u003e\u003cp\u003eHeavy duty\u003c\/p\u003e\n\u003cbr\u003e\n\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003e\n\u003cbr\u003e\u003cp\u003eBlack PVC windshield bag\u003c\/p\u003e\n\u003cbr\u003e\n\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003e\n\u003cbr\u003e\u003cp\u003eTwist lock closure\u003c\/p\u003e\n\u003cbr\u003e\n\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003e\n\u003cbr\u003e\u003cp\u003eComes with mounting bracket to mount to windshield and straps for easy application to handlebars\u003c\/p\u003e\n\u003cbr\u003e\n\u003c\/li\u003e\n\u003cbr\u003e\n\u003c\/ul\u003e","brand":"WDA1003","offers":[{"title":"BRAIDED \/ 10X5X3","offer_id":39779650601154,"sku":"1975","price":20.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/WDA1003-A01.jpg?v=1728653763"},{"product_id":"bag-windshield-lth-studded","title":"Hot Leathers WDA1002 PVC Windshield Bag with Stud Detail 10X5X3","description":"\u003cp\u003eMotorcycle Windshield Bag\u003c\/p\u003e\u003cbr\u003e\u003cul\u003e\n\u003cbr\u003e\u003cli\u003e\n\u003cbr\u003e\u003cp\u003eHeavy duty\u003c\/p\u003e\n\u003cbr\u003e\n\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003e\n\u003cbr\u003e\u003cp\u003eBlack PVC windshield bag\u003c\/p\u003e\n\u003cbr\u003e\n\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003e\n\u003cbr\u003e\u003cp\u003eTwist lock closure\u003c\/p\u003e\n\u003cbr\u003e\n\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003e\n\u003cbr\u003e\u003cp\u003eComes with mounting bracket to mount to windshield and straps for easy application to handlebars\u003c\/p\u003e\n\u003cbr\u003e\n\u003c\/li\u003e\n\u003cbr\u003e\n\u003c\/ul\u003e","brand":"WDA1002","offers":[{"title":"STUDS \/ 10X5X3","offer_id":39779651322050,"sku":"1977","price":20.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/WDA1002-A01.jpg?v=1728653763"},{"product_id":"bag-tool-pvc-md-w-rivets","title":"Hot Leathers TBC1005 Medium PVC Motorcycle Studded Tool Bag 10X5X3","description":"\u003cp\u003eMotorcycle Tool Bag - This PVC tool bag has rivets on the flap and two buckle closure.\u003c\/p\u003e","brand":"TBC1005","offers":[{"title":"STUDS \/ 10X5X3","offer_id":39780164468930,"sku":"6498","price":17.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/tbc1005-a01.jpg?v=1728654280"},{"product_id":"crampbusters-oversized","title":"Hot Leathers MPA2002 Cramp Buster Over-Size Throttle Cover","description":"\u003cp\u003eCrampbuster Throttle Cover - Slide it on... That's it! No tools. The crampbuster will rotate forward with ease; yet the downward pressure is applied by your hand; the throttle is regulated effortlessly and accurately - without squeezing. Oversize.\u003c\/p\u003e","brand":"MPA2002","offers":[{"title":"BLACK","offer_id":39780177871042,"sku":"23668","price":7.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/mpa2002-a01.jpg?v=1728654304"},{"product_id":"bottle-holder-leather","title":"Hot Leathers BVH1001 Black Leather Bottle Holder for Handle Bars","description":"\u003cp\u003eLeather Bottle Holder attaches to your motorcycle easily. Has adjustable straps and concho decoration. Never be without a drink again.\u003c\/p\u003e","brand":"BVH1001","offers":[{"title":"OSFM","offer_id":39780192714946,"sku":"10715","price":15.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/BVH1001-A01_50db2d6f-ef79-47ef-b6d0-75d869a88034.jpg?v=1728654319"},{"product_id":"crampbusters-oversized-wide-bk","title":"Hot Leathers MPA2004 Cramp Buster Over-Sized Wide Throttle Cover","description":"\u003cp\u003eCrampbuster Oversized Wide Throttle Cover - Slide it on... That's it! No tools. The crampbuster will rotate forward with ease; yet the downward pressure is applied by your hand; the throttle is regulated effortlessly and accurately - without squeezing. \u003c\/p\u003e","brand":"MPA2004","offers":[{"title":"BLACK","offer_id":39780688494786,"sku":"25530","price":7.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/mpa2004-a01.jpg?v=1728655057"},{"product_id":"bag-tool-pvc-md-w-braid","title":"Hot Leathers TBC1009 PVC Motorcycle Braided Tool Bag 10X6X4","description":"\u003cp\u003ePVC Motorcycle Tool Bag - Black tool bag with reinforced closure and braided detail.\u003c\/p\u003e","brand":"TBC1009","offers":[{"title":"BRAIDED \/ 10X6X4","offer_id":39780919050434,"sku":"7649","price":15.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/tbc1009-a01.jpg?v=1728655905"},{"product_id":"fairing-case-left","title":"Hot Leathers FCA1001 Road King Fairing Case, Storage Pouch with Bottle Holder-Left Side","description":"\u003cp\u003e\u003cspan\u003e• Left side only\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003e• Bottle holder\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003e• Storage pouch\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003e• 11\" x 6\"\u003c\/span\u003e\u003cbr\u003e\u003cbr\u003e\u003cspan\u003e***Clips to your motorcycle's fairings***\u003c\/span\u003e\u003c\/p\u003e","brand":"FCA1001","offers":[{"title":"11\"X6\"","offer_id":39780945920194,"sku":"10719","price":15.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/fca1001-a01.jpg?v=1728655978"},{"product_id":"fairing-case-right","title":"Hot Leathers FAA1001 Road King Fairing Case Right Side","description":"\u003cp\u003e\u003c\/p\u003e\u003cdiv class=\"short-description\"\u003e\n\u003cbr\u003e\u003cdiv class=\"std\"\u003e• Right side only\u003cbr\u003e• Bottle holder\u003cbr\u003e• Storage pouch\u003cbr\u003e• 11\" x 6\"\u003cbr\u003e\u003cbr\u003e***Clips to your motorcycle's fairings***\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e","brand":"FCA1002","offers":[{"title":"11\"X6\"","offer_id":39780971774146,"sku":"10741","price":15.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/fca1002-a01.jpg?v=1728656106"},{"product_id":"bag-travel-pvc-2-pc-xl","title":"Hot Leathers TRA1007 2 Piece PVC Waterproof Studded Travel Bag 21X23X11","description":"\u003cp\u003ePVC Sissy Bar Bag - Zip-off side pouches and quick release buckles. Can be used as small sissy bar bag. This sissy bar bag is waterproof; has quick release straps; and reinforced side walls. Universal fit. Padded back rest.\u003c\/p\u003e","brand":"TRA1007","offers":[{"title":"STUDS \/ 21X23X11","offer_id":39780986290370,"sku":"2067","price":120.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/tra1007-a01.jpg?v=1728656187"},{"product_id":"bag-saddle-md-pvc-cordura","title":"Hot Leathers SDC1004 Medium PVC Saddle Bags 13X10X5","description":"\u003cp\u003eSold in pairs\u003c\/p\u003e","brand":"SDC1004","offers":[{"title":"CLASSIC \/ 13X10X5","offer_id":39781012308162,"sku":"11513","price":85.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/SDC1004-A01NEW.jpg?v=1728656266"},{"product_id":"bag-saddle-xl-pvc-plain","title":"Hot Leathers SDA1002 Extra Large PVC Saddle Bags 16X11X6","description":"\u003cp\u003e\u003c\/p\u003e\u003cul\u003e\n\u003cbr\u003e\u003cli\u003eBlack PVC Saddle Bag\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003eDurable Water Resistant PVC Material\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003eChrome Plated Rivets \u0026amp; Buckles\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003eQuick Release Double Strap Front\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003eHidden  Zips Off for Easy Carry\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003eTwo Outer Bonus Storage Pockets\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003eInside Concealed Weapon Gun \u0026amp; Ammo Pocket\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003eHeat Resistant Bottom Protection\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003eAdjustable Fit for Most Bikes\u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003eDimensions 16” x 11” x 6” \u003c\/li\u003e\n\u003cbr\u003e\u003cli\u003eSold in pairs\u003c\/li\u003e\n\u003cbr\u003e\n\u003c\/ul\u003e\u003cbr\u003e\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"SDA1002","offers":[{"title":"CLASSIC \/ 16X11X6","offer_id":39781012537538,"sku":"11678","price":85.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/sda1002-a01.jpg?v=1728656260"},{"product_id":"bag-saddle-lg-pvc-wide-2-bkl","title":"Hot Leathers SDB1006 Large Wide 2-Buckle PVC Saddle Bags 15X12X7","description":"\u003cp\u003eLarge Motorcycle Saddle Bag - Zip-Off saddle bag made of a waterproof PVC with heat protection; quick release buckles.\u003c\/p\u003e\u003cbr\u003e\u003cp\u003eSold in pairs\u003c\/p\u003e","brand":"SDB1006","offers":[{"title":"CLASSIC \/ 15X12X7","offer_id":39781012701378,"sku":"11942","price":85.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/SDB1006-A01.jpg?v=1728656265"},{"product_id":"bag-travel-pvc-lg-frt-sde-pkt","title":"Hot Leathers TRB1005 Motorcycle PVC Waterproof Studded Travel Bag 13X13X7","description":"\u003cp\u003eMotorcycle Sissy Bar Bag - Waterproof PVC sissy bar bag with quick release buckles and studded detail. Comes with rain cover.\u003c\/p\u003e\u003cbr\u003e\u003cp\u003e\u003cspan\u003eSold individually - not in pairs\u003c\/span\u003e\u003c\/p\u003e","brand":"TRB1005","offers":[{"title":"STUDS \/ 13X13X7","offer_id":39781013356738,"sku":"2070","price":70.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0559\/9949\/6386\/files\/trb1005-a01.jpg?v=1728656270"},{"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"}],"url":"https:\/\/hotleatherswholesale.com\/collections\/for-your-bike.oembed?page=2","provider":"Hot Leathers Wholesale","version":"1.0","type":"link"}