<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="https://static.musiciansfriend.com/img/brand/mobile-mf/favicon-mf.ico" rel="shortcut icon">
<!-- icon in the highest resolution we need it for -->
<link rel="icon" sizes="192x192" href="https://static.musiciansfriend.com/img/brand/mobile-mf/android-chrome-192x192.png">
<!-- reuse same icon for Safari -->
<link rel="apple-touch-icon" href="https://static.musiciansfriend.com/img/brand/mobile-mf/android-chrome-192x192.png">
<!-- multiple icons for IE -->
<meta name="msapplication-square310x310logo" content="/https://static.musiciansfriend.comimg/brand/mobile-mf/android-chrome-192x192.png">
<meta name="theme-color" content="#277ba8">
<link rel="manifest" href="/manifest.json">
<!-- Head - Dynamic Meta Data -->
<title>Musician's Friend: Musical Instruments Store</title>
<meta name="description" content="Shop our selection of instruments, musical equipment & supplies. Get the lowest prices & free shipping on most orders. Check back daily for special savings."/>
<!-- HeadType - Responsive Inline Global Css -->
<script type="text/javascript" src="https://www.musiciansfriend.com/assets/53bcaf406e79b75feaf6942ed2a6fdc25f5fab04c60"  ></script><script>
(function() {
function addStyleSheetContent(e){if(void 0!==e&&""!==e){const t=document.createElement("style");document.getElementsByTagName("head")[0].appendChild(t),t.setAttribute("type","text/css"),t.styleSheet?t.styleSheet.cssText=e:t.innerHTML=e}}"true"===sessionStorage.getItem("searchBarClosed")&&addStyleSheetContent("\n .temp-search-bar-hidden {transition: none !important; height: 0 !important; padding: 0 6px !important;}\n");
})();
</script>
<style>.tooltip{border-radius:4px;background:rgba(97,97,97,0.9);box-shadow:0 1px 1px rgba(0,0,0,0.16);color:#fff;padding:10px 16px}.tooltip a{color:#fff;text-decoration:underline}/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:0;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.foundation-mq{font-family:"small=0em&xmedium=20.0625em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"}html{box-sizing:border-box;font-size:100%}*,*::before,*::after{box-sizing:inherit}body{margin:0;padding:0;background:#fefefe;font-family:"Roboto",arial,sans-serif;font-weight:normal;line-height:1.5;color:#0a0a0a}img{display:inline-block;vertical-align:middle;max-width:100%;height:auto;-ms-interpolation-mode:bicubic}textarea{height:auto;min-height:50px;border-radius:0}select{box-sizing:border-box;width:100%;border-radius:0}.map_canvas img,.map_canvas embed,.map_canvas object,.mqa-display img,.mqa-display embed,.mqa-display object{max-width:none !important}button{padding:0;appearance:none;border:0;border-radius:0;background:transparent;line-height:1;cursor:auto}[data-whatinput='mouse'] button{outline:0}pre{overflow:auto}button,input,optgroup,select,textarea{font-family:inherit}.is-visible{display:block !important}.is-hidden{display:none !important}.is-off-canvas-open{overflow:hidden}.js-off-canvas-overlay{position:absolute;top:0;left:0;z-index:11;width:100%;height:100%;transition:opacity 300ms ease,visibility 300ms ease;background:rgba(254,254,254,0.25);opacity:0;visibility:hidden;overflow:hidden}.js-off-canvas-overlay.is-visible{opacity:1;visibility:visible}.js-off-canvas-overlay.is-closable{cursor:pointer}.js-off-canvas-overlay.is-overlay-absolute{position:absolute}.js-off-canvas-overlay.is-overlay-fixed{position:fixed}.off-canvas-wrapper{position:relative;overflow:hidden}.off-canvas{position:fixed;z-index:12;transition:transform 300ms ease;backface-visibility:hidden;background:#efefef}[data-whatinput='mouse'] .off-canvas{outline:0}.off-canvas.is-transition-push{z-index:12}.off-canvas.is-closed{visibility:hidden}.off-canvas.is-transition-overlap{z-index:13}.off-canvas.is-transition-overlap.is-open{box-shadow:0 0 10px rgba(10,10,10,0.7)}.off-canvas.is-open{transform:translate(0,0)}.off-canvas-absolute{position:absolute;z-index:12;transition:transform 300ms ease;backface-visibility:hidden;background:#efefef}[data-whatinput='mouse'] .off-canvas-absolute{outline:0}.off-canvas-absolute.is-transition-push{z-index:12}.off-canvas-absolute.is-closed{visibility:hidden}.off-canvas-absolute.is-transition-overlap{z-index:13}.off-canvas-absolute.is-transition-overlap.is-open{box-shadow:0 0 10px rgba(10,10,10,0.7)}.off-canvas-absolute.is-open{transform:translate(0,0)}.position-left{top:0;left:0;height:100%;overflow-y:auto;width:17em;transform:translateX(-17em)}.off-canvas-content .off-canvas.position-left{transform:translateX(-17em)}.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open{transform:translate(0,0)}.off-canvas-content.is-open-left.has-transition-push{transform:translateX(17em)}.position-left.is-transition-push{box-shadow:inset -13px 0 20px -13px rgba(10,10,10,0.25)}.position-right{top:0;right:0;height:100%;overflow-y:auto;width:17em;transform:translateX(17em)}.off-canvas-content .off-canvas.position-right{transform:translateX(17em)}.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open{transform:translate(0,0)}.off-canvas-content.is-open-right.has-transition-push{transform:translateX(-17em)}.position-right.is-transition-push{box-shadow:inset 13px 0 20px -13px rgba(10,10,10,0.25)}.position-top{top:0;left:0;width:100%;overflow-x:auto;height:250px;transform:translateY(-250px)}.off-canvas-content .off-canvas.position-top{transform:translateY(-250px)}.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open{transform:translate(0,0)}.off-canvas-content.is-open-top.has-transition-push{transform:translateY(250px)}.position-top.is-transition-push{box-shadow:inset 0 -13px 20px -13px rgba(10,10,10,0.25)}.position-bottom{bottom:0;left:0;width:100%;overflow-x:auto;height:250px;transform:translateY(250px)}.off-canvas-content .off-canvas.position-bottom{transform:translateY(250px)}.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open{transform:translate(0,0)}.off-canvas-content.is-open-bottom.has-transition-push{transform:translateY(-250px)}.position-bottom.is-transition-push{box-shadow:inset 0 13px 20px -13px rgba(10,10,10,0.25)}.off-canvas-content{transform:none;backface-visibility:hidden}.off-canvas-content.has-transition-overlap,.off-canvas-content.has-transition-push{transition:transform 300ms ease}.off-canvas-content.has-transition-push{transform:translate(0,0)}.off-canvas-content .off-canvas.is-open{transform:translate(0,0)}@media print,screen and (min-width:20.0625em){.position-left.reveal-for-xmedium{transform:none;z-index:12;transition:none;visibility:visible}.position-left.reveal-for-xmedium .close-button{display:none}.off-canvas-content .position-left.reveal-for-xmedium{transform:none}.off-canvas-content.has-reveal-left{margin-left:17em}.position-left.reveal-for-xmedium ~ .off-canvas-content{margin-left:17em}.position-right.reveal-for-xmedium{transform:none;z-index:12;transition:none;visibility:visible}.position-right.reveal-for-xmedium .close-button{display:none}.off-canvas-content .position-right.reveal-for-xmedium{transform:none}.off-canvas-content.has-reveal-right{margin-right:17em}.position-right.reveal-for-xmedium ~ .off-canvas-content{margin-right:17em}.position-top.reveal-for-xmedium{transform:none;z-index:12;transition:none;visibility:visible}.position-top.reveal-for-xmedium .close-button{display:none}.off-canvas-content .position-top.reveal-for-xmedium{transform:none}.off-canvas-content.has-reveal-top{margin-top:17em}.position-top.reveal-for-xmedium ~ .off-canvas-content{margin-top:17em}.position-bottom.reveal-for-xmedium{transform:none;z-index:12;transition:none;visibility:visible}.position-bottom.reveal-for-xmedium .close-button{display:none}.off-canvas-content .position-bottom.reveal-for-xmedium{transform:none}.off-canvas-content.has-reveal-bottom{margin-bottom:17em}.position-bottom.reveal-for-xmedium ~ .off-canvas-content{margin-bottom:17em}}@media print,screen and (min-width:40em){.position-left.reveal-for-medium{transform:none;z-index:12;transition:none;visibility:visible}.position-left.reveal-for-medium .close-button{display:none}.off-canvas-content .position-left.reveal-for-medium{transform:none}.off-canvas-content.has-reveal-left{margin-left:17em}.position-left.reveal-for-medium ~ .off-canvas-content{margin-left:17em}.position-right.reveal-for-medium{transform:none;z-index:12;transition:none;visibility:visible}.position-right.reveal-for-medium .close-button{display:none}.off-canvas-content .position-right.reveal-for-medium{transform:none}.off-canvas-content.has-reveal-right{margin-right:17em}.position-right.reveal-for-medium ~ .off-canvas-content{margin-right:17em}.position-top.reveal-for-medium{transform:none;z-index:12;transition:none;visibility:visible}.position-top.reveal-for-medium .close-button{display:none}.off-canvas-content .position-top.reveal-for-medium{transform:none}.off-canvas-content.has-reveal-top{margin-top:17em}.position-top.reveal-for-medium ~ .off-canvas-content{margin-top:17em}.position-bottom.reveal-for-medium{transform:none;z-index:12;transition:none;visibility:visible}.position-bottom.reveal-for-medium .close-button{display:none}.off-canvas-content .position-bottom.reveal-for-medium{transform:none}.off-canvas-content.has-reveal-bottom{margin-bottom:17em}.position-bottom.reveal-for-medium ~ .off-canvas-content{margin-bottom:17em}}@media print,screen and (min-width:64em){.position-left.reveal-for-large{transform:none;z-index:12;transition:none;visibility:visible}.position-left.reveal-for-large .close-button{display:none}.off-canvas-content .position-left.reveal-for-large{transform:none}.off-canvas-content.has-reveal-left{margin-left:17em}.position-left.reveal-for-large ~ .off-canvas-content{margin-left:17em}.position-right.reveal-for-large{transform:none;z-index:12;transition:none;visibility:visible}.position-right.reveal-for-large .close-button{display:none}.off-canvas-content .position-right.reveal-for-large{transform:none}.off-canvas-content.has-reveal-right{margin-right:17em}.position-right.reveal-for-large ~ .off-canvas-content{margin-right:17em}.position-top.reveal-for-large{transform:none;z-index:12;transition:none;visibility:visible}.position-top.reveal-for-large .close-button{display:none}.off-canvas-content .position-top.reveal-for-large{transform:none}.off-canvas-content.has-reveal-top{margin-top:17em}.position-top.reveal-for-large ~ .off-canvas-content{margin-top:17em}.position-bottom.reveal-for-large{transform:none;z-index:12;transition:none;visibility:visible}.position-bottom.reveal-for-large .close-button{display:none}.off-canvas-content .position-bottom.reveal-for-large{transform:none}.off-canvas-content.has-reveal-bottom{margin-bottom:17em}.position-bottom.reveal-for-large ~ .off-canvas-content{margin-bottom:17em}}@media print,screen and (min-width:20.0625em){.off-canvas.in-canvas-for-xmedium{visibility:visible;height:auto;position:static;background:0;width:auto;overflow:visible;transition:none}.off-canvas.in-canvas-for-xmedium.position-left,.off-canvas.in-canvas-for-xmedium.position-right,.off-canvas.in-canvas-for-xmedium.position-top,.off-canvas.in-canvas-for-xmedium.position-bottom{box-shadow:none;transform:none}.off-canvas.in-canvas-for-xmedium .close-button{display:none}}@media print,screen and (min-width:40em){.off-canvas.in-canvas-for-medium{visibility:visible;height:auto;position:static;background:0;width:auto;overflow:visible;transition:none}.off-canvas.in-canvas-for-medium.position-left,.off-canvas.in-canvas-for-medium.position-right,.off-canvas.in-canvas-for-medium.position-top,.off-canvas.in-canvas-for-medium.position-bottom{box-shadow:none;transform:none}.off-canvas.in-canvas-for-medium .close-button{display:none}}@media print,screen and (min-width:64em){.off-canvas.in-canvas-for-large{visibility:visible;height:auto;position:static;background:0;width:auto;overflow:visible;transition:none}.off-canvas.in-canvas-for-large.position-left,.off-canvas.in-canvas-for-large.position-right,.off-canvas.in-canvas-for-large.position-top,.off-canvas.in-canvas-for-large.position-bottom{box-shadow:none;transform:none}.off-canvas.in-canvas-for-large .close-button{display:none}}.title-bar{padding:.5rem;background:#0a0a0a;color:#fefefe;display:flex;justify-content:flex-start;align-items:center}.title-bar .menu-icon{margin-left:.25rem;margin-right:.25rem}.title-bar-left,.title-bar-right{flex:1 1 0}.title-bar-right{text-align:right}.title-bar-title{display:inline-block;vertical-align:middle;font-weight:bold}.hide{display:none !important}.invisible{visibility:hidden}@media print,screen and (max-width:20.06125em){.hide-for-small-only{display:none !important}}@media screen and (max-width:0),screen and (min-width:20.0625em){.show-for-small-only{display:none !important}}@media print,screen and (min-width:20.0625em){.hide-for-xmedium{display:none !important}}@media screen and (max-width:20.06125em){.show-for-xmedium{display:none !important}}@media print,screen and (min-width:20.0625em) and (max-width:39.99875em){.hide-for-xmedium-only{display:none !important}}@media screen and (max-width:20.06125em),screen and (min-width:40em){.show-for-xmedium-only{display:none !important}}@media print,screen and (min-width:40em){.hide-for-medium{display:none !important}}@media screen and (max-width:39.99875em){.show-for-medium{display:none !important}}@media print,screen and (min-width:40em) and (max-width:63.99875em){.hide-for-medium-only{display:none !important}}@media screen and (max-width:39.99875em),screen and (min-width:64em){.show-for-medium-only{display:none !important}}@media print,screen and (min-width:64em){.hide-for-large{display:none !important}}@media screen and (max-width:63.99875em){.show-for-large{display:none !important}}@media print,screen and (min-width:64em) and (max-width:74.99875em){.hide-for-large-only{display:none !important}}@media screen and (max-width:63.99875em),screen and (min-width:75em){.show-for-large-only{display:none !important}}.show-for-sr,.show-on-focus{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important}.show-on-focus:active,.show-on-focus:focus{position:static !important;width:auto !important;height:auto !important;overflow:visible !important;clip:auto !important;white-space:normal !important}.show-for-landscape,.hide-for-portrait{display:block !important}@media screen and (orientation:landscape){.show-for-landscape,.hide-for-portrait{display:block !important}}@media screen and (orientation:portrait){.show-for-landscape,.hide-for-portrait{display:none !important}}.hide-for-landscape,.show-for-portrait{display:none !important}@media screen and (orientation:landscape){.hide-for-landscape,.show-for-portrait{display:none !important}}@media screen and (orientation:portrait){.hide-for-landscape,.show-for-portrait{display:block !important}}[data-slick-carousel] [data-lazy]{display:none}a{text-decoration:none}#preHeaderPromoBar{display:none !important}.responsive-header_browse_deals_hot+#dropdown-hotDeals{display:none;position:absolute;right:135px;background:#fff;border-top:2px solid transparent;box-shadow:0 7px 10px rgba(0,0,0,0.4);padding:2px 0 0;z-index:500;top:40px;font-size:12px;width:200px}.responsive-header_browse_deals_hot+#dropdown-hotDeals:hover{display:block}.responsive-header_browse_deals_hot+#dropdown-hotDeals .shopDeptDiv{border-top:solid 1px #539db9;border-bottom:0;margin:3px 10px}.responsive-header_browse_deals_hot+#dropdown-hotDeals ul{margin-left:0;margin-bottom:0}.responsive-header_browse_deals_hot+#dropdown-hotDeals ul li{color:#333;display:block;font-size:11px;padding:3px 9px 1px}.responsive-header_browse_deals_hot+#dropdown-hotDeals ul li:hover{background:#3253b8}.responsive-header_browse_deals_hot+#dropdown-hotDeals ul li:hover *{color:#fff}.responsive-header_browse_deals_hot:hover+#dropdown-hotDeals{display:block}.responsive-header{width:100%;background:#fff;color:#2d2d2d;font-family:"Roboto",Arial,Helvetica,"Helvetica Neue",sans-serif;border-bottom:1px solid rgba(0,0,0,0.12)}.responsive-header *{box-sizing:border-box}.responsive-header a{color:#2d2d2d;font-weight:400}.responsive-header a:hover,.responsive-header a:visited,.responsive-header a:focus{color:#2d2d2d;text-decoration:none}.responsive-header .recent-search-history{margin:5px 0 0;background:#fff}.responsive-header .recent-search-history .clear-history{color:#3253b8}.responsive-header_search-overlay{display:none}.responsive-header_search-overlay[data-open]{display:block;position:fixed;width:100%;background:#000;opacity:.8;z-index:100;height:100vh;height:-webkit-fill-available}.responsive-header_values-panel{display:none}.responsive-header_values-panel[data-open]{display:block;position:absolute;left:0;width:404px;background:#fff;z-index:102;text-align:center;padding:10px 32px 32px;border:1px solid #DDD;height:100%;overflow:scroll;max-width:100%}.responsive-header_values-panel_close{height:44px;width:107%;background:url(https://static.musiciansfriend.com/responsive/img/mf/close-icon.svg?vId=2026.06.22.MF7.7.39.1.atg.b&cb=4) no-repeat right;cursor:pointer}.responsive-header_values-panel_title{font-size:1.625rem;font-weight:500;margin-bottom:50px}.responsive-header_values-panel_value-props_shipping,.responsive-header_values-panel_value-props_warranty,.responsive-header_values-panel_value-props_contact{border:1px solid #DDD;border-radius:4px;position:relative;margin-bottom:49px}.responsive-header_values-panel_value-props_shipping_icon,.responsive-header_values-panel_value-props_warranty_icon,.responsive-header_values-panel_value-props_contact_icon{position:absolute;width:66px;height:66px;border-radius:50%;top:-33px;left:138px;border:2px solid #DDD}.responsive-header_values-panel_value-props_shipping_title,.responsive-header_values-panel_value-props_warranty_title,.responsive-header_values-panel_value-props_contact_title{font-size:1.125rem;font-weight:500;border-bottom:1px solid #DDD;padding:40px 0 9px}.responsive-header_values-panel_value-props_shipping_text,.responsive-header_values-panel_value-props_warranty_text,.responsive-header_values-panel_value-props_contact_text{color:#555;padding:0 16px}.responsive-header_values-panel_value-props_shipping a,.responsive-header_values-panel_value-props_warranty a,.responsive-header_values-panel_value-props_contact a{color:#3253b8;display:inline-block;margin-bottom:19px}.responsive-header_values-panel_value-props_shipping a:hover,.responsive-header_values-panel_value-props_shipping a:visited,.responsive-header_values-panel_value-props_shipping a:focus,.responsive-header_values-panel_value-props_warranty a:hover,.responsive-header_values-panel_value-props_warranty a:visited,.responsive-header_values-panel_value-props_warranty a:focus,.responsive-header_values-panel_value-props_contact a:hover,.responsive-header_values-panel_value-props_contact a:visited,.responsive-header_values-panel_value-props_contact a:focus{color:#3253b8;text-decoration:underline}.responsive-header_values-panel_value-props_shipping_icon{background:url(https://static.musiciansfriend.com/responsive/img/mf/shipping-icon.svg?vId=2026.06.22.MF7.7.39.1.atg.b&cb=4) #f1f0ea no-repeat;background-position:7px}.responsive-header_values-panel_value-props_warranty_icon{background:url(https://static.musiciansfriend.com/responsive/img/mf/shield-icon.svg?vId=2026.06.22.MF7.7.39.1.atg.b&cb=4) #f1f0ea no-repeat;background-position:18px}.responsive-header_values-panel_value-props_contact_icon{background:url(https://static.musiciansfriend.com/responsive/img/mf/contact-icon.svg?vId=2026.06.22.MF7.7.39.1.atg.b&cb=4) #f1f0ea no-repeat;background-position:16px}.responsive-header_contact-panel,.responsive-header_cart-panel{display:none}.responsive-header_contact-panel[data-open],.responsive-header_cart-panel[data-open]{display:block;position:absolute;right:0;width:404px;background:#fff;z-index:102;text-align:center;padding:10px 32px 32px;border:1px solid #DDD;height:100%;overflow:scroll;list-style:none;max-width:100%}@media only screen and (max-width:639px){.responsive-header_contact-panel[data-open],.responsive-header_cart-panel[data-open]{width:375px}}@media only screen and (max-width:374px){.responsive-header_contact-panel[data-open],.responsive-header_cart-panel[data-open]{max-width:325px}}.responsive-header_contact-panel_close,.responsive-header_cart-panel_close{height:44px;width:107%;background:url(https://static.musiciansfriend.com/responsive/img/mf/close-icon.svg?vId=2026.06.22.MF7.7.39.1.atg.b&cb=4) no-repeat right;cursor:pointer}.responsive-header_contact-panel_title,.responsive-header_cart-panel_title{font-size:1.625rem;font-weight:500}.responsive-header_contact-panel_info,.responsive-header_cart-panel_info{padding:32px;border:1px solid #DDD}.responsive-header_contact-panel_info_title,.responsive-header_cart-panel_info_title{font-size:1.5rem;font-weight:500}.responsive-header_contact-panel_info_number,.responsive-header_cart-panel_info_number{font-size:1.75rem;font-weight:600;color:#3253b8;margin:12px 0 16px}.responsive-header_contact-panel_info_spanish,.responsive-header_cart-panel_info_spanish{position:relative;width:236px;border:1px solid #BBB;margin:auto}.responsive-header_contact-panel_info_spanish_text,.responsive-header_cart-panel_info_spanish_text{font-size:13px;width:128px;margin:auto;background:#fff;position:absolute;top:-10px;left:52px;color:#555}.responsive-header_contact-panel_info_spanish_number,.responsive-header_cart-panel_info_spanish_number{margin:8px auto;font-weight:600;float:none;font-size:16px}.responsive-header_contact-panel_info_chat,.responsive-header_cart-panel_info_chat{padding-top:32px;font-size:1.5rem;font-weight:500;margin-bottom:24px}.responsive-header_contact-panel_info_chat-btn,.responsive-header_cart-panel_info_chat-btn{box-shadow:0 3px 6px rgba(0,0,0,0.16);color:#FFF !important;background-color:#3253b8;padding:12px 79px;font-size:1.125rem;font-weight:600;border-radius:4px}.responsive-header_contact-panel_info_chat-btn:hover,.responsive-header_cart-panel_info_chat-btn:hover{color:#FFF !important;background-color:#3d66e2}.responsive-header_contact-panel_info_chat-btn:focus,.responsive-header_cart-panel_info_chat-btn:focus{border:2px solid #bed9fa;color:#FFF !important;background-color:#3d66e2}.responsive-header_contact-panel_info_hours,.responsive-header_cart-panel_info_hours{color:#555;padding:42px 0 0}.responsive-header_contact-panel_info_hours_title,.responsive-header_cart-panel_info_hours_title{font-size:1.25rem;font-weight:500}.responsive-header_contact-panel_info_hours_details,.responsive-header_cart-panel_info_hours_details{font-size:1rem;margin-bottom:7px}.responsive-header_contact-panel_links,.responsive-header_cart-panel_links{margin-top:24px;border:1px solid #DDD;display:flex;flex-direction:column;text-align:left;padding:32px 32px 13px}.responsive-header_contact-panel_links a,.responsive-header_cart-panel_links a{font-size:1.125rem;color:#3253b8;padding-bottom:19px;position:relative;font-weight:500;width:fit-content}.responsive-header_contact-panel_links a:hover,.responsive-header_cart-panel_links a:hover{color:#3253b8;text-decoration:underline}.responsive-header_contact-panel_links a::after,.responsive-header_cart-panel_links a::after{content:" ";position:absolute;top:-19px;right:-50px;background:url(https://static.musiciansfriend.com/responsive/img/mf/chevron-right-blue.svg?vId=2026.06.22.MF7.7.39.1.atg.b&cb=4);width:70px;height:70px;background-size:cover}.responsive-header_contact-panel_header,.responsive-header_cart-panel_header{font-size:1.125rem;font-weight:500;margin:16px 0;text-align:left}.responsive-header_contact-panel_mini-cart,.responsive-header_cart-panel_mini-cart{list-style:none;margin-left:0}.responsive-header_contact-panel_mini-cart_total,.responsive-header_cart-panel_mini-cart_total{font-size:1.125rem;font-weight:500;margin:32px 0 16px;text-align:left}.responsive-header_contact-panel_mini-cart_total #cartValueRR,.responsive-header_cart-panel_mini-cart_total #cartValueRR{font-style:normal}.responsive-header_contact-panel_mini-cart_info,.responsive-header_cart-panel_mini-cart_info{display:flex;text-align:left;font-weight:500;font-size:.875rem;margin:10px 0}.responsive-header_contact-panel_mini-cart_info_img,.responsive-header_cart-panel_mini-cart_info_img{border:1px solid #ddd;margin-right:8px;max-height:60px;min-width:60px}.responsive-header_contact-panel_mini-cart_info a,.responsive-header_cart-panel_mini-cart_info a{color:#3253b8 !important;font-weight:500;font-size:.875rem;display:block}.responsive-header_contact-panel_mini-cart_info a:hover,.responsive-header_contact-panel_mini-cart_info a:focus,.responsive-header_cart-panel_mini-cart_info a:hover,.responsive-header_cart-panel_mini-cart_info a:focus{color:#3253b8 !important;text-decoration:underline}.responsive-header_contact-panel_mini-cart_btn,.responsive-header_cart-panel_mini-cart_btn{box-shadow:0 3px 6px rgba(0,0,0,0.16);color:#FFF !important;background-color:#3253b8;padding:12px;font-size:1.125rem;font-weight:600;border-radius:4px;display:block;width:100%}.responsive-header_contact-panel_mini-cart_btn:hover,.responsive-header_cart-panel_mini-cart_btn:hover{color:#FFF !important;background-color:#3d66e2}.responsive-header_contact-panel_mini-cart_btn:focus,.responsive-header_cart-panel_mini-cart_btn:focus{border:2px solid #bed9fa;color:#FFF !important;background-color:#3d66e2}.responsive-header_contact-panel_mini-cart_empty,.responsive-header_cart-panel_mini-cart_empty{margin-top:20px;display:flex;flex-flow:row wrap;justify-content:center;padding:20px 0;text-align:center}.responsive-header_contact-panel_mini-cart_empty_icon,.responsive-header_cart-panel_mini-cart_empty_icon{height:44px;width:44px}.responsive-header_contact-panel_mini-cart_empty--btn,.responsive-header_cart-panel_mini-cart_empty--btn{box-shadow:0 3px 6px rgba(0,0,0,0.16);color:#FFF !important;background-color:#3253b8;font-weight:500;font-size:.875rem;max-height:36px;padding:10px;margin-bottom:20px;text-align:center;border-radius:4px;width:154px}.responsive-header_contact-panel_mini-cart_empty--btn:hover,.responsive-header_cart-panel_mini-cart_empty--btn:hover{color:#FFF !important;background-color:#3d66e2}.responsive-header_contact-panel_mini-cart_empty--btn:focus,.responsive-header_cart-panel_mini-cart_empty--btn:focus{border:2px solid #bed9fa;color:#FFF !important;background-color:#3d66e2}.responsive-header_contact-panel_mini-cart_empty_heading,.responsive-header_cart-panel_mini-cart_empty_heading{color:#2d2d2d;font-size:28px;font-weight:500}.responsive-header_contact-panel_mini-cart_empty_sign-in-msg,.responsive-header_cart-panel_mini-cart_empty_sign-in-msg{color:#555}.responsive-header_contact-panel_mini-cart_empty a.empty-mini-cart-link,.responsive-header_cart-panel_mini-cart_empty a.empty-mini-cart-link{color:#3253b8;font-weight:500}.responsive-header_branding{background:#f1f0ea;height:40px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;color:#888}@media only screen and (min-width:1500px){.responsive-header_branding{justify-content:center}.responsive-header_branding_values{width:500px}.responsive-header_branding_promo{text-align:center;width:500px}.responsive-header_branding_links{width:500px;justify-content:flex-end}}@media only screen and (max-width:1290px){.responsive-header_branding{padding:0 10px}}.responsive-header_branding a{color:#888}.responsive-header_branding a:hover,.responsive-header_branding a:visited,.responsive-header_branding a:focus{color:#888;text-decoration:underline}.responsive-header_branding_values{font-style:italic;display:flex;align-items:center}.responsive-header_branding_values_icon{background:url(https://static.musiciansfriend.com/responsive/img/mf/right-arrow.svg?vId=2026.06.22.MF7.7.39.1.atg.b&cb=4);margin-left:-14px;height:26px;width:35px;background-size:60px;background-position:0 -13px}.responsive-header_branding_values,.responsive-header_branding_promo{font-size:14px}.responsive-header_branding_promo a{text-decoration:underline}.responsive-header_branding_links{font-size:14px;display:flex}.responsive-header_branding_links a{padding:0 12px}.responsive-header_branding_links_rewards{display:flex;align-items:center}.responsive-header_branding_links_rewards_img{height:27px;width:44px}.responsive-header_branding_links_rewards_text{width:180px;line-height:normal;text-align:center}.responsive-header_branding_links_rewards_text_title{font-size:12px;margin:0}.responsive-header_branding_links_rewards_text_details{font-size:11px;margin:0}.responsive-header_utility{height:84px;display:flex;justify-content:space-between;align-items:center;padding:20px}.responsive-header_utility_text{white-space:nowrap}@media only screen and (min-width:1500px){.responsive-header_utility{justify-content:center}.responsive-header_utility_search{max-width:844px;margin:0 36px 0 48px}}.responsive-header_utility_mobile{display:flex;align-items:center}.responsive-header_utility_mobile_hamburger{height:33px;width:34px;background:url(https://static.musiciansfriend.com/responsive/img/mf/menu-icon.svg?vId=2026.06.22.MF7.7.39.1.atg.b&cb=4) no-repeat}.responsive-header_utility_mobile_hamburger[data-open]{position:absolute;right:5px;z-index:10;top:5px;background:url(https://static.musiciansfriend.com/responsive/img/mf/close-icon.svg?vId=2026.06.22.MF7.7.39.1.atg.b&cb=4);height:40px;width:40px}.responsive-header_utility_mobile_searchIcon{height:42px;width:34px;background:url(https://static.musiciansfriend.com/responsive/img/mf/search-icon.svg?vId=2026.06.22.MF7.7.39.1.atg.b&cb=4)}.responsive-header_utility_mobile_flyout{display:none}@media only screen and (max-width:1290px){.responsive-header_utility{padding:0 10px}}.responsive-header_utility_logo{width:178px;height:44px;margin-right:16px;background-image:url(https://static.musiciansfriend.com/responsive/img/mf/musicians-friend-logo.svg?vId=2026.06.22.MF7.7.39.1.atg.b&cb=4);background-repeat:no-repeat;background-size:100% auto;background-position:0 50%}.responsive-header_utility_search{position:relative;width:60%;z-index:101}.responsive-header_utility_search_form{position:relative}.responsive-header_utility_search .ui-input-text{margin:0 !important}.responsive-header_utility_search_icon{height:40px;width:40px;position:absolute;top:4px;left:4px;z-index:100;background:url(https://static.musiciansfriend.com/responsive/img/mf/search-icon.svg?vId=2026.06.22.MF7.7.39.1.atg.b&cb=4)}.responsive-header_utility_search::after{position:absolute;right:20px;content:"";top:16px;font-size:1rem;color:#BBB}.responsive-header_utility_search_input{width:100% !important;height:52px !important;box-shadow:none !important;margin:0 !important;padding-left:52px !important;border-radius:3px !important;border:1px solid #BBB !important;font-size:1rem}.responsive-header_utility_search_btn{display:none}.responsive-header_utility_search_btn[data-open]{position:absolute;right:12px;top:4px;border:0;border-radius:50%;height:44px;width:44px;display:block;box-shadow:none;padding:0;min-width:unset;background:url(https://static.musiciansfriend.com/responsive/img/mf/search-icon.svg?vId=2026.06.22.MF7.7.39.1.atg.b&cb=4) #eee}.responsive-header_utility_search_btn:hover{background-color:#BBB !important}@media screen and (max-width:1023px) and (min-width:768px){.responsive-header_utility_search[data-open] #search-form{margin-right:-220px;position:relative}.responsive-header_utility_search[data-open] .recent-search-history-container{margin-right:-220px}}.responsive-header_utility_search[data-open]::after{right:64px}.responsive-header_utility_search[data-open] .responsive-header_utility_search_icon{display:none}.responsive-header_utility_search[data-open] .responsive-header_utility_search_input{padding-left:15px !important}.responsive-header_utility_help{display:flex;align-items:center;justify-content:space-between;position:relative;margin:0 16px;padding:0 7px}.responsive-header_utility_help:hover{background:#eee;border-radius:40px}.responsive-header_utility_help_img{width:46px;height:46px;min-width:46px;background:url("//static.musiciansfriend.com/static/mf/sfChat/chat-agent2_square.png") no-repeat;background-size:cover;margin-right:10px;border:1px solid #BBB;border-radius:50%;background-position:center}.responsive-header_utility_help_text{margin-bottom:0}.responsive-header_utility_help_text_title{font-size:.75rem;color:#555;margin-bottom:0}.responsive-header_utility_help_text_phone{font-size:.938rem;font-weight:600;margin-bottom:0}.responsive-header_utility_help_icon{background:url(https://static.musiciansfriend.com/responsive/img/mf/right-arrow.svg?vId=2026.06.22.MF7.7.39.1.atg.b&cb=4);height:69px;width:31px;background-size:68px;background-position:-8px 6px}.responsive-header_utility_signin{font-size:.688rem;display:flex;flex-direction:column;align-items:center;margin-right:16px;position:relative;cursor:pointer;height:52px;width:52px;padding:8px;border-radius:50%;min-width:52px}.responsive-header_utility_signin[data-active],.responsive-header_utility_signin[data-logged-in],.responsive-header_utility_signin:hover{background:#eee}@media only screen and (min-width:1500px){.responsive-header_utility_signin{margin-left:16px}}.responsive-header_utility_signin_icon{height:22px;width:22px;background:url(https://static.musiciansfriend.com/responsive/img/mf/sign-in-icon.svg?vId=2026.06.22.MF7.7.39.1.atg.b&cb=4)}.responsive-header_utility_signin span{white-space:nowrap;padding-top:0}.responsive-header_utility_signin_logged-in{width:5px;height:5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #bbb;margin-left:0;margin-top:8px;padding-top:0}.responsive-header_utility_signin_logged-in[data-active],.responsive-header_utility_signin_logged-in[data-logged-in],.responsive-header_utility_signin_logged-in:hover{background:#eee}.responsive-header_utility_signin_logged-in::after{width:8px;height:8px;position:absolute;content:" ";top:4px;border-radius:50%;right:4px;background:#0ea200}.responsive-header_utility_account-dropdown{width:244px;position:absolute;background:#fff;border:1.5px solid #DDD;border-radius:16px;box-shadow:0 3px 6px rgba(0,0,0,0.06);z-index:999;top:65px;left:-106px;display:none}.responsive-header_utility_account-dropdown[data-open]{display:block}.responsive-header_utility_account-dropdown_back-btn{display:none}.responsive-header_utility_account-dropdown ul{list-style:none;text-align:center;margin:0;padding:32px 16px}.responsive-header_utility_account-dropdown_btn{box-shadow:0 3px 6px rgba(0,0,0,0.16);color:#FFF !important;background-color:#3253b8;font-size:1.125rem}.responsive-header_utility_account-dropdown_btn:hover{color:#FFF !important;background-color:#3d66e2}.responsive-header_utility_account-dropdown_btn:focus{border:2px solid #bed9fa;color:#FFF !important;background-color:#3d66e2}.responsive-header_utility_account-dropdown_btn-secondary{box-shadow:0 3px 6px rgba(0,0,0,0.16);background-color:#FFF;color:#2d2d2d;border:2px solid #BBB;font-size:1rem}.responsive-header_utility_account-dropdown_btn-secondary:hover{border:2px solid #BBB;box-shadow:0 6px 12px rgba(0,0,0,0.08)}.responsive-header_utility_account-dropdown_btn-secondary:focus{border:2px solid #bed9fa;background-color:#FFF}.responsive-header_utility_account-dropdown_btn,.responsive-header_utility_account-dropdown_btn-secondary{width:212px;display:block;border-radius:4px;padding:12px 0 !important;text-align:center;font-weight:600}.responsive-header_utility_account-dropdown_text{display:block;margin:16px}.responsive-header_utility_account-dropdown .userLoggedWrap{font-size:.875rem;font-weight:500;padding-bottom:10px;display:block}.responsive-header_utility_account-dropdown_link-profile{padding:5px;display:block;border-bottom:1px solid #DDD;font-size:1rem}.responsive-header_utility_account-dropdown_rewards_wrap{margin:21px auto;border:1px solid #DDD;text-align:center;padding:13px;position:relative}.responsive-header_utility_account-dropdown_rewards_title{position:absolute;top:-8px;text-transform:uppercase;font-weight:bold;left:0;width:100%;background:unset}.responsive-header_utility_account-dropdown_rewards_title span{background:#fff;padding:0 2px}.responsive-header_utility_account-dropdown_rewards_points{margin:0;font-size:1rem;color:#0ea200}.responsive-header_utility_cart{font-size:.688rem;display:flex;flex-direction:column;align-items:center;position:relative;height:52px;width:52px;padding:8px;min-width:52px}.responsive-header_utility_cart[data-active],.responsive-header_utility_cart:hover{background:#eee;border-radius:50%}.responsive-header_utility_cart_icon{height:22px;width:26px;background:url(https://static.musiciansfriend.com/responsive/img/mf/cart-icon.svg?vId=2026.06.22.MF7.7.39.1.atg.b&cb=4) no-repeat;background-size:22px;background-position:center}.responsive-header_utility_cart span{padding-top:0}.responsive-header_utility_cart span.cart-count{color:#eee;height:0;width:0}.responsive-header_utility_cart[data-show-count]{background:#eee;border-radius:50%}.responsive-header_utility_cart[data-show-count] span.cart-count{background:#0ea200;font-size:11px;border:2px solid #fff;position:absolute;top:-5px;left:39px;height:25px;width:25px;text-align:center;border-radius:50%;color:#fff;padding-top:2px}@media only screen and (max-width:767px){.responsive-header_utility_cart[data-show-count] span.cart-count{top:-8px;left:auto;right:-10px;height:25px;width:25px;padding-top:2px}}.responsive-header_browse{height:52px;width:100%;display:flex;justify-content:center;border-top:1px solid rgba(0,0,0,0.12);border-bottom:0;position:relative;box-shadow:0 3px 6px rgba(0,0,0,0.12);align-items:center}@media only screen and (min-width:1500px){.responsive-header_browse_stupid{padding:0 30px}}.responsive-header_browse_header{display:none}.responsive-header_browse_header_signin,.responsive-header_browse_header_back{font-size:11px;font-weight:300;color:#555}.responsive-header_browse_header_signin-link{width:44px;height:44px;display:inline-block;position:absolute;top:3px;left:12px;background:url(https://static.musiciansfriend.com/responsive/img/mf/sign-in-icon.svg?vId=2026.06.22.MF7.7.39.1.atg.b&cb=4) #fff no-repeat;border-radius:50%;background-position:center}.responsive-header_browse_header_signin-link[data-active],.responsive-header_browse_header_signin-link[data-logged-in],.responsive-header_browse_header_signin-link:hover{background-color:#eee}.responsive-header_browse_header_signin-link span{font-size:.688rem;position:absolute;right:-37px;top:15px}.responsive-header_browse_header_signin-link_logged-in{width:5px;height:5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #bbb;margin-left:0;margin-top:8px;padding-top:0;position:absolute;right:-18px !important;top:11px !important}.responsive-header_browse_header_signin-link_logged-in::after{width:8px;height:8px;position:absolute;content:" ";top:-22px;border-radius:50%;right:14px;background:#0ea200;border:1px solid #fff}.responsive-header_browse_header_back{display:none}.responsive-header_browse_mobile-header{display:none}.responsive-header_browse_categorymenu{padding:8px 29px 8px 18px;display:none}.responsive-header_browse_categorymenu[data-open]{background:#eee;border-radius:3px}@media only screen and (max-width:1290px){.responsive-header_browse{padding:0}}.responsive-header_browse_categories{font-size:.8rem;display:flex;list-style:none;margin:0;padding:7px}.responsive-header_browse_categories li{padding:0}.responsive-header_browse_categories li a[data-selected]{border-radius:3px;background:#eee}.responsive-header_browse_categories li a[data-js-categories-link]{padding:8px 5px;font-size:.875rem}.responsive-header_browse_categories li a[data-js-categories-link]:hover{border-radius:3px;background:#eee}.responsive-header_browse_categories_flyout{display:none}.responsive-header_browse_categories_flyout[data-open]{width:100%;position:absolute;z-index:99;left:0;top:41px;background:#f9f9f9;display:flex;justify-content:center;flex-wrap:nowrap;border-bottom:1px solid rgba(0,0,0,0.12);padding:32px 0}.responsive-header_browse_categories_flyout_close-btn{height:30px;width:30px;position:absolute;right:10px;top:10px;background:url(https://static.musiciansfriend.com/responsive/img/mf/close-icon.svg?vId=2026.06.22.MF7.7.39.1.atg.b&cb=4) no-repeat center}.responsive-header_browse_categories_flyout ul{list-style:none;margin:0;padding:0 25px}.responsive-header_browse_categories_flyout a{color:#555 !important;font-size:14px;letter-spacing:.92px;line-height:2;font-weight:300;padding:4px 0 !important}.responsive-header_browse_categories_flyout a:hover{text-decoration:underline}.responsive-header_browse_categories_flyout_subcategories,.responsive-header_browse_categories_flyout_recommended{display:grid;grid-template-columns:auto auto;padding:0;border-right:1px solid rgba(0,0,0,0.12)}@media only screen and (max-width:767px){.responsive-header_browse_categories_flyout_subcategories,.responsive-header_browse_categories_flyout_recommended{padding:32px 0}}.responsive-header_browse_categories_flyout_subcategories_brands a,.responsive-header_browse_categories_flyout_subcategories_models a,.responsive-header_browse_categories_flyout_recommended_brands a,.responsive-header_browse_categories_flyout_recommended_models a{display:flex;align-items:center}.responsive-header_browse_categories_flyout_subcategories_brands a .-img-container,.responsive-header_browse_categories_flyout_subcategories_models a .-img-container,.responsive-header_browse_categories_flyout_recommended_brands a .-img-container,.responsive-header_browse_categories_flyout_recommended_models a .-img-container{height:46px;width:46px;border-radius:50%;border:1px solid #DDD;margin-right:10px;background:#fff}.responsive-header_browse_categories_flyout_subcategories_brands a img,.responsive-header_browse_categories_flyout_subcategories_models a img,.responsive-header_browse_categories_flyout_recommended_brands a img,.responsive-header_browse_categories_flyout_recommended_models a img{height:43px;width:43px}.responsive-header_browse_categories_flyout_links{width:auto;min-width:224px}.responsive-header_browse_categories_flyout_links ul{height:100%;display:flex;flex-direction:column}.responsive-header_browse_categories_flyout_links ul li{padding:0 10px}.responsive-header_browse_categories_flyout_links ul li a{font-size:16px;color:#2d2d2d}.responsive-header_browse_categories_flyout_links_btn{background:#fff;text-align:center;border:2px solid #bbb;border-radius:4px;margin-top:auto}.responsive-header_browse_deals{display:flex;align-items:center}.responsive-header_browse_deals_hot{padding:6px 29px 6px 18px;white-space:nowrap;font-size:.875rem;margin:4px 0;border-left:1px solid rgba(0,0,0,0.12)}@media only screen and (max-width:1024px){.responsive-header_browse_deals_hot{border-left:0}}.responsive-header_browse_deals_hot[data-open]{background:#eee;border-radius:3px}.responsive-header_browse_deals_hot::after{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #BBB;position:absolute;content:" ";margin-left:8px;margin-top:9px}.responsive-header_browse_deals_stupid{height:24px;align-self:center;padding:0 8px}.responsive-header_browse_deals_stupid:hover{background:#eee;border-radius:3px}.responsive-header_browse_deals_stupid_icon{height:24px;width:119px;background:url(https://static.musiciansfriend.com/responsive/img/mf/SDOTD.svg?vId=2026.06.22.MF7.7.39.1.atg.b&cb=4)}.responsive-header_browse_deals_flyout{display:none}.responsive-header_browse_deals_flyout[data-open]{width:100%;min-height:226px;position:absolute;z-index:99;left:0;top:52px;background:#f9f9f9;display:flex;justify-content:center;flex-wrap:nowrap;border-bottom:1px solid rgba(0,0,0,0.12);padding:32px 0}@media only screen and (min-width:1500px){.responsive-header_browse_deals_flyout[data-open]{top:52px}}.responsive-header_browse_deals_flyout ul{flex-wrap:wrap;list-style:none;margin:0}.responsive-header_browse_deals_flyout ul li{margin:0 15px}.responsive-header_browse_deals_flyout img{height:122px;width:237px}.responsive-header_browse_deals_flyout_links{padding:0 30px}.responsive-header_browse_deals_flyout_promos{display:flex;border-left:1px solid rgba(0,0,0,0.12);padding:0 30px}.responsive-header_browse_deals_flyout_promos li a p{font-size:14px}.responsive-header_browse .-mobile-link{display:none}.responsive-header_browse .-mobile-link[data-js-side-panel-toggle="values"]{background:url(https://static.musiciansfriend.com/responsive/img/mf/right-arrow.svg?vId=2026.06.22.MF7.7.39.1.atg.b&cb=4) #f1f0ea no-repeat;background-position:right -2px;padding:18px 24px;font-size:1.125rem;font-weight:500}@media only screen and (min-width:768px){.responsive-header_browse .-mobile-link[data-js-side-panel-toggle="values"]{display:none}}.responsive-header_browse .-mobile-link[data-js-side-panel-toggle="help"]{display:flex;align-items:center;background:url(https://static.musiciansfriend.com/responsive/img/mf/right-arrow.svg?vId=2026.06.22.MF7.7.39.1.atg.b&cb=4) no-repeat;background-position:right 23px;height:116px}@media only screen and (min-width:768px){.responsive-header_browse .-mobile-link[data-js-side-panel-toggle="help"]{display:none}}.responsive-header_browse .-mobile-link.-branding-bar{background:#f1f0ea;padding:6px 24px;color:#888;border-bottom:0}.responsive-header_browse .-mobile-link.-branding-bar:visited{color:#888}.responsive-header_browse_help.-mobile-link{display:flex;align-items:center;background:url(https://static.musiciansfriend.com/responsive/img/mf/right-arrow.svg?vId=2026.06.22.MF7.7.39.1.atg.b&cb=4) no-repeat;background-position:right 0}.responsive-header_browse_help_text{margin:0}.responsive-header_browse_help_img{width:46px;height:46px;min-width:46px;background-image:url("//static.musiciansfriend.com/static/mf/sfChat/chat-agent2_square.png");background-size:contain;margin-right:10px;border:1px solid #bbb;border-radius:50%;background-size:cover;background-position:center}.responsive-header_browse .-collapsible::after{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #BBB;position:absolute;content:" ";margin-left:8px;margin-top:7px;transition:transform .5s}.responsive-header_browse .-collapsible[data-open]::after{transform:rotate(180deg)}.responsive-header_browse .-title,.responsive-header_browse .-title a{font-size:16px !important;color:#2d2d2d;font-weight:500}.responsive-header_browse .-nav-spacer{display:none}.screen-reader-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;border:0 !important;color:#000 !important;background-color:#FFF !important}.hidden{display:none !important}.invisible{visibility:hidden !important}.pre-header-promo-bar{background-color:#007ba9;min-height:1.5em;padding:.4em 0 .2em;max-height:6em;white-space:nowrap;font-size:3.5vw;text-align:center}.pre-header-promo-bar:hover{text-decoration:none}.pre-header-promo-bar-link{color:#fff}.pre-header-promo-bar-link:hover{color:#fff;text-decoration:underline}.main-container{padding:10px 2% 0}.main-container.-no-padding{padding:0}.typeahead-wrapper{position:absolute;display:flex;width:100%;top:58px;z-index:9;background-color:#f3f3f3;padding:10px 0 10px 10px;border:1px solid #c9c9c9;font-size:14px}.typeahead-wrapper ul{margin:0;list-style:none}.typeahead-wrapper .highlight{font-weight:500}.typeahead-wrapper>ul{margin:0;list-style:none;flex:1 1 26%;background:#fff;overflow:hidden;padding:4px;margin-right:10px}.typeahead-wrapper>div{flex:1 1 40%;background:#fff;overflow:hidden;padding:4px;margin-right:10px}.typeahead-wrapper li.searchTypeAhead-item{color:#333;display:block;padding:4px}.typeahead-wrapper li.searchTypeAhead-item:hover{color:#fff;background-color:#638fc3}.typeahead-wrapper li.searchTypeAhead-item a{color:inherit}.typeahead-wrapper strong{font-weight:bold;font-size:14px;line-height:15px;color:#333;text-transform:capitalize}.typeahead-wrapper ul.dimension>li{margin-bottom:5px;color:#369}.typeahead-wrapper ul.dimension ul li{padding:4px;line-height:1}.typeahead-wrapper ul.dimension ul li:hover{color:#fff;background-color:#638fc3}.typeahead-wrapper ul.dimension ul li a{color:inherit}.typeahead-wrapper .product li{overflow:hidden;margin-bottom:5px}.typeahead-wrapper .product .imgLink{float:left;width:90px}.typeahead-wrapper .product .imgLink img{width:100%}.typeahead-wrapper .product .prodInfo{margin-left:100px}.typeahead-wrapper .product .stars{text-indent:-2000px}.typeahead-wrapper ul.dimension ul li{color:#3253b8}</style>
<!-- preconnect links -->
<link rel="preconnect" href="https://s2.go-mpulse.net">
<link rel="preconnect" href="https://c.go-mpulse.net">
<link rel="preconnect" href="https://code.jquery.com">
<link rel="preconnect" href="https://fonts.googleapis.com/" crossorigin>
<link rel="dns-prefetch" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://assets.adobedtm.com">
<link rel="preconnect" href="https://wsv3cdn.audioeye.com">
<link rel="preconnect" href="https://ws.audioeye.com">
<!-- Adobe Launch Library Responsive MF Mobile -->
<!-- Responsive Launch Footer Embed Code -->
<script src="https://assets.adobedtm.com/launch-EN66c739551e514af49e369974f89a8ffe.min.js" async></script>
<!-- Jquery Library-->
<script src="https://static.musiciansfriend.com/cmn/productionJs/responsiveVendor.js?vId=2026.06.22.MF7.7.39.1.atg.b&cb=4" defer></script>
<script src="https://cdn.quantummetric.com/qscripts/quantum-guitarcenter.js" async></script>
<script src="https://static.musiciansfriend.com/cmn/productionJs/global.r.js?vId=2026.06.22.MF7.7.39.1.atg.b&cb=4" defer>
</script>
<script src="https://static.musiciansfriend.com/cmn/productionJs/foundation.r.js?vId=2026.06.22.MF7.7.39.1.atg.b&cb=4" defer>
</script>
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed|Roboto:300,400,500&display=swap" rel="stylesheet" media="postload">
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl+ '&gtm_auth=r43CHl6L7Y_15fcCpr0msg&gtm_preview=env-3&gtm_cookies_win=x';f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-TF4ZDK3V');</script><!-- End Google Tag Manager -->
<!-- Head - Top Script Content -->

<!-- template specific preconnect links -->

<link rel="preconnect" href="https://media.musiciansfriend.com">
<link rel="preconnect" href="https://cdnjs.cloudflare.com">
<link rel="preconnect" href="https://recs.richrelevance.com">

<script>

window.monetateQ = window.monetateQ || [];
    //Capture page Type
    window.monetateQ.push([
        "setPageType",
        "homepage"
    ]);
    //Capture required info
    window.monetateQ.push([
        "trackData"
    ]);
    //add page type to event driven dataLayer
    window.dataLayer = window.dataLayer || [];
        window.dataLayer.push({
        'event': 'pageData',
        'pageType': 'home',
        'pageName': 'homepage'
    });

</script>

<link href="https://static.musiciansfriend.com/cmn/brand/mf/productionCss/global.r.css?vId=2026.06.22.MF7.7.39.1.atg.b&cb=4" rel="preload" as="style" onload="this.rel='stylesheet'" />

<link href="https://static.musiciansfriend.com/cmn/brand/mf/productionCss/homepage.r.css?vId=2026.06.22.MF7.7.39.1.atg.b&cb=4" rel="preload" as="style" onload="this.rel='stylesheet'" /><!-- HeadType - Responsive Inline Homepage Css -->
<style>.stars{display:inline-block;width:77px;height:15px;background:url("/img/brand/mf/cmn/PR_Stars_big.png?vId=2026.06.22.MF7.7.39.1.atg.b");background-repeat:no-repeat;background-size:93%}.stars.-rate-1,.stars.rate-1{background-position:0 -14px}.stars.-rate-2,.stars.rate-2{background-position:0 -28px}.stars.-rate-3,.stars.rate-3{background-position:0 -42px}.stars.-rate-4,.stars.rate-4{background-position:0 -56px}.stars.-rate-5,.stars.rate-5{background-position:0 -71px}.stars.-rate-6,.stars.rate-6{background-position:0 -85px}.stars.-rate-7,.stars.rate-7{background-position:0 -99px}.stars.-rate-8,.stars.rate-8{background-position:0 -114px}.stars.-rate-9,.stars.rate-9{background-position:0 -128px}.stars.-rate-10,.stars.rate-10{background-position:0 -142px}.home-page .slick-slider{display:flex;margin:10px auto;position:relative}@media only screen and (min-width:1500px){.home-page .slick-slider{position:relative;max-width:1500px}}.home-page .slick-slider .slick-arrow{background-color:#fff;background-position:4px 4px;background-repeat:no-repeat;border:1px solid #ddd;font-family:"Roboto",Arial,Helvetica,"Helvetica Neue",sans-serif;height:44px;width:44px;z-index:1}.home-page .slick-slider .slick-arrow::before{content:''}@media only screen and (max-width:1023px){.home-page .slick-slider .slick-arrow{height:0;visibility:hidden;width:0}}.home-page .slick-slider .slick-next{right:30px}.home-page .slick-slider .slick-prev{left:30px}.home-page .slick-slider .slick-dots{bottom:-35px}.home-page .slick-slider .slick-dots li button::before{color:#BBB;font-size:8px}.home-page .slick-slider .slick-dots li.slick-active button::before{color:#3253b8}@media only screen and (min-width:1024px){.home-page .slick-slider .slick-dots{height:0;visibility:hidden;width:0}}.home-page .slick-slider.hero-display{opacity:0;visibility:hidden;transition:opacity 1s ease;-webkit-transition:opacity 1s ease}.home-page .slick-slider.hero-display.slick-initialized{visibility:visible;opacity:1}.home-page .slick-slider.hero-display .slick-dots{bottom:0}.home-page .slick-carousel.hero-display{max-height:500px;margin-bottom:20px;overflow:hidden}@media only screen and (min-width:769px) and (max-width:1024px){.home-page .slick-carousel.hero-display{max-height:325px}}@media only screen and (max-width:767px){.home-page .slick-carousel.hero-display{max-height:540px}}.large-promos .home-stupid-deal-container{background:#FFF;padding:16px}.large-promos .home-stupid-deal-container article{box-shadow:0 3px 6px rgba(0,0,0,0.03);border-radius:4px;border:1px solid #DDD;height:100%;padding:1rem;position:relative;display:flex;flex-direction:column}.large-promos .home-stupid-deal-container .home-stupid-deal-header{background:#eb703b;border-radius:4px;box-shadow:0 3px 6px rgba(0,0,0,0.03);height:76px;margin-bottom:8px;padding-top:4px}.large-promos .home-stupid-deal-container .home-stupid-deal-header-text{color:#fff;text-align:center}.large-promos .home-stupid-deal-container .home-stupid-deal-header-text .home-stupid-deal-banner{height:26px;display:flex;justify-content:center;margin-top:10px;margin-bottom:12px}.large-promos .home-stupid-deal-container .home-stupid-deal-header-text .home-stupid-deal-banner .home-stupid-deal-header-text-logo{max-width:255px}.large-promos .home-stupid-deal-container .home-stupid-deal-header-text-large{display:inline-block;font-size:33px;font-weight:600}.large-promos .home-stupid-deal-container .home-stupid-deal-header-text-small{bottom:3px;display:inline-block;font-size:20px;font-weight:500;margin-left:7px;position:relative;vertical-align:top}.large-promos .home-stupid-deal-container .home-stupid-deal-header-text-small span{display:block;font-size:11px;font-weight:400;position:relative;bottom:-10px;font-weight:normal}.large-promos .home-stupid-deal-container .home-stupid-deal-header-text-logo{max-height:50px}.large-promos .home-stupid-deal-container .home-stupid-deal-header-text-countdown{bottom:10px;position:relative}.large-promos .home-stupid-deal-container .home-stupid-deal-header-text-countdown .availability{visibility:hidden}.large-promos .home-stupid-deal-container .home-stupid-deal-header-text-countdown label{color:#fff;font-size:16px;font-weight:500}.large-promos .home-stupid-deal-container .home-stupid-deal-content{display:flex;flex-flow:row wrap;justify-content:center;text-align:center;height:100%}.large-promos .home-stupid-deal-container .home-stupid-deal-content::before{content:"";display:block;position:absolute;width:100%;z-index:1;height:100%;left:0;top:0;background-color:transparent}.large-promos .home-stupid-deal-container .home-stupid-deal-content .home-stupid-deal-product-image{align-self:center;display:flex;max-width:210px}.large-promos .home-stupid-deal-container .home-stupid-deal-content .home-stupid-deal-product-info{display:flex;flex-flow:row wrap;padding-top:16px;text-align:center;align-items:center;justify-content:space-evenly}.large-promos .home-stupid-deal-container .home-stupid-deal-content .home-stupid-deal-product-info-name{color:#2d2d2d;margin-bottom:16px;font-size:16px;font-weight:normal;text-align:center}.large-promos .home-stupid-deal-container .home-stupid-deal-content .home-stupid-deal-product-info-price-regular{color:#555;font-size:16px;text-decoration:line-through}@media only screen and (max-width:1023px){.large-promos .home-stupid-deal-container .home-stupid-deal-content .home-stupid-deal-product-info-price-regular{flex:0 0 100%;max-width:100%}}.large-promos .home-stupid-deal-container .home-stupid-deal-content .home-stupid-deal-product-info-price-now{color:#d30000;font-weight:600;font-size:28px;margin:0}@media only screen and (max-width:1023px){.large-promos .home-stupid-deal-container .home-stupid-deal-content .home-stupid-deal-product-info-price-now{flex:0 0 100%;max-width:100%}}.large-promos .home-stupid-deal-container .home-stupid-deal-content .home-stupid-deal-product-info-price-savings{color:#fff;background-color:#d30000;font-size:13px;font-weight:500;height:20px;max-width:122px;margin:initial;padding:1px 4px 2px 4px;text-align:center;border-radius:2px}@media only screen and (max-width:1023px){.large-promos .home-stupid-deal-container .home-stupid-deal-content .home-stupid-deal-product-info-price-savings{flex:0 0 100%;max-width:115px}}.large-promos{flex-flow:row wrap;margin-bottom:64px}.large-promos .l-promo-item{display:flex;padding:10px 10px 0 10px}.large-promos .l-promo-item .cell-card{box-shadow:0 3px 6px rgba(0,0,0,0.03);border-radius:4px;border:1px solid #DDD}@media only screen and (max-width:639px){.large-promos .l-promo-item .cell-card{width:100%}}.large-promos .l-promo-item .cell-card-block{color:#2d2d2d;text-align:center}.large-promos .l-promo-item .cell-card-block h3{font-size:28px;font-weight:500;margin-bottom:0;padding:10px 0 5px}@media only screen and (max-width:1023px){.large-promos .l-promo-item .cell-card-block h3{font-size:22px}}.large-promos .l-promo-item .cell-card-block p{font-size:16px;font-weight:500;padding:0 5px}.large-promos .l-promo-item .cell-card-image-top img{height:100%;object-fit:cover;width:100%;min-height:200px}.hp-section{align-items:normal;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:20px;margin:0 auto 64px auto;position:relative}@media only screen and (max-width:1023px){.hp-section{grid-gap:16px}}.hp-section .cell{box-shadow:0 3px 6px rgba(0,0,0,0.03);border-radius:4px;border:1px solid #DDD}.hp-section .cell.home-stupid-deal-header{padding:16px 16px 0 16px}.hp-section .cell-card-block{color:#2d2d2d;text-align:center}.hp-section .cell-card-block h3{font-size:20px;font-weight:500;margin-bottom:0;padding:10px}@media only screen and (max-width:1023px){.hp-section .cell-card-block h3{font-size:22px}}.hp-section .cell-card-block p{font-size:16px;font-weight:500;padding:0 10px}.hp-section .cell-card-image-top img{height:100%;object-fit:cover;width:100%}.hp-section .cell.m-promo-item .cell-card-block h3{font-size:18px}@media only screen and (max-width:1023px){.hp-section .cell.m-promo-item .cell-card-block h3{font-size:16px}}.hp-section .cell.m-promo-item .cell-card-block p{display:none}.hp-section .cell.m-promo-item .cell-card-image-top{height:auto}.hp-section .cell.l-promo-item .cell-card-image-top{height:auto}@media only screen and (max-width:1023px){.hp-section .cell.l-promo-item .cell-card-image-top{height:auto}}.hp-section .cell.l-promo-item .cell-card-image-top img{height:100%;object-fit:cover;width:100%}@media only screen and (max-width:1023px){.hp-section .cell.xl-promo-item .cell-card-image-top{height:auto}}@media only screen and (min-width:1500px){.hp-section .home-stupid-deal-container,.hp-section .l-promo-item{grid-column:span 4;height:486px}.hp-section .xl-promo-item{grid-column:span 6}.hp-section .m-promo-item{grid-column:span 3}}@media only screen and (max-width:1500px){.hp-section .home-stupid-deal-container{grid-column:span 12}.hp-section .l-promo-item,.hp-section .xl-promo-item{grid-column:span 6}.hp-section .m-promo-item{grid-column:span 3}}@media only screen and (max-width:767px){.hp-section .home-stupid-deal-container{grid-column:span 12}.hp-section .l-promo-item,.hp-section .xl-promo-item{grid-column:span 12}}@media only screen and (max-width:639px){.hp-section .m-promo-item{grid-column:span 6}}.home-page .main-container{padding:0}.hp-container{margin-left:auto;margin-right:auto;padding-left:1.6rem;padding-right:1.6rem;width:100%;max-width:123.2rem}.hp-container .hp-row{display:flex;flex-flow:row wrap;margin-top:-1.6rem;margin-left:-1.6rem;padding-left:0;padding-right:0}.hp-container .hp-row .cell,.hp-container .hp-row .hero-display{padding:1.6rem 0 0 1.6rem}.small-promos-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px 1%;margin-bottom:12px}.small-promos-grid img{width:100%}</style>
<style>
.hero-display {
    height: 230px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}
.hero-display.slick-initialized {
    height: auto;
    visibility: visible;
    opacity: 1;    
}  
.slick-item-container img {  height: auto;
    max-width: 100%;}
  .slick-slide {
    position: relative;
    margin: 0 1px;
}
.home-page .hero-display.slick-slider button.slick-prev {
    left: 55px;
}
</style>
<link rel="canonical" href="https://www.musiciansfriend.com/"/>
<!-- Begin Monetate ExpressTag Sync v8.1. Place at start of document head. DO NOT ALTER. -->
<script type="text/javascript">var monetateT = new Date().getTime();</script>
<script type="text/javascript" src="//se.monetate.net/js/2/a-d9ea219b/p/musiciansfriend.com/entry.js"></script>
<!-- End Monetate tag. -->
</head>
<body class="home-page">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TF4ZDK3V&gtm_auth=r43CHl6L7Y_15fcCpr0msg&gtm_preview=env-3&gtm_cookies_win=x" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><!-- End Google Tag Manager (noscript) -->
<a href="#mainContent" class="show-for-sr">Skip to main content</a>
<!-- page content -->
<var id="globalPageData" class="global-page-data" style="display:none">
{ "pageData": {"urls":{"powerReviewsUrl":"//static.musiciansfriend.com/","catalogAssetStaticContentUrl":"static.musiciansfriend.com","staticContentUrl":"static.musiciansfriend.com"},"site":{"deviceType":"d","isAudioEyeEnabled":true,"contentKey":"","endecaCookieSortEnabled":false,"prodEnvEnabled":true,"siteName":"mf","isInternationalCommerceEnabled":false,"isHum":true,"claripDomain":"https://gci.clarip.com/","enableClarip":true,"imageResizeEnabled":false,"claripConsentJSUrl":"https://cdn.clarip.com/gci/clarip_consent.js","applePayEnabled":"","JSONLDEnabled":"","staticVersion":"2026.06.22.MF7.7.39.1.atg.b&cb=4","fortivaCardName":"Choice Card","welcomeMat":true,"unicaEnv":"site-prod","versionParam":"?vId=2026.06.22.MF7.7.39.1.atg.b&cb=4","isTypeAheadEnabled":true,"isRichRelevanceEnabled":true,"audioEyeEnabled":true,"ELoyaltyEnabled":""},"product":{},"algoliaConfigData":{"algoliaInsightsApiKey":"9a9ec0d9dbf04b80d2665a939cc7d67c","algoliaInsightsAppId":"5IQKF8IP7E","algoliaInsightsIndexName":"musiciansfriend"},"scene7":{"scene7BasePath":"MMGS7/","scene7StaticContentUrl":"media.musiciansfriend.com/is/image/"},"janrain":{"appDomain":"https://login.musiciansfriend.com","appName":"login.musiciansfriend.com","appId":"fpcfgdnipomgblmndfod"},"mobileApp":{"srcCode":"","itunesBanner":true},"richRelevance":{"mode":"render","loadAtgRecs":false,"baseUrl":"//recs.richrelevance.com/rrserver/","apiKey":"46baeda9936d6a41","channelId":"-","timeout":"10000"}} }
</var>
<!-- pre content -->
<!-- Layout - Tag -->
<div class="banner-title-text-ios" style="display:none">Musician's Friend</div>
<div class="banner-title-text-android" style="display:none">Musician's Friend</div>
<div class="banner-title-text-ios" style="display:none">Musician's Friend</div>
<div class="banner-title-text-android" style="display:none">Musician's Friend</div>
<div data-mobile-app-banner="" class="mobile-app-banner" style="display: none;">
<div>
<div class="mobile-app-banner-icon">Musician's Friend</div>
<div class="mobile-app-banner-text">
<p class="mobile-app-banner-title-text">Musician's Friend</p>
<p class="mobile-app-banner-app-text">Open in the Musician's Friend app.</p>
</div>
</div>
<a data-mobile-app-url="" class="mobile-app-url" href="https://smart.link/5b58fc9bda828?deeplink=MusiciansFriendApp%3A%2F%2F&mobile=yes&src=DIRECTSOURCECODE2" title="Open in the Musician's Friend app">Open</a>
</div><!-- Layout - Tag -->
<!-- Function - HTML Text Area -->
<div class="hidden" style="display:none;">
<div itemscope="" itemtype="//schema.org/WebSite">
  <meta itemprop="url" content="https://www.musiciansfriend.com/">
  <form itemprop="potentialAction" itemscope="" itemtype="//schema.org/SearchAction" class="ae-form">
    <meta itemprop="target" content="https://www.musiciansfriend.com/search?Ntt={search_string}">
     <label for="search_string" class="screen-reader-only ae-label">Search String (Required):</label>
    <input itemprop="query-input" type="text" name="search_string" id="search_string" required="" data-ae-blurbtype="input" data-ae-form-field="true">
    <input type="submit" class="ae-button" data-ae-blurbtype="button" data-ae-form-field="true">
  </form>
</div>
</div><div id="mainContent">
<var id="testAndTargetEnabled" class="hidden">true</var>
<div class="mboxDefault"></div>
<div class="responsive-header global-header">
<div class="responsive-header_search-overlay" data-js-search-overlay></div>
<div class="responsive-header_values-panel" data-js-side-panel="values">
<div class="responsive-header_values-panel_close" data-js-side-panel-toggle="values"></div>
<p class="responsive-header_values-panel_title">Why Shop With Us?</p>
<div class="responsive-header_values-panel_value-props">
<div class="responsive-header_values-panel_value-props_shipping">
<div class="responsive-header_values-panel_value-props_shipping_icon"></div>
<p class="responsive-header_values-panel_value-props_shipping_title">Free Shipping</p>
<p class="responsive-header_values-panel_value-props_shipping_text">Free Standard Ground shipping (48 contiguous states, some overweight and Used/Vintage items excluded).</p>
<p class="responsive-header_values-panel_value-props_shipping_text">Orders placed before 3 p.m. ET usually ship the same business day.</p>
<a href="/pages/shipping-commitment" class="responsive-header_values-panel_value-props_shipping_link">Learn More</a>
</div>
<div class="responsive-header_values-panel_value-props_warranty">
<div class="responsive-header_values-panel_value-props_warranty_icon"></div>
<p class="responsive-header_values-panel_value-props_warranty_title">2-Year Free Warranty on Guitars
</p>
<p class="responsive-header_values-panel_value-props_warranty_text">Every guitar or bass you
purchase from Musician's Friend (electric or acoustic, New or Open Box) includes two years of
protection from manufacturer defects.</p>
<a href="/pages/gear-advisers" class="responsive-header_values-panel_value-props_warranty_link">Contact Us for
Details</a>
</div>
<div class="responsive-header_values-panel_value-props_contact">
<div class="responsive-header_values-panel_value-props_contact_icon"></div>
<p class="responsive-header_values-panel_value-props_contact_title">We're Here for You</p>
<p class="responsive-header_values-panel_value-props_contact_text">Our Gear Advisers are available
to guide you through your entire shopping experience. Call or Chat for expert advice and to hear
the latest deals.</p>
<a href="/pages/gear-advisers" class="responsive-header_values-panel_value-props_contact_link">Contact Us</a>
</div>
</div>
</div>
<div class="responsive-header_contact-panel" data-js-side-panel="help">
<div class="responsive-header_contact-panel_close" data-js-side-panel-toggle="help"></div>
<p class="responsive-header_contact-panel_title">Contact Us</p>
<div class="responsive-header_contact-panel_info">
<div class="responsive-header_contact-panel_info_title">Call Now</div>
<div class="responsive-header_contact-panel_info_number">800-449-9128</div>
<div class="responsive-header_contact-panel_info_spanish">
<p class="responsive-header_contact-panel_info_spanish_text">Hablamos Espa&ntilde;ol</p>
<p class="responsive-header_contact-panel_info_spanish_number">866.226.2919</p>
</div>
<div class="responsive-header_contact-panel_info_chat">Let's Chat</div>
<a class="responsive-header_contact-panel_info_chat-btn">Live Chat</a>
<div class="responsive-header_contact-panel_info_hours">
        <p class="responsive-header_contact-panel_info_hours_title">Hours:</p>
                            <p class="responsive-header_contact-panel_info_hours_details">
                                MON - FRI 6 AM – 7 PM PT
                            </p>
                            <p class="responsive-header_contact-panel_info_hours_details">
                                SAT 7 AM – 6 PM PT
                            </p>
                            <p class="responsive-header_contact-panel_info_hours_details">
                                SUN 8 AM – 5 PM PT
                            </p></div>
</div>
<div class="responsive-header_contact-panel_links">
<a href="/trackorder" class="responsive-header_contact-panel_links_link">Track your order</a>
<a href="/returns" class="responsive-header_contact-panel_links_link">Returns</a>
<a href="/faq" class="responsive-header_contact-panel_links_link">FAQs</a>
<a href="https://www.mysynchrony.com/cmp-index.html?market=music&store=musiciansfriend"
class="responsive-header_contact-panel_links_link">Make a Card Payment</a>
</div>
</div>
<div class="responsive-header_cart-panel" data-js-side-panel="cart">
<var id="userFirstName" class="hidden"></var>
<var id="callCenterNumber" class="hidden">800-449-9128</var>
<div class="responsive-header_cart-panel_close" data-js-side-panel-toggle="cart"></div>
<div id="miniCartMarkup">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" style="display: none;">
<symbol id="emptyCartIcon" width="44" height="44" viewBox="0 0 44 44">
<title>Empty Cart Icon</title>
<defs>
<style>.a { fill: #ddd;}.b,.d {fill: none;}.c,.f {fill: #fff;}.c,.d {stroke-linecap: round;stroke-linejoin: round;}
.d { stroke: #fff; stroke-width: 2.2px; }.e,.f {stroke: none; }
</style>
</defs>
<g transform="translate(5 5)">
<circle class="a" cx="22" cy="22" r="22" transform="translate(-5 -5)" />
<g transform="translate(5.449 9)">
<rect class="b" width="22" height="22" transform="translate(0.551 -1)" />
<g class="c" transform="translate(7.619 -21.586)">
<path class="e"
d="M 10.67987632751465 40.44574356079102 C 10.36012649536133 40.44574356079102 10.09999656677246 40.18561553955078 10.09999656677246 39.86587524414062 C 10.09999656677246 39.54613494873047 10.36012649536133 39.28600692749023 10.67987632751465 39.28600692749023 C 10.99962615966797 39.28600692749023 11.25975608825684 39.54613494873047 11.25975608825684 39.86587524414062 C 11.25975608825684 40.18561553955078 10.99962615966797 40.44574356079102 10.67987632751465 40.44574356079102 Z" />
<path class="f"
d="M 10.67987632751465 38.18600463867188 C 11.60806655883789 38.18600463867188 12.35975646972656 38.93769454956055 12.35975646972656 39.86587524414062 C 12.35975646972656 40.79406356811523 11.60806655883789 41.54574584960938 10.67987632751465 41.54574584960938 C 9.751686096191406 41.54574584960938 8.999996185302734 40.79406356811523 8.999996185302734 39.86587524414062 C 8.999996185302734 38.93769454956055 9.751686096191406 38.18600463867188 10.67987632751465 38.18600463867188 Z" />
</g>
<g class="c" transform="translate(-17.28 -21.586)">
<path class="e"
d="M 25.67987823486328 40.44574356079102 C 25.36012840270996 40.44574356079102 25.09999847412109 40.18561553955078 25.09999847412109 39.86587524414062 C 25.09999847412109 39.54613494873047 25.36012840270996 39.28600692749023 25.67987823486328 39.28600692749023 C 25.9996280670166 39.28600692749023 26.25975799560547 39.54613494873047 26.25975799560547 39.86587524414062 C 26.25975799560547 40.18561553955078 25.9996280670166 40.44574356079102 25.67987823486328 40.44574356079102 Z" />
<path class="f"
d="M 25.67987823486328 38.18600463867188 C 26.60806846618652 38.18600463867188 27.3597583770752 38.93769454956055 27.3597583770752 39.86587524414062 C 27.3597583770752 40.79406356811523 26.60806846618652 41.54574584960938 25.67987823486328 41.54574584960938 C 24.75168800354004 41.54574584960938 23.99999809265137 40.79406356811523 23.99999809265137 39.86587524414062 C 23.99999809265137 38.93769454956055 24.75168800354004 38.18600463867188 25.67987823486328 38.18600463867188 Z" />
</g>
<path class="d"
d="M24.112,8.631,22.025,15.7a1.343,1.343,0,0,1-1.3,1H8.581a1.343,1.343,0,0,1-1.3-1L4.378,3.808a2.015,2.015,0,0,0-1.948-1.5H1.051"
transform="translate(-1.5 -2.312)" />
</g>
</g>
</svg>
<div id="emptyMiniCartPanel">
<div class="small-12 responsive-header_cart-panel_mini-cart_empty">
<svg class="responsive-header_cart-panel_mini-cart_empty_icon"><use xlink:href="#emptyCartIcon"></use></svg>
<h2 class="small-12 responsive-header_cart-panel_mini-cart_empty_heading">Your Cart Is Empty</h2>
<p class="small-12 responsive-header_cart-panel_mini-cart_empty_sign-in-msg">Have an account? Sign in to see your saved items.</p>
<a href="/myaccount/signin" class="responsive-header_cart-panel_mini-cart_empty--btn">Sign In</a>
<a href="/" class="small-12 empty-mini-cart-link responsive-header_cart-panel_mini-cart_empty_shop-link">&lt;&nbsp;Continue Shopping</a>
</div>
</div>
</div>
</div>
<div class="hidden">
<var id="ajaxPageData">
{
"sourceCodeId" : "61001562",
"sourceName" : "DIRECTSOURCECODE2",
"sourceSegment" : "direct",
"profileZipcode" : "",
"profileStoreId" : "",
"profileStoreName" : "",
"profileID" : "13785417307",
"isInternational": "false",
"isWarrantyShippable": "true",
"isInternationalCommerceEnabled": "false",
"currencySymbol": "$",
"cookieLoggedIn" : false,
"richRelevanceMode":"render",
"richRelevanceApiKey":"46baeda9936d6a41",
"richRelevanceUserId":"",
"richRelevanceSessionId":"3d7ea5adee1c3c87388378b4c5cf043d",
"rrBaseUrl":"//recs.richrelevance.com/rrserver/",
"rrChannelId":"-",
"rrMobileChannelId":"c6e0f249ecc40744",
"hashedUserIdForCriteo":"",
"rrTimeout":"10000",

"isEducatorAccount": "false",
"sessionIsDC": "false",
"fullyLoggedIn" : false,
"isMobile":"false",

"isProp65User":"false",
"JSESSIONID":"",
"enableTwoDayShipMessage":"true",
"enableAskUserLocation":"true",
"showEloyalty": "true",
"loyaltyName":"rewards",
"showLoyalty":"true",
"loyaltyUser":"",
"loyaltyPoints":"",
"showCheckoutLoyalty":"true",

"callCenterNumber" : "800-449-9128",
"liveChat" : "false",
"doNotSell":""
}
</var>
</div>
<div class="responsive-header_branding" region_id="preHeaderPromoBar">
<a class="responsive-header_branding_values" href="#" data-js-side-panel-toggle="values"><span class="responsive-header_branding_values_text" region_id="FlyoutRight">Why Shop With Us?</span><div class="responsive-header_branding_values_icon"></div></a>
<span class="responsive-header_branding_promo">
  <span class="d-only">
    Shop 4th of July <a href="https://www.musiciansfriend.com/4th-of-july?icid=223969">deals</a> or use <a href="https://www.musiciansfriend.com/4th-of-july-coupon?icid=223969">coupon</a> code: JULY4 on select gear! Call <a href="tel:8886880208">888-688-0208</a> or <span
      style="cursor: pointer; font-weight: bold; text-decoration: underline" id="chat">chat</span> for even more savings!
  </span>
  <span class="m-only">4th of July Sale! Shop <a href="https://www.musiciansfriend.com/4th-of-july?icid=223969">deals</a> & <a href="https://www.musiciansfriend.com/4th-of-july-coupon?icid=223969">coupon</a> savings</span>
</span>
<style>
  .responsive-header_branding_promo {
     color: #2d2d2d;  
    text-align: center;
    line-height: clamp(0.75rem, -1.105vw + 1.786rem, 1.5rem);
  }

  .responsive-header_branding_promo a {
    font-weight: bold;
    text-decoration: underline;
     color: #2d2d2d;  
}
.responsive-header_branding a:hover, .responsive-header_branding a:visited, .responsive-header_branding a:focus {
    color: #555;
    text-decoration: underline;
}

  @media (min-width: 1053px) and (max-width: 1500px) {
    span.m-only {
      display: none;
    }
  }

  @media only screen and (min-width: 1500px) {
    .responsive-header_branding_promo {
      white-space: nowrap;
      width: 1500px;
    }

    span.m-only {
      display: none;
    }
  }

  @media only screen and (max-width: 913px) {
    .responsive-header_branding_values_icon {
      display: none;
    }
  }

  @media only screen and (max-width: 1053px) {
    span.d-only {
      display: none
    }

    span.m-only {
      display: block
    }
  }

  @media only screen and (max-width: 767px) {
    .responsive-header_branding {
      height: auto !important;
      padding-top: 5px;
      padding-bottom: 5px
    }
  } ;
</style>
<script> 
const hrChatBtnElBottom = document.getElementById("chat");
const liveChatBtnElem = document.querySelector(".responsive-header_contact-panel_info_chat-btn");

if (hrChatBtnElBottom) {
  hrChatBtnElBottom.addEventListener("click", function () {
    if (window.embeddedservice_bootstrap && window.embeddedservice_bootstrap.utilAPI) {
      window.embeddedservice_bootstrap.utilAPI.launchChat();
    } else {
      console.log("Chat bootstrap not available in this standalone page.");
    }
  });
};

if (liveChatBtnElem) {
  liveChatBtnElem.addEventListener("click", function () {
    if (window.embeddedservice_bootstrap && window.embeddedservice_bootstrap.utilAPI) {
      window.embeddedservice_bootstrap.utilAPI.launchChat();
    } else {
      console.log("Chat bootstrap not available in this standalone page.");
    }
  });
};
</script><div class="responsive-header_branding_links" region_id="header-tools">
<a aria-label='Musician's Friend Rewards' class='responsive-header_branding_links_rewards' id='hdrRewards' href='/rewards/'>Rewards</a><a aria-label='Musician's Friend Blog' class='responsive-header_branding_links_blog' id='hdrBackstage' href='/thehub/'>Blog</a><a id="hdrHelpLink" href="/pages/gear-advisers" class="responsive-header_branding_links_help" title="Help" aria-label="Help" data-url="/pages/gear-advisers">Help</a></div>
</div>
<div class="responsive-header_utility">
<div class="responsive-header_utility_mobile">
<a href="#"><div class="responsive-header_utility_mobile_hamburger" data-js-mobile-menu-btn></div></a>
<a href="#" class="js-toggle-search-form">
<div class="responsive-header_utility_mobile_searchIcon"></div>
</a>
</div>
<a href="/" class="responsive-header_utility_logo"></a>
<div class="responsive-header_utility_search" data-js-search-wrapper>
<div class="responsive-header_utility_search_icon"></div>
<form id="search-form" action="/search" method="get" data-search-bar>
<input type="hidden" name="typeAheadSuggestion" value="true"/>
<input type="hidden" name="typeAheadRedirect" value="true"/>
<input type="hidden" name="sB" value="r"/>
<input id="fromRecentHistoryBox" type="hidden" name="fromRecentHistory" value="false"/>
<fieldset>
<label for="searchTerm" class="inlineLabel screen-reader-only">Search</label>
<input class="default-value typeAheadEnabled responsive-header_utility_search_input" id="searchTerm" data-role="none"
name="Ntt" type="text" data-default-value=""
placeholder="What can we help you find?" data-js="search-input"/>
<input type="submit" id="searchSubmit" value="" data-js-search-btn
class="btnSearch img ae-button responsive-header_utility_search_btn" data-role="none"
title="Search Submit Button" data-ae-blurbtype="button" data-ae-form-field="true">
<div id="note">
<div data-js="typeahead-wrapper" class="typeahead-wrapper" style="display: none;"></div>
</div>
<div id="recentHistoryWrapper">
<div id="recentHistory"></div>
<div id="rrRecentlyViewed_Search"></div>
</div>
</fieldset>
</form>
</div>
<a href="#" data-js-side-panel-toggle="help" class="responsive-header_utility_help" region_id="FlyoutLeft">
<div class="responsive-header_utility_help_img"></div>
<div class="responsive-header_utility_text">
<p class="responsive-header_utility_help_text_title">Contact Us</p>
<p class="responsive-header_utility_help_text_phone">800-449-9128</p>
</div>
<span><div class="responsive-header_utility_help_icon"></div></span>
</a>
<div id="yourAccount-dropdown">
<span  class="responsive-header_utility_signin" region_id="dropdown-myAccount" data-js-account-dropdown-toggle>
<div class="responsive-header_utility_signin_icon"></div>
<span>Sign In</span>
<div id="dropdown-myAccount" data-js-account-dropdown class="responsive-header_utility_account-dropdown"
aria-labeledby="shopping-login-link" role="region">
<span class="responsive-header_utility_account-dropdown_back-btn" data-js-account-dropdown-toggle>Back</span>
<ul>
<!-- li>Your Recommendations</li -->
<li id="header_login_link" class="first">
<div id="btn_logIn">
<a class="magicLink responsive-header_utility_account-dropdown_btn" href="/myaccount/signin">
Sign In</a>
</div>
</li>
<li id="header_login_text">
<div id="login_text">
<a class="magicLink responsive-header_utility_account-dropdown_text" href="/myaccount/signin">
New Customer?</a>
</div>
</li>
<li id="header_signup_link">
<div id="btn_signUp">
<a class="magicLink responsive-header_utility_account-dropdown_btn-secondary"
href="/myaccount/signup">
Create an Account</a>
</div>
</li>
</ul>
</div>
</span>
</div>
<a href="#" class="responsive-header_utility_cart" region_id="FlyoutLeft" data-js-side-panel-toggle="cart">
<span class="cart-count">
</span>
<div class="responsive-header_utility_cart_icon"></div>
<span class="responsive-header_utility_cart_label">Cart</span>
</a>
</div>
<div class="responsive-header_browse" id="mf-shopping-menubar" data-js-mobile-menu>
<div class="responsive-header_browse_header">
<a class="responsive-header_browse_header_signin-link" href="#" data-js-account-dropdown-toggle>
<span>Sign In</span></a>
<div id="dropdown-myAccount" data-js-account-dropdown class="responsive-header_utility_account-dropdown"
aria-labeledby="shopping-login-link" role="region">
<span class="responsive-header_utility_account-dropdown_back-btn" data-js-account-dropdown-toggle>Back</span>
<ul>
<!-- li>Your Recommendations</li -->
<li id="header_login_link" class="first">
<div id="btn_logIn">
<a class="magicLink responsive-header_utility_account-dropdown_btn" href="/myaccount/signin">
Sign In</a>
</div>
</li>
<li id="header_login_text">
<div id="login_text">
<a class="magicLink responsive-header_utility_account-dropdown_text" href="/myaccount/signin">
New Customer?</a>
</div>
</li>
<li id="header_signup_link">
<div id="btn_signUp">
<a class="magicLink responsive-header_utility_account-dropdown_btn-secondary"
href="/myaccount/signup">
Create an Account</a>
</div>
</li>
</ul>
</div>
<a class="responsive-header_browse_header_back" data-js-dropdown-btn="back" href="#">Back</a>
<a class="responsive-header_browse_header_close" data-js-mobile-menu-btn href="#"></a>
</div>
<a class="responsive-header_browse_categorymenu -collapsible" href="#" data-js-dropdown-btn="categories">Shop by Category</a>
<ul class="responsive-header_browse_categories" data-js-categories-menu>
<li data-js-categories-item>
    <a data-js-categories-link href="/guitars" aria-controls="guitars_association_id"
        id="guitars_association_id_link" aria-expanded="false"
        class="guitars_association_id hoverMagicLink">Guitars</a>
    <div class="responsive-header_browse_categories_flyout" id="resp-GuitarsMainMenu" region_id="GuitarsMainMenu" data-js-categories-flyout>
        <div class="responsive-header_browse_categories_flyout_subcategories">
            <div class="responsive-header_browse_mobile-header"><span>Guitars</span><a href="/guitars">View
                    All</a>
            </div>
            <ul class="responsive-header_browse_categories_flyout_subcategories_subcategory -collapsible"
                data-js-category-dropdown>
                <li class="-title"><a href="/electric-guitars">Electric</a></li>
                <li><a href="/solid-body-electric-guitars">Solid Body</a></li>
                <li><a href="/semi-hollow-and-hollow-body-electric-guitars">Hollow &amp; Semi-Hollow
                        Body</a></li>
                <li><a href="/left-handed-electric-guitars">Left-Handed</a></li>
                <li><a href="/extended-range-electric-guitars">Extended Range</a></li>
            </ul>
            <ul class="responsive-header_browse_categories_flyout_subcategories_subcategory -collapsible"
                data-js-category-dropdown>
                <li class="-title"><a href="/acoustic-guitars">Acoustic</a></li>
                <li><a href="/6-string-acoustic-guitars">6-string</a></li>
                <li><a href="/12-string-acoustic-guitars">12-string</a></li>
                <li><a href="/acoustic-electric-guitars">Acoustic-Electric</a></li>
                <li><a href="/classical-nylon-guitars">Classical &amp; Nylon</a></li>
                <li><a href="/left-handed-acoustic-guitars">Left-Handed</a></li>
            </ul>
            <ul class="responsive-header_browse_categories_flyout_subcategories_subcategory -collapsible"
                data-js-category-dropdown>
                <li class="-title"><a href="/amplifiers-effects">Amps &amp; Effects</a></li>
                <li><a href="/guitar-amplifiers">Amps</a></li>
                <li><a href="/effects-pedals">Effects Pedals</a></li>
                <li><a href="/guitar-preamps">Preamps</a></li>
            </ul>
            <ul class="responsive-header_browse_categories_flyout_subcategories_subcategory -collapsible"
                data-js-category-dropdown>
                <li class="-title"><a href="/accessories">Accessories</a></li>
                <li><a href="/guitar-strings">Strings</a></li>
                <li><a href="/guitar-pickups">Pickups</a></li>
                <li><a href="/guitar-cases-and-gig-bags">Cases</a></li>
                <li><a href="/straps-strap-locks">Straps</a></li>
                <li><a href="/picks-pick-holders">Picks</a></li>
            </ul>
            <!-- <ul class="responsive-header_browse_categories_flyout_subcategories_subcategory"
                data-js-category-dropdown>
                <li class="-title"><a href="/ukuleles">Ukuleles</a></li>
            </ul> -->
        </div>
        <div class="-nav-spacer"></div>
        <div class="responsive-header_browse_categories_flyout_recommended">
            <ul class="responsive-header_browse_categories_flyout_recommended_models -collapsible"
                data-js-category-dropdown>
                <li class="-title">Popular Brands</li>
                <li><a href="/guitars/fender">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/fender-logo.png">
                        </div>Fender
                    </a></li>
                <li><a href="/guitars/gibson">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/gibson-logo.png">
                        </div>Gibson
                    </a></li>
                <li><a href="/guitars/taylor">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/taylor-logo.png">
                        </div>Taylor
                    </a></li>
                <li><a href="/guitars/martin">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/martin-logo.png">
                        </div>Martin
                    </a></li>
                <li><a href="/guitars/ibanez">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/ibanez-logo.png">
                        </div>Ibanez
                    </a></li>
                <li><a href="/guitars/epiphone">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/epiphone-logo.png">
                        </div>Epiphone
                    </a></li>
				<li><a href="/guitars/prs">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/prs-logo.png">
                        </div>PRS
                    </a></li>
				<li><a href="/guitars/gretsch-guitars">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/gretsch-logo.png">
                        </div>Gretsch Guitars
                    </a></li>
            </ul>
            <ul class="responsive-header_browse_categories_flyout_recommended_brands -collapsible"
                data-js-category-dropdown>
                <li class="-title">Popular Models</li>
                <li><a href="/fender-stratocaster">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/fender-stratocaster.png">
                        </div>Fender Stratocaster
                    </a></li>
                <li><a href="/fender-telecaster">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/fender-telecaster.png">
                        </div>Fender Telecaster
                    </a></li>
                <li><a href="/gibson-les-paul">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/gibson-les-paul.png">
                        </div>Gibson Les Paul
                    </a></li>
                <li><a href="/gibson-sg">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/gibson-sg.png">
                        </div>Gibson SG
                    </a></li>
				<li><a href="/ibanez-rg">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/ibanez-rg.png">
                        </div>Ibanez RG
                    </a></li>
				<li><a href="/taylor-american-dream">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/taylor-american-dream.png">
                        </div>Taylor American Dream
                    </a></li>
				<li><a href="/taylor-gs-mini">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/taylor-gs-mini.png">
                        </div>Taylor GS Mini
                    </a></li>
				<li><a href="/martin-grand-performance">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/martin-gpc.png">
                        </div>Martin GPC
                    </a></li>
            </ul>
            <div class="-nav-spacer"></div>
        </div>
        <div class="responsive-header_browse_categories_flyout_links">
            <ul>
                <li><a class="-title" href="/guitar-deals">Guitar Deals</a></li>
                <li><a class="-title" href="/new-guitars">New Guitars</a></li>
                <li><a class="-title" href="/thehub/buying-guides-guitars">Buying Guides</a></li>
                <li><a class="-title" href="/private-reserve">Private Reserve</a></li>
				<li><a class="-title" href="/guitars/used">Used Guitars</a></li>
				<li><a class="-title" href="/guitars/open-box">Open-Box Guitars</a></li>
                <li class="responsive-header_browse_categories_flyout_links_btn"><a class="-title"
                        href="/guitars">View All Guitars</a></li>
            </ul>
        </div>
         <a href="#" class="responsive-header_browse_categories_flyout_close-btn" data-js="close-flyout" aria-label="close flyout menu"></a>
    </div>
</li><li data-js-categories-item>
    <a data-js-categories-link href="/bass" id="bass_association_id_link"
        aria-controls="bass_association_id" aria-expanded="false"
        class="bass_association_id hoverMagicLink">Basses</a>
    <div class="responsive-header_browse_categories_flyout" id="resp-BassMainMenu" region_id="BassMainMenu" data-js-categories-flyout>
        <div class="responsive-header_browse_categories_flyout_subcategories">
            <div class="responsive-header_browse_mobile-header"><span></span><a href="/bass">View
                    All</a></div>
            <ul class="responsive-header_browse_categories_flyout_subcategories_subcategory -collapsible"
                data-js-category-dropdown>
                <li class="-title"><a href="/electric-bass">Electric</a></li>
                <li><a href="/4-string-electric-bass">4-String</a></li>
                <li><a href="/5-string-electric-bass">5-String</a></li>
                <li><a href="/6-string-electric-bass">6-String</a></li>
                <li><a href="/fretless-electric-bass">Fretless</a></li>
                <li><a href="/left-handed-electric-bass">Left-Handed</a></li>
            </ul>
            <ul class="responsive-header_browse_categories_flyout_subcategories_subcategory -collapsible"
                data-js-category-dropdown>
                <li class="-title"><a href="/acoustic-bass">Acoustic</a></li>
                <li><a href="/acoustic-bass/4-string">4-string</a></li>
                <li><a href="/acoustic-bass/5-string">5-string</a></li>
                <li><a href="/left-handed-acoustic-bass">Left-Handed</a></li>
                <li><a href="/double-basses">Double Basses</a></li>
            </ul>
            <ul class="responsive-header_browse_categories_flyout_subcategories_subcategory -collapsible"
                data-js-category-dropdown>
                <li class="-title"><a href="/amplifiers-effects">Amps &amp; Effects</a></li>
                <li><a href="/bass-amplifiers">Amps</a></li>
                <li><a href="/bass-effects-pedals">Effects Pedals</a></li>
                <li><a href="/bass-preamps">Preamps</a></li>
            </ul>
            <ul class="responsive-header_browse_categories_flyout_subcategories_subcategory -collapsible"
                data-js-category-dropdown>
                <li class="-title"><a href="/accessories">Accessories</a></li>
                <li><a href="/bass-guitar-strings">Strings</a></li>
                <li><a href="/bass-guitar-cases-gig-bags">Cases</a></li>
                <li><a href="/straps-strap-locks">Straps</a></li>
                <li><a href="/bass-pickups">Pickups</a></li>
                <li><a href="/fretted-instrument-parts">Parts</a></li>
            </ul>

        </div>
        <div class="-nav-spacer"></div>
        <div class="responsive-header_browse_categories_flyout_recommended">
            <ul class="responsive-header_browse_categories_flyout_recommended_models -collapsible"
                data-js-category-dropdown>
                <li class="-title">Popular Brands</li>
                <li><a href="/bass/ibanez">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/ibanez-logo.png">
                        </div>Ibanez
                    </a></li>
                <li><a href="/bass/fender">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/fender-logo.png">
                        </div>Fender
                    </a></li>
                <li><a href="/bass/squier">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/squier-logo.png">
                        </div>Squier
                    </a></li>
                <li><a href="/bass/ernie-ball-music-man">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/ernie-ball-music-man-logo.png">
                        </div>Ernie Ball Music Man
                    </a></li>
                <li><a href="/bass/sterling-by-music-man">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/sterling-by-music-man.png">
                        </div>Sterling by Music Man
                    </a></li>
                <li><a href="/bass/rickenbacker">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/rickenbacker-logo.png">
                        </div>Rickenbacker
                    </a></li>
				<li><a href="/bass/sire">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/sire-logo.png">
                        </div>Sire
                    </a></li>
				<li><a href="/bass/schecter-guitar-research">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/schecter-guitar-research-logo.png">
                        </div>Schecter Guitar Research
                    </a></li>
            </ul>
            <ul class="responsive-header_browse_categories_flyout_recommended_brands -collapsible"
                data-js-category-dropdown>
                <li class="-title">Popular Models</li>
                <li><a href="/fender-precision-bass">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/fender-precision-bass.png">
                        </div>Fender Precision Bass
                    </a></li>
                <li><a href="/fender-jazz-bass">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/fender-jazz-bass.png">
                        </div>Fender Jazz Bass
                    </a></li>
                <li><a href="/fender-mustang-bass">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/fender-mustang-bass.png">
                        </div>Fender Mustang
                    </a></li>
                <li><a href="/ibanez-sr-series">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/ibanez-sr.png">
                        </div>Ibanez SR
                    </a></li>
				<li><a href="/schecter-stiletto-basses">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/schecter-stiletto.png">
                        </div>Schecter Stiletto
                    </a></li>
				<li><a href="/yamaha-trbx-electric-basses">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/yamaha-trbx.png">
                        </div>Yamaha TRBX
                    </a></li>
				<li><a href="/yamaha-bb-electric-basses">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/yamaha-bb.png">
                        </div>Yamaha BB
                    </a></li>
				<li><a href="/bass/strandberg">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/strandberg-boden.png">
                        </div>Strandberg Boden
                    </a></li>
            </ul>
            <div class="-nav-spacer"></div>
        </div>
        <div class="responsive-header_browse_categories_flyout_links">
            <ul>
                <li><a class="-title" href="/bass-deals">Bass Deals</a></li>
                <li><a class="-title" href="/new-basses">New Basses</a></li>
                <li><a class="-title" href="/thehub/buying-guides-bass-guitars">Buying Guides</a></li>
                <li><a class="-title" href="/private-reserve-guitars">Private Reserve</a></li>
				<li><a class="-title" href="/bass/used">Used Basses</a></li>
				<li><a class="-title" href="/bass/open-box">Open-Box Basses</a></li>
                <li class="responsive-header_browse_categories_flyout_links_btn"><a class="-title"
                        href="/bass">View
                        All Basses</a></li>
            </ul>
        </div>
         <a href="#" class="responsive-header_browse_categories_flyout_close-btn" data-js="close-flyout" aria-label="close flyout menu"></a>
    </div>
</li><li data-js-categories-item>
    <a data-js-categories-link href="/amplifiers-effects" aria-controls="amplifiers_association_id"
        id="amplifiers_association_id_link" aria-expanded="false"
        class="amplifiers_association_id hoverMagicLink">Amps &amp; Effects</a>
    <div class="responsive-header_browse_categories_flyout" id="resp-AmplifiersMainMenu" region_id="AmplifiersMainMenu" data-js-categories-flyout>
        <div class="responsive-header_browse_categories_flyout_subcategories">
            <div class="responsive-header_browse_mobile-header"><span></span><a href="/amplifiers-effects">View
                    All</a></div>
            <ul class="responsive-header_browse_categories_flyout_subcategories_subcategory -collapsible"
                data-js-category-dropdown>
                <li class=" -title">
                    <a href="/guitar-amplifiers">Guitar Amps</a>
                </li>
                <li><a href="/combo-guitar-amplifiers">Combos</a></li>
                <li><a href="/guitar-amplifier-heads">Heads</a></li>
                <li><a href="/guitar-amplifier-cabinets">Cabinets</a></li>
            </ul>
            <ul class="responsive-header_browse_categories_flyout_subcategories_subcategory -collapsible"
                data-js-category-dropdown>
                <li class=" -title"><a href="/bass-amplifiers">Bass Amps</a></li>
                <li><a href="/bass-amplifier-footswitches">Footswitches</a></li>
                <li><a href="/amplifier-parts">Amp Parts</a></li>
                <li><a href="/amplifiers-effects-power-supplies">Power Supplies</a></li>
            </ul>
            <ul class="responsive-header_browse_categories_flyout_subcategories_subcategory -collapsible"
                data-js-category-dropdown>
                <li class=" -title"><a href="/effects">Effects</a>

                <li><a href="/effects-pedals">Guitar Pedals</a></li>
                <li><a href="/bass-effects-pedals">Bass Pedals</a></li>
                <li><a href="/boutique-pedals">Boutique Pedals</a></li>
                <li><a href="/multi-effects-pedals">Multi-Effects Pedals</a></li>
                <li><a href="/multi-effects-processors">Multi-Effects Processors</a></li>
                <li><a href="/pedalboards">Pedalboards</a></li>
                <li><a href="/effects-pedal-accessories">Pedal Accessories</a></li>
            </ul>
        </div>
        <div class="-nav-spacer"></div>
        <div class="responsive-header_browse_categories_flyout_recommended">
            <ul class="responsive-header_browse_categories_flyout_recommended_models -collapsible"
                data-js-category-dropdown>
                <li class="-title">Popular Amp Brands</li>
                <li><a href="/amplifiers-effects/fender">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/fender-logo.png">
                        </div>Fender
                    </a></li>
                <li><a href="/amplifiers-effects/marshall">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/marshall-logo.png">
                        </div>Marshall
                    </a></li>
                <li><a href="/amplifiers-effects/orange-amplifiers">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/orange-amplifiers-logo.png">
                        </div>Orange Amplifiers
                    </a></li>
                <li><a href="/amplifiers-effects/markbass">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/markbass-logo.png">
                        </div>Markbass
                    </a></li>
                <li><a href="/amplifiers-effects/boss">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/boss-logo.png">
                        </div>Boss
                    </a></li>
                <li><a href="/amplifiers-effects/blackstar">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/blackstar-logo.png">
                        </div>Blackstar
                    </a></li>
				<li><a href="/amplifiers-effects/kemper">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/kemper-logo.png">
                        </div>Kemper
                    </a></li>
				<li><a href="/amplifiers-effects/vox">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/vox-logo.png">
                        </div>Vox
                    </a></li>
			</ul>
			<ul class="responsive-header_browse_categories_flyout_recommended_brands -collapsible"
                data-js-category-dropdown>
				<li class="-title">Popular Effects Brands</li>
				<li><a href="/amplifiers-effects/line-6">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/line-6-logo.png">
                        </div>Line 6
                    </a></li>
				<li><a href="/amplifiers-effects/electro-harmonix">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/electro-harmonix-logo.png">
                        </div>Electro-Harmonix
                    </a></li>
				<li><a href="/amplifiers-effects/mxr">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/mxr-logo.png">
                        </div>MXR
                    </a></li>
				<li><a href="/amplifiers-effects/meris">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/meris-logo.png">
                        </div>Meris
                    </a></li>
				<li><a href="/amplifiers-effects/dunlop">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/dunlop-logo.png">
                        </div>Dunlop
                    </a></li>
				<li><a href="/amplifiers-effects/earthquaker-devices">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/earthquaker-devices-logo.png">
                        </div>EarthQuaker Devices
                    </a></li>
				<li><a href="/amplifiers-effects/ibanez">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/ibanez-logo.png">
                        </div>Ibanez
                    </a></li>
				<li><a href="/amplifiers-effects/tc-electronic">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/tc-electronic-logo.png">
                        </div>TC Electronic
                    </a></li>
            </ul>
            <div class="-nav-spacer"></div>
        </div>
        <div class="responsive-header_browse_categories_flyout_links">
            <ul>
                <li><a class="-title" href="/amplifier-deals">Amplfier Deals</a></li>
				<li><a class="-title" href="/effects-deals">Effects Deals</a></li>
                <li><a class="-title" href="/new-amplifiers">New Amplifiers</a></li>
				<li><a class="-title" href="/new-effects-pedals">New Effects Pedals</a></li>
                <li><a class="-title" href="/amplifiers-effects/used">Used Amps &amp; Effects</a></li>
				<li><a class="-title" href="/amplifiers-effects/open-box">Open-Box Amps &amp; Effects</a></li>
				<li><a class="-title" href="/thehub/buying-guides-amps-effects">Buying Guides</a></li>
                <li class="responsive-header_browse_categories_flyout_links_btn"><a class="-title"
                        href="/amplifiers-effects">View All Amps &amp; Effects</a></li>
            </ul>
        </div>
         <a href="#" class="responsive-header_browse_categories_flyout_close-btn" data-js="close-flyout" aria-label="close flyout menu"></a>
    </div>
</li><li data-js-categories-item>
    <a data-js-categories-link href="/drums-percussion" id="drums_association_id_link"
        aria-controls="drums_association_id" aria-expanded="false"
        class="drums_association_id hoverMagicLink">Drums</a>
    <div class="responsive-header_browse_categories_flyout" id="resp-DrumsMainMenu" region_id="DrumsMainMenu" data-js-categories-flyout>

        <div class="responsive-header_browse_categories_flyout_subcategories">
            <div class="responsive-header_browse_mobile-header"><span></span><a href="/drums-percussion">View
                    All</a></div>
            <ul class="responsive-header_browse_categories_flyout_subcategories_subcategory -collapsible"
                data-js-category-dropdown>
                <li class="-title"><a href="/acoustic-drums">Acoustic</a></li>
                <li><a href="/acoustic-drum-sets">Sets &amp; Shell Packs</a></li>
                <li><a href="/cymbals">Cymbals</a></li>
                <li><a href="/snare-drums">Snare Drums</a></li>
                <li><a href="/mounted-toms">Mounted Toms</a></li>
                <li><a href="/bass-drums">Bass Drums</a></li>
            </ul>
            <ul class="responsive-header_browse_categories_flyout_subcategories_subcategory -collapsible"
                data-js-category-dropdown>
                <li class="-title"><a href="/drum-accessories">Accessories</a></li>
                <li><a href="/drum-heads">Drum Heads</a></li>
                <li><a href="/drum-sticks-mallets">Drum Sticks</a></li>
                <li><a href="/drum-percussion-cases-gig-bags-covers">Cases &amp; Gig Bags</a></li>
                <li><a href="/impact-badges-dampening-devices">Mutes &amp; Dampers</a></li>
                <li><a href="/drum-amplifiers">Drum Amps</a></li>
            </ul>
            <ul class="responsive-header_browse_categories_flyout_subcategories_subcategory -collapsible"
                data-js-category-dropdown>
                <li class="-title"><a href="/electronic-drums">Electronic</a></li>
                <li><a href="/electronic-drum-sets">Sets</a></li>
                <li><a href="/electronic-cymbals">Cymbals</a></li>
                <li><a href="/electronic-drum-modules">Modules</a></li>
                <li><a href="/drum-machines">Drum Machines</a></li>
            </ul>
            <ul class="responsive-header_browse_categories_flyout_subcategories_subcategory -collapsible"
                data-js-category-dropdown>
                <li class="-title"><a href="/drum-hardware">Hardware &amp; Parts</a></li>
                <li><a href="/accessories-drum-percussion-stands-racks">Stands &amp; Racks</a></li>
                <li><a href="/drum-pedals">Pedals</a></li>
                <li><a href="/drum-thrones">Thrones</a></li>
                <li><a href="/drum-percussion-clamps-mounts-holders">Clamps, Mounts &amp; Holders</a></li>
                <li><a href="/drum-replacement-parts">Parts</a></li>
            </ul>
            <ul class="responsive-header_browse_categories_flyout_subcategories_subcategory">
                <li class="-title"><a href="/world-percussion">World Percussion</a></li>
            </ul>
        </div>
        <div class="-nav-spacer"></div>
        <div class="responsive-header_browse_categories_flyout_recommended">
            <ul class="responsive-header_browse_categories_flyout_recommended_models -collapsible"
                data-js-category-dropdown>
                <li class="-title">Popular Brands</li>
                <li><a href="/drums-percussion/alesis">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/alesis-logo.png">
                        </div>Alesis
                    </a></li>
                <li><a href="/drums-percussion/roland">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/roland-logo.png">
                        </div>Roland
                    </a></li>
                <li><a href="/drums-percussion/zildjian">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/zildjian-logo.png">
                        </div>Zildjian
                    </a></li>
                <li><a href="/drums-percussion/dw">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/dw-logo.png">
                        </div>DW
                    </a></li>
                <li><a href="/drums-percussion/simmons">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/simmons-logo.png">
                        </div>Simmons
                    </a></li>
				<li><a href="/drums-percussion/meinl">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/meinl-logo.png">
                        </div>Meinl
                    </a></li>
				<li><a href="/drums-percussion/dw">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/dw-logo.png">
                        </div>PDP by DW
                    </a></li>
				<li><a href="/drums-percussion/remo">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/remo-logo.png">
                        </div>Remo
                    </a></li>
            </ul>
			<ul class="responsive-header_browse_categories_flyout_recommended_models -collapsible"
                data-js-category-dropdown>
				<li><a href="/drums-percussion/tama">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/tama-logo.png">
                        </div>TAMA
                    </a></li>
				<li><a href="/drums-percussion/pearl">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/pearl-logo.png">
                        </div>Pearl
                    </a></li>
				<li><a href="/vic-firth">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/vic-firth-logo.png">
                        </div>Vic Firth
                    </a></li>
				<li><a href="/drums-percussion/sound-percussion-labs">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/sound-percussion-labs-logo.png">
                        </div>Sound Percussion Labs
                    </a></li>
				<li><a href="/accessories/evans">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/evans-logo.png">
                        </div>Evans
                    </a></li>
				<li><a href="/drums-percussion/sabian">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/sabian-logo.png">
                        </div>Sabian
                    </a></li>
				<li><a href="/drums-percussion/lp">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/lp-logo.png">
                        </div>LP
                    </a></li>
				<li><a href="/drums-percussion/yamaha">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/yamaha-logo.png">
                        </div>Yamaha
                    </a></li>
			</ul>
            <div class="-nav-spacer"></div>
        </div>
        <div class="responsive-header_browse_categories_flyout_links">
            <ul>
                <li><a class="-title" href="/drum-percussion-deals">Drum Deals</a></li>
                <li><a class="-title" href="/new-drums">New Drums</a></li>
                <li><a class="-title" href="/thehub/buying-guides-drums-percussion">Buying Guides</a></li>
				<li><a class="-title" href="/drums-percussion/used">Used Drums</a></li>
				<li><a class="-title" href="/drums-percussion/open-box">Open-Box Drums</a></li>
                <li class="responsive-header_browse_categories_flyout_links_btn"><a class="-title"
                        href="/drums-percussion">View All Drums</a></li>
            </ul>
        </div>
         <a href="#" class="responsive-header_browse_categories_flyout_close-btn" data-js="close-flyout" aria-label="close flyout menu"></a>
    </div>
</li><li data-js-categories-item>
    <a data-js-categories-link href="/keyboards-midi" id="keyboards_association_id_link"
        aria-controls="keyboards_association_id" aria-expanded="false"
        class="keyboards_association_id hoverMagicLink">Keys &amp; MIDI</a>
    <div class="responsive-header_browse_categories_flyout" id="resp-KeyboardsMainMenu" region_id="KeyboardsMainMenu" data-js-categories-flyout>
        <div class="responsive-header_browse_categories_flyout_subcategories">
            <div class="responsive-header_browse_mobile-header"><span></span><a href="/keyboards-midi">View
                    All</a></div>
            <ul class="responsive-header_browse_categories_flyout_subcategories_subcategory -collapsible"
                data-js-category-dropdown>
                <li class="-title"><a href="/digital-pianos">Digital Pianos</a></li>
                <li><a href="/home-digital-pianos">Home</a></li>
                <li><a href="/stage-digital-pianos">Stage</a></li>
            </ul>
            <ul class="responsive-header_browse_categories_flyout_subcategories_subcategory -collapsible"
                data-js-category-dropdown>
                <li class="-title"><a href="/keyboard-accessories-parts">Accessories &amp; Parts</a></li>
                <li><a href="/keyboard-stands-racks">Stands &amp; Racks</a></li>
                <li><a href="/keyboard-instrument-cases-gig-bags-covers">Cases</a></li>
                <li><a href="/benches-stools">Benches &amp; Stools</a></li>
                <li><a href="/keyboard-amplifiers-monitors">Keyboard Amps</a></li>
            </ul>
            <ul class="responsive-header_browse_categories_flyout_subcategories_subcategory -collapsible"
                data-js-category-dropdown>
                <li class="-title"><a href="/keyboards-midi">Keyboards &amp; MIDI</a></li>
                <li><a href="/portable-keyboards">Portable</a></li>
                <li><a href="/arranger-keyboards">Arranger</a></li>
                <li><a href="/keyboard-workstations">Workstations</a></li>
                <li><a href="/keyboard-midi-packages">Packages</a></li>
            </ul>
            <ul class="responsive-header_browse_categories_flyout_subcategories_subcategory">
                <li class="-title"><a href="/synthesizers">Synths &amp; Sound Modules</a></li>
                <li class="-title"><a href="/midi-controllers">MIDI Controllers</a></li>
                <li class="-title"><a href="/midi-interfaces">MIDI Interfaces</a></li>
                <li class="-title"><a href="/production-groove">Production &amp; Groove</a></li>
            </ul>
        </div>
        <div class="-nav-spacer"></div>
        <div class="responsive-header_browse_categories_flyout_recommended">
            <ul class="responsive-header_browse_categories_flyout_recommended_models -collapsible"
                data-js-category-dropdown>
                <li class="-title">Popular Brands</li>
                <li><a href="/keyboards-midi/yamaha">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/yamaha-logo.png">
                        </div>
                        Yamaha
                    </a></li>
                <li><a href="/keyboards-midi/roland">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/roland-logo.png">
                        </div>Roland
                    </a></li>
                <li><a href="/keyboards-midi/korg">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/korg-logo.png">
                        </div>Korg
                    </a></li>
                <li><a href="/keyboards-midi/williams">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/williams-logo.png">
                        </div>Williams
                    </a></li>
                <li><a href="/keyboards-midi/akai-professional">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/akai-professional-logo.png">
                        </div>Akai Professional
                    </a></li>
					<li><a href="/keyboards-midi/casio">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/casio-logo.png">
                        </div>Casio
                    </a></li>
					<li><a href="/keyboards-midi/nord">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/nord-logo.png">
                        </div>Nord
                    </a></li>
					<li><a href="/keyboards-midi/moog">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/moog-logo.png">
                        </div>Moog
                    </a></li>
            </ul>
			<ul class="responsive-header_browse_categories_flyout_recommended_brands -collapsible"
                data-js-category-dropdown>
                <li class="-title">Popular Models</li>
                <li><a href="/williams-legato-digital-pianos">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/williams-legato.png">
                        </div>Williams Legato
                    </a></li>
                <li><a href="/yamaha-clavinova-digital-pianos">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/yamaha-clavinova.png">
                        </div>Yamaha Clavinova
                    </a></li>
                <li><a href="/keyboards-midi/yamaha-p-45-88-key-weighted-action-digital-piano">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/yamaha-p-series.png">
                        </div>Yamaha P-45 Digital Piano
                    </a></li>
                <li><a href="/keyboards-midi/roland-rd-88-88-key-stage-piano">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/roland-rd-88.png">
                        </div>Roland RD-88
                    </a></li>
				<li><a href="/keyboards-midi/moog-matriarch-semi-modular-analog-synthesizer">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/moog-matriarch.png">
                        </div>Moog Matriarch
                    </a></li>
				<li><a href="/keyboards-midi/korg-minilogue-polyphonic-analog-synthesizer">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/korg-minilogue.png">
                        </div>Korg Minilogue
                    </a></li>
				<li><a href="/keyboards-midi/akai-professional-mpc-one-standalone-music-production-center">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/akai-mpc-one.png">
                        </div>Akai MPC One
                    </a></li>
				<li><a href="/keyboards-midi/arturia-keystep-pro">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/arturia-keystep-pro.png">
                        </div>Arturia Keystep Pro
                    </a></li>
            </ul>
            <div class="-nav-spacer"></div>
        </div>
        <div class="responsive-header_browse_categories_flyout_links">
            <ul>
                <li><a class="-title" href="/keyboard-midi-deals">Deals</a></li>
                <li><a class="-title" href="/new-keyboards-midi">New Keyboards &amp; MIDI</a></li>
                <li><a class="-title" href="/keyboards-midi/open-box">Open-Box Keys &amp; MIDI</a></li>
				<li><a class="-title" href="/keyboards-midi/used">Used Keys &amp; MIDI</a></li>
                <li class="responsive-header_browse_categories_flyout_links_btn"><a class="-title"
                        href="/keyboards-midi">View All Keys &amp; MIDI</a></li>
            </ul>
        </div>
         <a href="#" class="responsive-header_browse_categories_flyout_close-btn" data-js="close-flyout" aria-label="close flyout menu"></a>
    </div>
</li> <li data-js-categories-item>
    <a data-js-categories-link href="/live-sound" id="livesound_association_id_link"
        aria-controls="livesound_association_id" aria-expanded="false"
        class="livesound_association_id hoverMagicLink">Live Sound</a>
    <div class="responsive-header_browse_categories_flyout" id="resp-LivesoundMainMenu" region_id="LivesoundMainMenu" data-js-categories-flyout>
        <div class="responsive-header_browse_categories_flyout_subcategories">
            <div class="responsive-header_browse_mobile-header"><span></span><a href="/live-sound">View All</a>
            </div>
            <ul class="responsive-header_browse_categories_flyout_subcategories_subcategory -collapsible"
                data-js-category-dropdown>
                <li class="-title"><a href="/live-sound">Speakers</a></li>
                <li><a href="/powered-pa-speakers">PA Speakers</a></li>
                <li><a href="/live-sound-packages">PA Packages</a></li>
                <li><a href="/stage-subwoofers">Subwoofers</a></li>
                <li><a href="/stage-monitors">Monitors</a></li>
                <li><a href="/live-power-amplifiers">Power Amps</a></li>
            </ul>
            <ul class="responsive-header_browse_categories_flyout_subcategories_subcategory -collapsible"
                data-js-category-dropdown>
                <li class="-title"><a href="/lighting-stage-effects">Lighting &amp; Stage Effects</a></li>
                <li><a href="/color-changers-wash-lights">Color &amp; Wash Lights</a></li>
                <li><a href="/par-cans">Par Cans</a></li>
                <li><a href="/intelligent-lighting">Intelligent Lighting</a></li>
                <li><a href="/fog-bubble-snow-effects">Fog Machines</a></li>
                <li><a href="/lighting-controllers-dimmer-packs">Packs</a></li>
            </ul>
            <ul class="responsive-header_browse_categories_flyout_subcategories_subcategory -collapsible"
                data-js-category-dropdown>
                <li class="-title"><a href="/mixers">Mixers</a></li>
                <li><a href="/unpowered-mixers">Unpowered</a></li>
                <li><a href="/powered-mixers">Powered</a></li>
            </ul>
            <ul class="responsive-header_browse_categories_flyout_subcategories_subcategory">
                <li class="-title"><a href="/microphones">Microphones</a></li>
                <li class="-title"><a href="/signal-processors">Signal Processors</a></li>
                <li class="-title"><a href="/cables-snakes">Cables &amp; Snakes</a></li>
                <li class="-title"><a href="/power-batteries">Power &amp; Batteries</a></li>
                <li class="-title"><a href="/rackmount-cases-stands-furniture">Stands &amp; Racks</a></li>
                <li class="-title"><a href="/test-equipment">Test Equipment</a></li>
                <li class="-title"><a href="/pa-speaker-parts">Speaker Parts</a></li>
            </ul>
        </div>
        <div class="-nav-spacer"></div>
        <div class="responsive-header_browse_categories_flyout_recommended">
            <ul class="responsive-header_browse_categories_flyout_recommended_models -collapsible"
                data-js-category-dropdown>
                <li class="-title">Popular Brands</li>
                <li><a href="/live-sound/qsc">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/qsc-logo.png">
                        </div>
                        QSC
                    </a></li>
                <li><a href="/live-sound/harbinger">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/harbinger-logo.png">
                        </div>Harbinger
                    </a></li>
                <li><a href="/live-sound/bose">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/bose-logo.png">
                        </div>Bose
                    </a></li>
                <li><a href="/live-sound/jbl">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/jbl-logo.png">
                        </div>JBL
                    </a></li>
                <li><a href="/live-sound/electro-voice">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/electro-voice.png">
                        </div>Electro-Voice
                    </a></li>
				<li><a href="/live-sound/behringer">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/behringer-logo.png">
                        </div>Behringer
                    </a></li>
				<li><a href="/live-sound/yamaha">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/yamaha-logo.png">
                        </div>Yamaha
                    </a></li>
				<li><a href="/live-sound/mackie">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/mackie-logo.png">
                        </div>Mackie
                    </a></li>
            </ul>
			<ul class="responsive-header_browse_categories_flyout_recommended_models -collapsible"
                data-js-category-dropdown>
                <li class="-title">Popular Models</li>
				<li><a href="/jbl-eon">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/jbl-eon.png">
                        </div>JBL EON
                    </a></li>
				<li><a href="/bose-l1-pro-series">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/bose-l1-pro.png">
                        </div>Bose L1 Pro
                    </a></li>
				<li><a href="/qsc-k-series">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/qsc-k-series.png">
                        </div>QSC K Series
                    </a></li>
				<li><a href="/mixers/yamaha">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/yamaha-mixer.png">
                        </div>Yamaha Mixers
                    </a></li>
				<li><a href="/pro-audio/electro-voice-evolve-50-portable-linear-column-array-pa-system">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/electro-voice-evolve.png">
                        </div>Electro-Voice Evolve
                    </a></li>
				<li><a href="/harbinger-vari-powered-speakers">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/harbinger-vari.png">
                        </div>Harbinger VARI
                    </a></li>
				</ul>
            <div class="-nav-spacer"></div>
        </div>
        <div class="responsive-header_browse_categories_flyout_links">
            <ul>
                <li><a class="-title" href="/live-sound-deals">Live Sound Deals</a></li>
                <li><a class="-title" href="/new-live-sound-gear">New Live Sound Gear</a></li>
				<li><a class="-title" href="/live-sound/used">Used Live Sound Gear</a></li>
				<li><a class="-title" href="/live-sound/open-box">Open-Box Live Sound Gear</a></li>
                <li><a class="-title" href="/thehub/buying-guides-live-sound">Buying Guides</a></li>
                <li class="responsive-header_browse_categories_flyout_links_btn"><a class="-title"
                        href="/live-sound">View All Live Sound</a></li>
            </ul>
        </div>
         <a href="#" class="responsive-header_browse_categories_flyout_close-btn" data-js="close-flyout" aria-label="close flyout menu"></a>
    </div>
</li><li data-js-categories-item>
    <a data-js-categories-link href="/recording-gear" id="recording_association_id_link"
        aria-controls="recording_association_id" aria-expanded="false"
        class="recording_association_id hoverMagicLink">Recording</a>
    <div class="responsive-header_browse_categories_flyout" id="resp-RecordingMainMenu" region_id="RecordingMainMenu" data-js-categories-flyout>
        <div class="responsive-header_browse_categories_flyout_subcategories">
            <div class="responsive-header_browse_mobile-header"><span></span><a href="/recording-gear">View All</a></div>
            <ul class="responsive-header_browse_categories_flyout_subcategories_subcategory">
                <li class="-title"><a href="/audio-interfaces">Audio Interfaces</a></li>
                <li class="-title"><a href="/studio-monitors">Monitors</a></li>
                <li class="-title"><a href="/recording-packages">Recording Packages</a></li>
                <li class="-title"><a href="/audio-recorders">Audio Recorders</a></li>
                <li class="-title"><a href="/microphones">Microphones</a></li>
                <li class="-title"><a href="/mixers">Mixers</a></li>
                <li class="-title"><a href="/signal-processors">Signal Processors</a></li>
                <li class="-title"><a href="/headphones">Headphones</a></li>
            </ul>
            <ul class="responsive-header_browse_categories_flyout_subcategories_subcategory -collapsible"
                data-js-category-dropdown>
                <li class="-title"><a href="/accessories">Related Gear</a></li>
                <li><a href="/studio-furniture">Studio Furniture</a></li>
                <li><a href="/computers-peripherals">Computers &amp; Peripherals</a></li>
                <li><a href="/music-software">Software</a></li>
                <li><a href="/ios-devices">iOS Gear</a></li>
                <li><a href="/video-production-equipment">Video Gear</a></li>
            </ul>
        </div>
        <div class="-nav-spacer"></div>
        <div class="responsive-header_browse_categories_flyout_recommended">
            <ul class="responsive-header_browse_categories_flyout_recommended_models -collapsible"
                data-js-category-dropdown>
                <li class="-title">Popular Brands</li>
                <li><a href="/recording-gear/focusrite"><div class="-img-container"><img data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/focusrite-logo.png"></div>Focusrite</a></li>
                <li><a href="/recording-gear/universal-audio"><div class="-img-container"><img data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/universal-audio-logo.png"></div>Universal Audio</a></li>
                <li><a href="/recording-gear/studio-rta"><div class="-img-container"><img data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/studio-rta.png"></div>Studio RTA</a></li>
                <li><a href="/recording-gear/yamaha"><div class="-img-container"><img data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/yamaha-logo.png"></div>Yamaha</a></li>
                <li><a href="/recording-gear/presonus"><div class="-img-container"><img data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/presonus-logo.png"></div>PreSonus</a></li>
				<li><a href="/recording-gear/tascam"><div class="-img-container"><img data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/tascam-logo.png"></div>Tascam</a></li>
				<li><a href="/krk"><div class="-img-container"><img data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/krk-logo.png"></div>KRK</a></li>
				<li><a href="/recording-gear/rode"><div class="-img-container"><img data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/rode-logo.png"></div>Rode</a></li>
            </ul>
			<ul class="responsive-header_browse_categories_flyout_recommended_models -collapsible" data-js-category-dropdown>
                <li class="-title">Popular Models</li>
    		    <li>
                    <a href="/focusrite-scarlett">
                        <div class="-img-container">
                            <img data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/focusrite-scarlett.png">
                        </div>
                        Focusrite Scarlett
                    </a>
                </li>
    		    <li>
                    <a href="/audio-interfaces/universal-audio">
                        <div class="-img-container">
                            <img data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/universal-audio-apollo.png">
                        </div>
                        Universal Audio Apollo
                    </a>
                </li>
    		    <li>
                    <a href="/accessories/studio-rta-producer-station">
                        <div class="-img-container">
                            <img data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/studio-rta-producer-station.png">
                        </div>
                        Studio RTA Producer Station
                    </a>
                </li>
    		    <li>
                    <a href="/pro-audio/yamaha-hs8-powered-studio-monitor">
                        <div class="-img-container">
                            <img data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/yamaha-hs8.png">
                        </div>
                        Yamaha HS8
                    </a>
                </li>
    		    <li>
                    <a href="/pro-audio/presonus-audiobox-usb-96k-25th-anniversary-edition-audio-interface">
                        <div class="-img-container">
                            <img data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/presonus-audiobox-usb-96k.png">
                        </div>
                        Presonus AudioBox USB 96K
                    </a>
                </li>
    		    <li>
                    <a href="/pro-audio/tascam-dp-24sd-24-track-digital-portastudio">
                        <div class="-img-container">
                            <img data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/tascam-dp-24sd-portastudio.png">
                        </div>
                        Tascam DP-24SD Portastudio
                    </a>
                </li>
    			<li><a href="/pro-audio/krk-rp5-rokit-g4-powered-studio-monitor"><div class="-img-container"><img data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/krk-rokit-5-g4.png"></div>KRK Rokit 5 G4</a></li>
    			<li>
                    <a href="/pro-audio/rode-rodecaster-pro-integrated-podcast-production-console">
                        <div class="-img-container">
                            <img data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/rode-rodecaster.png">
                        </div>
                        Rode RODECaster                            
                    </a>
                </li>
			</ul>
            <div class="-nav-spacer"></div>
        </div>
        <div class="responsive-header_browse_categories_flyout_links">
            <ul>
                <li><a class="-title" href="/recording-deals">Recording Deals</a></li>
                <li><a class="-title" href="/new-recording-gear">New Recording Gear</a></li>
				<li><a class="-title" href="/recording-gear/used">Used Recording Gear</a></li>
				<li><a class="-title" href="/recording-gear/open-box">Open-Box Recording Gear</a></li>
                <li><a class="-title" href="/thehub/buying-guides-recording">Buying Guides</a></li>
                <li class="responsive-header_browse_categories_flyout_links_btn"><a class="-title" href="/recording-gear">View All Recording</a></li>
            </ul>
        </div>
         <a href="#" class="responsive-header_browse_categories_flyout_close-btn" data-js="close-flyout" aria-label="close flyout menu"></a>
    </div>
</li><li data-js-categories-item>
    <a data-js-categories-link href="/microphones" id="microphones_association_id_link"
        aria-controls="microphones_association_id" aria-expanded="false"
        class="microphones_association_id hoverMagicLink">Microphones</a>
    <div class="responsive-header_browse_categories_flyout" id="resp-MicrophonesMainMenu" region_id="MicrophonesMainMenu" data-js-categories-flyout>
        <div class="responsive-header_browse_categories_flyout_subcategories">
            <div class="responsive-header_browse_mobile-header"><span></span><a href="/microphones">View
                    All</a></div>
            <ul class="responsive-header_browse_categories_flyout_subcategories_subcategory -collapsible"
                data-js-category-dropdown>
                <li class="-title"><a href="/microphones">Microphones</a></li>
                <li><a href="/condenser-microphones">Condenser</a></li>
                <li><a href="/dynamic-microphones">Dynamic</a></li>
                <li><a href="/usb-microphones">USB</a></li>
                <li><a href="/ribbon-microphones">Ribbon</a></li>
                <li><a href="/tube-microphones">Tube</a></li>
                <li><a href="/drum-microphones">Drum</a></li>
            </ul>
            <ul class="responsive-header_browse_categories_flyout_subcategories_subcategory -collapsible"
                data-js-category-dropdown>
                <li class="-title"><a href="/wireless-systems">Wireless Systems</a></li>
                <li><a href="/handheld-microphone-wireless-systems">Handheld</a></li>
                <li><a href="/headset-microphone-wireless-systems">Headset</a></li>
                <li><a href="/in-ear-wireless-systems">In-Ear</a></li>
                <li><a href="/instrument-wireless-systems">Instrument</a></li>
                <li><a href="/lavalier-microphone-wireless-systems">Lavalier</a></li>
            </ul>
            <ul class="responsive-header_browse_categories_flyout_subcategories_subcategory -collapsible"
                data-js-category-dropdown>
                <li class="-title"><a href="/microphone-accessories">Accessories</a></li>
                <li><a href="/microphone-stands">Stands</a></li>
                <li><a href="/microphone-cables">Cables</a></li>
                <li><a href="/microphone-clips-clamps">Clips &amp; Clamps</a></li>
                <li><a href="/microphone-windscreens-grilles">Widescreens &amp; Grilles</a></li>
                <li><a href="/pop-filters">Pop Filters</a></li>
            </ul>
        </div>
        <div class="-nav-spacer"></div>
        <div class="responsive-header_browse_categories_flyout_recommended">
            <ul class="responsive-header_browse_categories_flyout_recommended_models -collapsible"
                data-js-category-dropdown>
                <li class="-title">Popular Brands</li>
                <li><a href="/microphones/shure">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/shure.png">
                        </div>Shure
                    </a></li>
                <li><a href="/microphones/sennheiser">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/sennheiser-logo.png">
                        </div>Sennheiser
                    </a></li>
                <li><a href="/microphones/akg">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/akg-logo.png">
                        </div>AKG
                    </a></li>
                <li><a href="/microphones/neumann">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/neumann.png">
                        </div>Neumann
                    </a></li>
                <li><a href="/microphones/rode">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/rode-logo.png">
                        </div>Rode
                    </a></li>
				<li><a href="/microphones/sterling-audio">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/sterling-audio-logo.png">
                        </div>Sterling Audio
                    </a></li>
				<li><a href="/microphones/audio-technica">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/audio-technica-logo.png">
                        </div>Audio-Technica
                    </a></li>
				<li><a href="/microphones/warm-audio">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/warm-audio-logo.png">
                        </div>Warm Audio
                    </a></li>
            </ul>
			<ul class="responsive-header_browse_categories_flyout_recommended_models -collapsible"
                data-js-category-dropdown>
                <li class="-title">Popular Models</li>
				<li><a href="/pro-audio/shure-sm58-dynamic-handheld-vocal-microphone">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/shure-sm58.png">
                        </div>Shure SM58
                    </a></li>
				<li><a href="/pro-audio/shure-sm57-dynamic-instrument-microphone">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/shure-sm57.png">
                        </div>Shure SM57
                    </a></li>
				<li><a href="/pro-audio/shure-sm7b-cardioid-dynamic-microphone">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/shure-sm7b.png">
                        </div>Shure SM7B
                    </a></li>
				<li><a href="/pro-audio/rode-nt1-a-cardioid-condenser-microphone-bundle">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/rode-nt1-a-bundle.png">
                        </div>Rode NT1-A Bundle
                    </a></li>
				<li><a href="/pro-audio/neumann-u87-ai-shockmount-set-z-microphone-with-box">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/neumann-u87.png">
                        </div>Neumann U87
                    </a></li>
				<li><a href="/pro-audio/warm-audio-wa-87r2-condenser-microphone">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/warm-audio-wa-87r2.png">
                        </div>Warm Audio WA-87r2
                    </a></li>
				<li><a href="/pro-audio/slate-digital-vms-ml-1-large-diaphragm-modeling-microphone">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/slate-digital-vms-ml-1.png">
                        </div>Slate Digital VMS ML-1
                    </a></li>
				<li><a href="/akg-414">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/akg-414.png">
                        </div>AKG 414
                    </a></li>
			</ul>
            <div class="-nav-spacer"></div>
        </div>
        <div class="responsive-header_browse_categories_flyout_links">
            <ul>
                <li><a class="-title" href="/microphone-deals">Microphone Deals</a></li>
                <li><a class="-title" href="/new-microphones">New Microphones</a></li>
				<li><a class="-title" href="/microphones/open-box">Open-Box Microphones</a></li>
				<li><a class="-title" href="/microphones/used">Used Microphones</a></li>
                <li><a class="-title"
                        href="/thehub/how-to-choose-microphone-dynamics-condensers-ribbons-more">Buying
                        Guides</a></li>
                <li class="responsive-header_browse_categories_flyout_links_btn"><a class="-title"
                        href="/microphones">View All Microphones</a></li>
            </ul>
        </div>
         <a href="#" class="responsive-header_browse_categories_flyout_close-btn" data-js="close-flyout" aria-label="close flyout menu"></a>
    </div>
</li><li data-js-categories-item>
    <a data-js-categories-link href="/accessories" id="accessories_association_id_link"
        aria-controls="accessories_association_id" aria-expanded="false"
        class="accessories_association_id hoverMagicLink">Accessories</a>
    <div class="responsive-header_browse_categories_flyout" id="resp-AccessoriesMainMenu" region_id="AccessoriesMainMenu" data-js-categories-flyout>
        <div class="responsive-header_browse_categories_flyout_subcategories">
            <div class="responsive-header_browse_mobile-header"><span></span><a href="/accessories">View
                    All</a>
            </div>
            <ul class="responsive-header_browse_categories_flyout_subcategories_subcategory -collapsible"
                data-js-category-dropdown>
                <li class="-title"><a href="/cables-snakes">Cables &amp; Snakes</a></li>
                <li><a href="/instrument-cables">Instrument</a></li>
                <li><a href="/microphone-cables">Mic</a></li>
                <li><a href="/speaker-cables">Speaker</a></li>
            </ul>
            <ul class="responsive-header_browse_categories_flyout_subcategories_subcategory -collapsible"
                data-js-category-dropdown>
                <li class="-title"><a href="/cases-gig-bags-covers">Cases &amp; Gig Bags</a></li>
                <li><a href="/guitar-cases-and-gig-bags">Guitar</a></li>
                <li><a href="/bass-guitar-cases-gig-bags">Bass</a></li>
                <li><a href="/amplifier-covers-cases">Amp</a></li>
            </ul>
            <ul class="responsive-header_browse_categories_flyout_subcategories_subcategory -collapsible"
                data-js-category-dropdown>
                <li class="-title"><a href="/strings">Strings</a></li>
                <li><a href="/guitar-strings">Guitar</a></li>
                <li><a href="/bass-guitar-strings">Bass</a></li>
            </ul>
            <ul class="responsive-header_browse_categories_flyout_subcategories_subcategory">
                <li class="-title"><a href="/stands-racks">Stands &amp; Racks</a></li>
                <li class="-title"><a href="/tuners-metronomes">Tuners &amp; Metronomes</a></li>
                <li class="-title"><a href="/care-cleaning">Care &amp; Cleaning</a></li>
                <li class="-title"><a href="/tools">Tools</a></li>
            </ul>
        </div>
        <div class="-nav-spacer"></div>
        <div class="responsive-header_browse_categories_flyout_recommended">
            <ul class="responsive-header_browse_categories_flyout_recommended_models -collapsible"
                data-js-category-dropdown>
                <li class="-title">Popular Brands</li>
                <li><a href="/accessories/musicians-gear">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/musicians-gear-logo.png">
                        </div>
                        Musician's Gear
                    </a></li>
                <li><a href="/accessories/fender">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/fender-logo.png">
                        </div>Fender
                    </a></li>
                <li><a href="/accessories/daddario">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/daddario-logo.png">
                        </div>D'Addario
                    </a></li>
                <li><a href="/accessories/ernie-ball">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/ernie-ball-logo.png">
                        </div>Ernie Ball
                    </a></li>
                <li><a href="/accessories/elixir">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/elixir-logo.png">
                        </div>Elixir
                    </a></li>
				<li><a href="/accessories/road-runner">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/road-runner-logo.png">
                        </div>Road Runner
                    </a></li>
				<li><a href="/accessories/gator">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/gator-logo.png">
                        </div>Gator
                    </a></li>
				<li><a href="/accessories/proline">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/proline-logo.png">
                        </div>Proline
                    </a></li>
            </ul>
			<ul class="responsive-header_browse_categories_flyout_recommended_models -collapsible"
                data-js-category-dropdown>
				<li><a href="/accessories/remo">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/remo-logo.png">
                        </div>Remo
                    </a></li>
				<li><a href="/accessories/livewire">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/livewire-logo.png">
                        </div>Livewire
                    </a></li>
				<li><a href="/accessories/on-stage">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/on-stage-logo.png">
                        </div>On-Stage
                    </a></li>
				<li><a href="/accessories/hercules">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/hercules-logo.png">
                        </div>Hercules
                    </a></li>
				<li><a href="/accessories/mogami">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/mogami-logo.png">
                        </div>Mogami
                    </a></li>
				<li><a href="/accessories/dunlop">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/dunlop-logo.png">
                        </div>Dunlop
                    </a></li>
				<li><a href="/accessories/perris">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/perris-logo.png">
                        </div>Perri's
                    </a></li>
				<li><a href="/accessories/snark">
                        <div class="-img-container"><img
                                data-js="lazyload" data-src="//static.musiciansfriend.com/static/responsive/mf/snark-logo.png">
                        </div>Snark
                    </a></li>
			</ul>
            <div class="-nav-spacer"></div>
        </div>
        <div class="responsive-header_browse_categories_flyout_links">
            <ul>
                <li><a class="-title" href="/accessories-deals">Accessory Deals</a></li>
                <li><a class="-title" href="/accessories/open-box">Open-Box Accessories</a></li>
                <li><a class="-title" href="/thehub/audio-cable-buying-guide">Buying Guides</a></li>
                <li class="responsive-header_browse_categories_flyout_links_btn"><a class="-title"
                        href="/accessories">View All Accessories</a></li>
            </ul>
        </div>
         <a href="#" class="responsive-header_browse_categories_flyout_close-btn" data-js="close-flyout" aria-label="close flyout menu"></a>
    </div>
</li><li data-js-categories-item>
    <a data-js-categories-link href="#" id="more_id_link" aria-controls="more_id"
        aria-expanded="false">More</a>
    <div class="responsive-header_browse_categories_flyout -more" id="resp-MoreMainMenu" region_id="MoreMainMenu" 
 data-js-categories-flyout>
        <div class="responsive-header_browse_categories_flyout_subcategories">
            <div class="responsive-header_browse_mobile-header"><span></span><a href="/accessories">View
                    All</a></div>
            <ul class="responsive-header_browse_categories_flyout_subcategories_subcategory">
                <li class="-title"><a href="/dj-gear">DJ Gear</a></li>                
                <li class="-title"><a href="/headphones">Headphones</a></li>
                <li class="-title"><a href="/pa-speakers">Speakers</a></li>
                <li class="-title"><a href="/record-players">Record Players</a></li>
                <li class="-title"><a href="/vinyl">Vinyl</a></li>
                <li class="-title"><a href="/folk-traditional-instruments">Folk Instruments</a></li>
                <li class="-title"><a href="/band-orchestra-instruments">Band &amp; Orchestra</a></li>
                <li class="-title"><a href="/classroom-kids">Classroom &amp; Kids</a></li>
                <li class="-title"><a href="/books-sheet-music-media">Sheet Music</a></li>
                <li class="-title"><a href="/clothing">Clothing &amp; Collectibles</a></li>
            </ul>
        </div>
        <div class="-nav-spacer"></div>
        <div class="responsive-header_browse_categories_flyout_links">
            <ul>
                <li><a class="-title" href="/deals">Deals</a></li>
                <li><a class="-title" href="/new-arrivals">New Arrivals</a></li>
				<li><a class="-title" href="/used-gear">Used Gear</a></li>
                <li><a class="-title" href="/thehub/buying-guides">Buying Guides</a></li>
                <!-- <li class="responsive-header_browse_categories_flyout_links_btn">
					<a class="-title" href="/accessories">View All</a>
                </li> -->
            </ul>
        </div>
         <a href="#" class="responsive-header_browse_categories_flyout_close-btn" data-js="close-flyout" aria-label="close flyout menu"></a>
    </div>
</li></ul>
<div class="responsive-header_browse_deals" region_id="HotDealsMainMenu">
<ul class="responsive-header_browse_categories">
<li class="vertical-bar">
<a aria-controls="deals_association_id" class="deals_association_id hoverMagicLink" href="/deals?icid=LP2708" id="deals_association_id_link" role="button">Deals</a>
</li>
<li>
<a aria-controls="used_gear_association_id" class="used_gear_association_id hoverMagicLink" href="/used-gear?icid=LP2709" id="used_gear_association_id_link" role="button">Used</a>
</li>
<li>
<a aria-controls="open_box_association_id" class="open_box_association_id hoverMagicLink" href="/open-box-musical-instruments?icid=LP2710" id="open_box_association_id_link" role="button">Open Box</a>
</li>
</ul>
<a href="#" class="responsive-header_browse_deals_hot -collapsible" data-js-dropdown-btn="hot-deals">
Hot Deals</a>
<! -- Here are the links before the images in the Hot Deals dropdown, please inform Platops BCC team if any changes -->				
<div class="responsive-header_browse_deals_flyout" data-js-categories-menu full-height="370" aria-hidden="true" aria-labeledby="btnHotDeals_link" role="region">				
	<div class="responsive-header_browse_deals_flyout_links">			
		<ul>		
			<li>	
				<a href="/deals">Hot Deals</a>
			</li>	
			<li>	
				<a href="/new-arrivals">New Arrivals</a>
			</li>	
			<li>	
				<a href="/used-gear">Used Gear</a>
			</li>	
			<li>	
				<a href="/open-box-musical-instruments">Open-Box</a>
			</li>	
			<li>	
				<a href="/clearance">Clearance</a>
			</li>	
		</ul>		
	</div>			
<! -- Below start the "Hot Deals" assets in the menu, primarily managed by the PlatOps BCC team -->				
	<ul class="responsive-header_browse_deals_flyout_promos">			
<! -- Tile #1 -->				
		<li>		
			<a href="/deals?icid=223884"><img data-js="lazyload" data-src="//static.musiciansfriend.com/static/mf/images/menu/mf-md-nav-deals-01-14-26.jpg" alt="Shop deals">	
				<p>Deals</p>
			</a>	
		</li>		
<! -- Tile #2 -->				
		<li>		
			<a href="/open-box-musical-instruments?icid=223885"><img data-js="lazyload" data-src="//static.musiciansfriend.com/static/mf/images/menu/mf-md-nav-open-box-01-14-26.jpg" alt="Shop open box">	
				<p>Open Box</p>
			</a>	
		</li>		
<! -- Tile #3 -->				
		<li>		
			<a href="/used-gear?icid=223886"><img data-js="lazyload" data-src="//static.musiciansfriend.com/static/mf/images/menu/mf-md-nav-used-01-14-26.jpg" alt="shop used gear">	
				<p>Used</p>
			</a>	
		</li>		
<! -- Tile #4 -->				
		<li>		
			<a href="/shop-now-pay-later-with-klarna?icid=223887"><img data-js="lazyload" data-src="//static.musiciansfriend.com/static/mf/images/menu/mf-md-nav-split-your-purchase-with-klarna-01-14-26.jpg" alt="Four Interest-Free Payments. Start playing right away when you split your purchase with Klarna. Get Details">	
				<p>Split your purchase with Klarna</p>
			</a>	
		</li>		
	</ul>			
</div>				<a href="https://www.musiciansfriend.com/stupid" class="responsive-header_browse_deals_stupid">
<div class="responsive-header_browse_deals_stupid_icon" region_id="StupidDealMainMenu"></div>
</a>
<a href="#" aria-label="open contact panel" class="responsive-header_browse_help -mobile-link" data-js-side-panel-toggle="help">
<div class="responsive-header_browse_help_img"></div>
<p class="responsive-header_browse_help_text">Help | Call or Chat</p>
</a>
<a href="/trackorder" class="-mobile-link">Track your order</a><a href="/returns" class="-mobile-link">Returns</a><a href="/faq" class="-mobile-link">FAQs</a><a href="https://www.mysynchrony.com/cmp-index.html?market=music&store=musiciansfriend" class="-mobile-link">Make a card payment</a><a href="#" aria-label="open values panel" class="-mobile-link" data-js-side-panel-toggle="values">Why shop with us?</a>
<a href="/rewards" class="-mobile-link -branding-bar">Rewards</a><a href="/thehub" class="-mobile-link -branding-bar">Blog</a><a href="/pages/gear-advisers" class="-mobile-link -branding-bar">Help</a></div>
</div>
</div>
<main class="main-container ">
<!-- Layout - Responsive Tag -->
<!-- Layout - Responsive Tag -->
<!-- Layout - Responsive Tag -->
<!-- Function - HTML Text Area -->
<style>
  :root {
    --warm-100: #f1f0ea;
    --warm-200: #e3e0d7;
    --warm-500: #6a6862;
    --warm-white: #ffffff;
    --warm-black: #000000;

    --yellow: #fcb715;
    --orange: #eb703b;
    --red: #c62e31;
    --blue: #3253b8;

    --card-shadow: 0 0 2px rgba(58, 56, 52, 0.08);
    --button-shadow: 0 1px 4px rgba(58, 56, 52, 0.1),
      0 2px 8px rgba(46, 44, 43, 0.12);
  }

  * {
    box-sizing: border-box;
  }

  .home-page .main-container {
    padding: 0;
    max-width: 100%;
  }

  .hp-container {
    padding: 0;
  }

  .banner-wrap {
    margin: 0 auto;
    padding: 0;
    max-width: 1500px;
  }

  #hero.hp-section {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    margin-bottom: 16px;
    max-width: 1500px;
  }

  #subhero.hp-container {
    max-width: 1500px;
    margin: 20px auto;
  }

  #subhero .two-col {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(293px, 1fr);
    gap: 16px;
    align-items: stretch;
  }

  #subhero>div,
  #subhero .col-left,
  #subhero .col-right {
    min-width: 0;
    border-radius: 20px;
  }

  #prequal, #hpEvergreenCategories, #hpEvergreenBrands {
    max-width: 86rem;
    margin: 20px auto;
  }

   @media (max-width: 975px) {
        #subhero .two-col {
            grid-template-columns: 1fr;
        }

        #subhero .two-col {
            gap: 16px;
        }

        .col-left,
        .col-right {
            width: 100%;
        }
    }

  </style>

  <script>
   var link = document.createElement("link");
  link.href =
    "//fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700;800&display=swap";
  link.rel = "stylesheet";
  document.head.appendChild(link);

  // Force all fonts to Figtree
  var style = document.createElement("style");
  style.innerHTML = `
  * {
    font-family: 'Figtree', sans-serif !important;
  }
`;
  document.head.appendChild(style);

  </script><!-- Layout - Responsive Tag -->
<!-- Layout - Responsive Tag -->
<!-- Function - Html Content -->
<!-- Layout - Responsive Tag -->
<!-- Function - Html Content -->
<!-- Layout - Responsive Tag -->
<!-- Function - Html Content -->
<!-- Layout - Responsive Tag -->
<!-- Function - Html Content -->
<style>
  /* ── Design Tokens ─────────────────────────────────────────── */
  :root {
    --yellow: #fcb715;
    --warm-white: #ffffff;
    --warm-black: #000000;
    --button-shadow:
      0 1px 4px rgba(58, 56, 52, 0.1), 0 2px 8px rgba(46, 44, 43, 0.12);

    /* Play/Pause button */
    --toggle-bg: rgba(0, 0, 0, 0.52);
    --toggle-color: #fff;
    --toggle-radius: 999px;
    --toggle-blur: 6px;

    /* Hero aspect ratios */
    --hero-ratio-desktop: 3 / 1;
    --hero-ratio-mobile: 1 / 1;

    /* Loop limits */
    --loops-desktop: 2;
    /* JS reads data-loops-desktop */
    --loops-mobile: 1;
    /* JS reads data-loops-mobile  */
  }

  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  body {
    margin: 0;
  }

  /* ── Hero wrapper ──────────────────────────────────────────── */
  .hero {
    position: relative;
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    border-radius: 8px;
    overflow: hidden;
    aspect-ratio: var(--hero-ratio-desktop);
    background: #000;
    /* prevents white flash */
  }

  /* ── Poster (static fallback shown until video loads) ──────── */
  .hero__poster {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    /* visible by default; hidden once video is ready */
    opacity: 1;
    transition: opacity 0.4s ease;
  }

  .hero__poster[aria-hidden="true"] {
    opacity: 0;
    pointer-events: none;
  }

  /* ── Video ─────────────────────────────────────────────────── */
  .hero__video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 2;
    opacity: 0;
    transition: opacity 0.4s ease;
  }

  .hero__video[data-ready="true"] {
    opacity: 1;
  }

  /* ── Overlay / Copy ────────────────────────────────────────── */
  .hero__overlay {
    position: absolute;
    inset: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(32px, 5vw, 80px) clamp(16px, 5vw, 84px);
    /* subtle gradient scrim for text readability */
    background: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.08) 0%,
      rgba(0, 0, 0, 0.35) 60%,
      rgba(0, 0, 0, 0.55) 100%
    );
    pointer-events: none;
    /* overlay itself is non-interactive */
    text-align: center;
    color: var(--warm-white);
  }

  .hero__copy {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    width: min(760px, 100%);
  }

  .hero__text-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
  }

  .hero__kicker {
    font-family: "Roboto", "Figtree", sans-serif;
    font-size: clamp(18px, 2.6vw, 30px);
    font-weight: 700;
    margin: 0 0 4px;
    line-height: 1;
    color: var(--yellow);
    text-transform: uppercase;
    letter-spacing: 0.06em;
  }

  .hero__headline {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    width: fit-content;
    gap: clamp(8px, 1.6vw, 18px);
    background-color: #c8102e;
    color: #ffffff;
    font-weight: 800;
    line-height: 0.95;
    font-size: clamp(34px, 6vw, 88px);
    padding: clamp(8px, 1.2vw, 12px) clamp(18px, 2.6vw, 32px);
    border-radius: 8px;
    margin: 15px;
    white-space: nowrap;
  }

  .mf-hero-promo .hl-pct {
    white-space: nowrap;
  }
  .mf-hero-promo .hl-upto {
    font-size: 0.45em;
    line-height: 0.95;
    letter-spacing: 0.04em;
    text-align: center;
    white-space: normal;
  }

  .hero__subhead {
    font-weight: 400;
    font-size: clamp(16px, 2.2vw, 28px);
    margin: 0 auto;
    max-width: 22em;
    text-wrap: balance;
    line-height: 1.2;
    color: var(--warm-white);
  }

  /* ── CTA ───────────────────────────────────────────────────── */
  .hero__cta-wrap {
    pointer-events: auto;
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 6px 0;
  }

  .hero__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 128px;
    height: 56px;
    padding: 0 28px;
    border: 0;
    border-radius: 999px;
    background: var(--yellow);
    color: var(--warm-black);
    box-shadow: var(--button-shadow);
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.025em;
    text-decoration: none;
    cursor: pointer;
    transition:
      transform 0.15s ease,
      filter 0.15s ease;
  }

  .hero__cta:hover {
    transform: translateY(-2px);
    filter: brightness(1.06);
  }

   @media (max-width: 640px) {
    .mf-hero-promo .hero__cta {
      min-height: 40px;
      padding: 0 20px;
      font-size: 14px;
    }
  }

  .hero__cta:visited {
    color: #fff;
    text-decoration: none;
  }

  /* ── Play / Pause toggle ───────────────────────────────────── */
  .hero__toggle {
    position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: 0;
    border-radius: var(--toggle-radius);
    background: var(--toggle-bg);
    backdrop-filter: blur(var(--toggle-blur));
    -webkit-backdrop-filter: blur(var(--toggle-blur));
    color: var(--toggle-color);
    font-family: "Roboto", "Figtree", sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    transition:
      opacity 0.2s ease,
      background 0.2s ease;

    /* hidden until video is ready */
    opacity: 0;
    pointer-events: none;
  }

  .hero__toggle[data-visible="true"] {
    opacity: 1;
    pointer-events: auto;
  }

  .hero__toggle:hover {
    background: rgba(0, 0, 0, 0.72);
  }

  /* icon spans */
  .hero__toggle-icon {
    font-style: normal;
    font-size: 11px;
  }

  /* ── Mobile overrides ──────────────────────────────────────── */
  @media (max-width: 975px) {
    .hero {
      aspect-ratio: var(--hero-ratio-mobile);
      border-radius: 0;
      max-height: calc(450px - 24px);
    }

    .hero__copy {
      gap: 24px;
    }

    .hero__cta {
      height: 36px;
    }
  }
  @media (max-width: 575px) {
    .hero__cta {
      height: 36px;
    }
  }
</style>

<section
  class="hero"
  aria-label="Outlet sale promo"
  data-loops-desktop="2"
  data-loops-mobile="1"
>
  <!-- Static poster — shown while video loads -->
  <img
    class="hero__poster"
    src="/static/mf/2026/homepage/fourth-of-july/6-15-26-july-4th-keyart-1500x500.jpg"
    alt="preload poster image"
    aria-hidden="true"
    fetchpriority="high"
  />

  <!-- Single video element; src is swapped by JS based on viewport -->
  <video
    class="hero__video"
    id="heroVideo"
    muted
    playsinline
    preload="auto"
    aria-hidden="true"
  >
    <!-- JS sets the correct source; these are fallbacks if JS fails -->
    <source
      data-src-desktop="/static/mf/2026/homepage/fourth-of-july/6-15-26-july-4th-hero-1500x500.mp4"
      data-src-mobile="/static/mf/2026/homepage/fourth-of-july/06-16-26-mf-july-4th-mobile-828x828-video.mp4"
      type="video/mp4"
    />
  </video>

  <!-- Overlay copy (purely presentational / non-interactive layer) -->

  <div class="hero__overlay">
    <!-- 
      <div class="hero__text-group">
        <p class="hero__kicker">4th of July Sale</p>
        <h1 class="hero__headline">UP TO 60% OFF</h1>
        <p class="hero__subhead">
          Celebrate with deals from top brands,<br />
          special financing* & more
        </p>
      </div>
      <div class="hero__cta-wrap">
        <a class="hero__cta" href="/4th-of-july?icid=223970">Shop Now</a>
      </div>
      <p>Thru July 5</p>
    </div> -->
    <div class="mf-hero-promo">
      <p class="hero__kicker">4TH OF JULY SALE</p>

      <h1 class="hero__headline">
        <span class="hl-upto"
          >UP<br />
          TO</span
        >
        <span class="hl-pct">60% OFF</span>
      </h1>

      <p class="hero__subhead">
        Celebrate with deals from top brands, special financing* &amp; more
      </p>

      <div class="hero__cta-wrap">
        <a class="hero__cta" href="/4th-of-july?icid=223970">Shop Now</a>
      </div>

      <p class="hero__date">Thru July 5</p>
    </div>
  </div>

  <!-- Play / Pause button (injected by JS, listed here for clarity) -->
</section>

<script>
  (function () {
    "use strict";

    /* ── Config ──────────────────────────────────────────────────── */
    const BREAKPOINT = 976; // px — desktop vs mobile

    /* ── Elements ────────────────────────────────────────────────── */
    const hero = document.querySelector(".hero");
    const video = document.getElementById("heroVideo");
    const poster = hero.querySelector(".hero__poster");
    const source = video.querySelector("source");

    if (!hero || !video || !poster || !source) return;

    /* ── Build play/pause button ─────────────────────────────────── */
    const toggle = document.createElement("button");
    toggle.className = "hero__toggle";
    toggle.type = "button";
    toggle.innerHTML =
      '<span class="hero__toggle-icon" aria-hidden="true">⏸</span><span class="hero__toggle-label">Pause</span>';
    toggle.setAttribute("aria-label", "Pause video");
    hero.appendChild(toggle);

    const toggleIcon = toggle.querySelector(".hero__toggle-icon");
    const toggleLabel = toggle.querySelector(".hero__toggle-label");

    /* ── State ───────────────────────────────────────────────────── */
    let loopsCompleted = 0;
    let userPaused = false; // true when user manually paused
    let autoStopped = false; // true when loop limit reached
    let isDesktop = window.innerWidth >= BREAKPOINT;
    let revealDone = false;

    /* ── Helpers ─────────────────────────────────────────────────── */
    function maxLoops() {
      const attr = isDesktop ? "loopsDesktop" : "loopsMobile";
      return parseInt(hero.dataset[attr], 10) || 2;
    }

    function setToggleState(playing) {
      toggleIcon.textContent = playing ? "⏸" : "▶";
      toggleLabel.textContent = playing ? "Pause" : "Play";
      toggle.setAttribute("aria-label", playing ? "Pause video" : "Play video");
    }

    function showToggle() {
      toggle.dataset.visible = "true";
    }

    function revealVideo() {
      if (revealDone) return;
      revealDone = true;
      video.dataset.ready = "true";
      poster.setAttribute("aria-hidden", "true");
      showToggle();
    }

    /* ── Source selection ────────────────────────────────────────── */
    function loadSource() {
      const src = isDesktop
        ? source.dataset.srcDesktop
        : source.dataset.srcMobile;

      // If the src hasn't changed, do nothing
      if (video.currentSrc && video.currentSrc.endsWith(src)) return;

      source.src = src;
      video.load();
    }

    /* ── Playback ────────────────────────────────────────────────── */
    function startPlayback() {
      loopsCompleted = 0;
      userPaused = false;
      autoStopped = false;
      setToggleState(true);
      video.currentTime = 0;
      video.play().catch(() => {});
    }

    function pauseVideo() {
      video.pause();
      setToggleState(false);
    }

    /* ── Video events ────────────────────────────────────────────── */
    // Reveal as soon as first frame is available
    video.addEventListener("loadeddata", revealVideo);
    video.addEventListener("canplay", revealVideo); // belt-and-suspenders

    video.addEventListener("ended", function () {
      loopsCompleted += 1;

      const limit = maxLoops();
      if (limit > 0 && loopsCompleted >= limit) {
        // Auto-stop: reached loop limit
        autoStopped = true;
        pauseVideo();
        return;
      }

      // Play another loop
      video.currentTime = 0;
      video.play().catch(() => {});
    });

    /* ── Toggle button ───────────────────────────────────────────── */
    toggle.addEventListener("click", function () {
      if (video.paused) {
        // User wants to play
        userPaused = false;
        autoStopped = false;
        // If we hit the loop limit, reset counter so it plays again
        loopsCompleted = 0;
        setToggleState(true);
        video.play().catch(() => {});
      } else {
        userPaused = true;
        pauseVideo();
      }
    });

    /* ── Responsive resize ───────────────────────────────────────── */
    let resizeTimer;
    window.addEventListener("resize", function () {
      clearTimeout(resizeTimer);
      resizeTimer = setTimeout(function () {
        const nowDesktop = window.innerWidth >= BREAKPOINT;
        if (nowDesktop === isDesktop) return; // no breakpoint change, ignore

        isDesktop = nowDesktop;
        revealDone = false;

        // Reset video visibility
        video.dataset.ready = "false";
        poster.removeAttribute("aria-hidden");
        toggle.dataset.visible = "false";

        loadSource();

        // Only auto-start if the user hadn't manually paused
        if (!userPaused) startPlayback();
      }, 200);
    });

    /* ── Init ────────────────────────────────────────────────────── */
    loadSource();
    startPlayback();
  })();
</script>
<!-- Layout - Responsive Tag -->
<section id="subhero" class="hp-container" ><!-- Layout - Responsive Tag -->
<div class="two-col" ><!-- Layout - Responsive Tag -->
<div class="col-left" ><!-- Function - Html Content -->
<style>
    /* =========================================================
     STUPID DEAL CARD
  ========================================================= */

    .deal-card {
        display: grid;
        grid-template-columns: 314px minmax(0, 1fr);
        gap: 16px;
        min-height: 300px;
        padding: 24px 32px 20px;
        border-radius: 20px;
        background: var(--warm-100);
        border: 1px solid var(--warm-200);
        box-shadow: var(--card-shadow);
    }

    .deal-image-wrap {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 220px;
        overflow: hidden;
        border-bottom-left-radius: 22px;
    }

    .deal-image {
        width: 100%;
        height: 100%;
        object-fit: contain;
        border-radius: 8px;
        mix-blend-mode: multiply;
    }

    .stupid-deal-link {
        color: inherit;
        text-decoration: none;
    }

    .stupid-deal-logo {
        position: absolute;
        left: 0;
        top: 0;
    }

    .deal-logo {
        width: 79px;
        height: 49px;
        object-fit: contain;
        mix-blend-mode: darken;
    }

    .deal-content {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-width: 0;
        gap: 18px;
    }

    .deal-top {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 24px;
    }

    .deal-badge {
        display: inline-flex;
        align-items: center;
        min-height: 42px;
        padding: 0 16px;
        border-radius: 3px;
        background: var(--orange);
        color: var(--warm-white);
    }

    .deal-badge img {
        display: block;
        width: auto;
        max-height: 22px;
    }

    .countdown {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        text-align: right;
        white-space: nowrap;
    }

    .countdown span {
        font-family: "Figtree", sans-serif;
        font-size: 14px;
        font-weight: 500;
        line-height: 14px;
        color: var(--warm-500);
    }

    .countdown strong {
        margin-top: 8px;
        font-family: "Rubik", sans-serif;
        font-size: 20px;
        font-weight: 700;
        line-height: 24px;
        color: var(--warm-black);
        font-variant-numeric: tabular-nums;
    }

    .deal-body {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .stupid-deal-title {
        margin: 0;
        font-family: "Figtree", sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: normal;
        color: var(--warm-black);
    }

    .deal-meta {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .deal-rating {
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .deal-rating .stars {
        color: var(--blue);
        font-size: 14px;
        line-height: 1;
    }

    .deal-rating .score {
        font-family: "Rubik", sans-serif;
        font-size: 16px;
        font-weight: 700;
        line-height: 16px;
        letter-spacing: 0.05em;
        color: var(--blue);
    }

    .deal-rating .reviews {
        font-family: "Rubik", sans-serif;
        font-size: 12px;
        line-height: 12px;
        letter-spacing: 0.05em;
        color: var(--warm-500);
    }

    .price {
        display: flex;
        align-items: flex-end;
        gap: 12px;
        flex-wrap: wrap;
    }

    .price .current {
        font-family: "Rubik", sans-serif;
        font-size: 24px;
        font-weight: 700;
        line-height: 28px;
        color: var(--red);
    }

    .price .original {
        font-family: "Rubik", sans-serif;
        font-size: 20px;
        font-weight: 400;
        line-height: 20px;
        color: var(--warm-500);
        text-decoration: line-through;
    }

    .price .current sup,
    .price .original sup {
        font-size: 0.6em;
        line-height: 0;
        vertical-align: super;
    }

    .price .save {
        display: inline-flex;
        align-items: center;
        min-height: 18px;
        padding: 0 8px;
        border-radius: 999px;
        background: var(--red);
        color: var(--warm-white);
        font-family: "Figtree", sans-serif;
        font-size: 12px;
        font-weight: 500;
        line-height: 12px;
    }

    .btn-primary {
        width: fit-content;
        height: 48px;
        padding: 0 32px;
        background: var(--yellow);
        color: var(--warm-black);
        box-shadow: var(--button-shadow);
        font-family: "Roboto", sans-serif !important;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 0.025em;
        display: flex;
        align-content: center;
        align-items: center;
        border-radius: 52px;
    }

    @media (max-width: 975px) {
        /* .deal-card {
            grid-template-columns: 1fr;
            min-height: auto;
        }

        .deal-top {
            flex-direction: column;
            align-items: flex-start;
        }

        .countdown {
            align-items: flex-start;
            text-align: left;
        } */

        .deal-card {
            grid-template-columns: 1fr;
            gap: 16px;
            min-height: 400px;
            padding: 20px 16px;
            border-radius: 20px;
        }

        .deal-image-wrap {
            min-height: 0;
            height: 100%;
            align-items: center;
            justify-content: center;
            border-bottom-left-radius: 0;
            border-radius: 10px;
        }

        .deal-image {
            width: auto;
            height: 100%;
            max-width: 100%;
            object-fit: contain;
            border-radius: 8px;
        }

        .stupid-deal-logo {
            top: 8px;
            left: 0;
        }

        .deal-logo {
            width: 60px;
            height: 38px;
        }

        .deal-content {
            gap: 8px;
        }

        .deal-top {
            flex-direction: row;
            align-items: flex-start;
            justify-content: space-between;
            gap: 12px;
        }

        .deal-badge {
            min-height: 30px;
            padding: 0 12px;
            border-radius: 3px;
        }

        .deal-badge img {
            height: 16px;
            width: auto;
        }

        .countdown {
            align-items: center;
            text-align: center;
        }

        .countdown span {
            font-size: 12px;
            line-height: 12px;
        }

        .countdown strong {
            margin-top: 4px;
            font-size: 14px;
            line-height: 14px;
        }

        .deal-body {
            gap: 18px;
        }

        .deal-meta {
            gap: 8px;
        }

        .stupid-deal-title {
            font-size: 14px;
            line-height: 18px;
        }

        .deal-rating {
            display: flex;
            align-items: center;
            gap: 4px;
        }

        .deal-rating .stars {
            font-size: 16px;
            color: var(--blue);
            line-height: 1;
        }

        .deal-rating .score {
            font-size: 16px;
            line-height: 16px;
            letter-spacing: 0.05em;
        }

        .deal-rating .reviews {
            font-size: 12px;
            line-height: 12px;
            letter-spacing: 0.05em;
        }

        .price {
            align-items: center;
            gap: 4px 6px;
            flex-wrap: wrap;
        }

        .price .current {
            font-size: 18px;
            line-height: 18px;
        }

        .price .original {
            font-size: 12px;
            line-height: 12px;
        }

        .price .save {
            min-height: 18px;
            padding: 0 8px;
            border-radius: 18px;
            font-size: 12px;
            line-height: 12px;
        }

        .btn-primary {
            height: 32px;
            padding: 0 16px;
            margin-left: auto;
            font-size: 14px;
            line-height: 14px;
            border-radius: 52px;
            box-shadow: 0 0 2px rgba(58, 56, 52, 0.08),
                0 0 32px rgba(46, 44, 43, 0.16);
        }

        /* make pricing + CTA match the figma bottom row */
        .deal-content>.stupid-deal-link+.btn-primary,
        .deal-content>.btn-primary {
            align-self: flex-end;
        }

        .deal-content .stupid-deal-link .deal-body {
            margin-bottom: 0;
        }

        .deal-content {
            position: relative;
        }

        .deal-content .btn-primary {
            position: absolute;
            right: 0;
            bottom: 0;
        }

        .deal-content .stupid-deal-link {
            display: block;
            padding-right: 126px;
        }

    }
</style>

<div class="deal-card stupid-deal-container">
        <div class="deal-image-wrap">
          <a href="/stupid?icid=210190" class="stupid-deal-link">
            <img class="deal-image stupid-deal-product-image" src="" alt="" />
          </a>
        </div>

        <div class="deal-content">
          <div class="deal-top">
            <div class="deal-badge">
              <img src="/static/mf/2025/page-bcc/images/stupid-deal-of-the-day-logo.png" alt="Stupid Deal Of The Day" />
            </div>

            <div class="countdown">
              <span>Deal ends in</span>
              <strong id="timer">--:--:--</strong>
            </div>
          </div>

          <a href="/stupid?icid=210190" class="stupid-deal-link">
            <div class="deal-body">
              <div class="deal-meta">
                <h3 class="stupid-deal-title">Loading...</h3>

                <!-- <div class="deal-rating" aria-hidden="true">
                  <span class="stars">★</span>
                  <span class="score">5.0</span>
                  <span class="reviews">(15)</span>
                </div> -->
              </div>

              <div class="price">
                <span class="current stupid-deal-price"></span>
                <span class="original stupid-deal-price-cut"></span>
                <span class="save stupid-deal-savings"></span>
              </div>
            </div>
          </a>

          <a href="/stupid?icid=210190" class="btn-primary">Shop Now</a>
        </div>
      </div>
<script>
  const sdothDate = "03-26-2026";
  const endpoint =
    "//rst.musiciansfriend.com/rest/model/ngp/rest/actor/SearchActor/emTemplateJSON?includePath=/pages/AppHeadlinerDeals";

  function truncate(str, max) {
    if (!str) return "";
    return str.length > max ? str.slice(0, max) + "..." : str;
  }

  function isNowSDOTH(date) {
    const timeZone = "America/Los_Angeles";

    function build(date, h) {
      return new Date(
        new Date(date).toLocaleString("en-US", { timeZone })
      ).setHours(h, 0, 0, 0);
    }

    const start = build(date, 6);
    const end = build(date, 18);
    const now = new Date(new Date().toLocaleString("en-US", { timeZone }));

    return now >= new Date(start) && now <= new Date(end);
  }

  async function loadStupidDeal() {
    const card = document.querySelector(".stupid-deal-container");
    if (!card) return;

    const endpoint =
      "//rst.musiciansfriend.com/rest/model/ngp/rest/actor/SearchActor/emTemplateJSON?includePath=/pages/AppHeadlinerDeals";

    const CACHE_KEY = "mf_stupid_deal_cache_v1";
    const CACHE_TTL = 5 * 60 * 1000;

    const els = {
      title: card.querySelector(".stupid-deal-title"),
      price: card.querySelector(".stupid-deal-price"),
      priceCut: card.querySelector(".stupid-deal-price-cut"),
      savings: card.querySelector(".stupid-deal-savings"),
      image: card.querySelector(".stupid-deal-product-image"),
      ratingScore: card.querySelector(".stupid-deal-rating-score"),
      ratingCount: card.querySelector(".stupid-deal-rating-count"),
    };

    function getCachedDeal() {
      try {
        const raw = sessionStorage.getItem(CACHE_KEY);
        if (!raw) return null;

        const parsed = JSON.parse(raw);
        if (!parsed || !parsed.timestamp || !parsed.data) return null;

        if (Date.now() - parsed.timestamp > CACHE_TTL) {
          sessionStorage.removeItem(CACHE_KEY);
          return null;
        }

        return parsed.data;
      } catch {
        return null;
      }
    }

    function setCachedDeal(data) {
      try {
        sessionStorage.setItem(
          CACHE_KEY,
          JSON.stringify({
            timestamp: Date.now(),
            data,
          })
        );
      } catch {
        // ignore storage errors
      }
    }

    function truncate(str, max) {
      if (!str) return "";
      return str.length > max ? str.slice(0, max) + "..." : str;
    }

    function preloadImage(src) {
      return new Promise((resolve, reject) => {
        if (!src) {
          reject(new Error("Missing image src"));
          return;
        }

        const img = new Image();
        img.onload = () => resolve(src);
        img.onerror = reject;
        img.src = src;
      });
    }

    function extractProduct(data) {
      return data?.emPageData?.Section?.[1]?.products?.[0] || null;
    }

    function updateDOM(product, imageSrc) {
      if (els.title) {
        els.title.textContent = truncate(product.displayName, 64);
      }

      if (els.priceCut) {
        els.priceCut.innerHTML = product.regularPrice || "";
      }

      if (els.price) {
        els.price.innerHTML = product.price || "";
      }

      if (els.savings) {
        const savingsText =
          typeof product.savings === "string" && product.savings.length > 3
            ? "Save " + product.savings.slice(0, -3)
            : product.savings
              ? "Save " + product.savings
              : "";
        els.savings.textContent = savingsText;
      }

      if (els.image && imageSrc) {
        els.image.src = imageSrc;
        els.image.alt = product.displayName || "Stupid Deal product";
        els.image.loading = "eager";
        els.image.decoding = "async";
      }
    }

    try {
      let data = getCachedDeal();

      if (!data) {
        const res = await fetch(endpoint, {
          credentials: "same-origin",
        });

        if (!res.ok) {
          throw new Error(`Deal request failed with status `);
        }

        data = await res.json();
        setCachedDeal(data);
      }

      const product = extractProduct(data);
      if (!product) {
        throw new Error("No product found in stupid deal response");
      }

      const imageSrc = product.thumb
        ? product.thumb.replace("120x120", "250x250")
        : "";

      if (imageSrc) {
        try {
          await preloadImage(imageSrc);
        } catch {
          // still render text/price even if image preload fails
        }
      }

      updateDOM(product, imageSrc);
    } catch (e) {
      console.error("Stupid deal error:", e);

      if (els.title && els.title.textContent === "Loading...") {
        els.title.textContent = "Today’s deal is temporarily unavailable.";
      }

      if (els.savings) {
        els.savings.textContent = "";
      }
    }
  }
  function startCountdown() {
    const el = document.getElementById("timer");
    if (!el) return;

    function tick() {
      const now = new Date();
      const end = new Date(
        now.getFullYear(),
        now.getMonth(),
        now.getDate() + 1,
        4,
        59,
        59
      );

      const diff = end - now;
      const h = Math.floor(diff / 3600000);
      const m = Math.floor((diff / 60000) % 60);
      const s = Math.floor((diff / 1000) % 60);

      el.textContent =
        String(h).padStart(2, "0") +
        ":" +
        String(m).padStart(2, "0") +
        ":" +
        String(s).padStart(2, "0");
    }

    tick();
    setInterval(tick, 1000);
  }
  function initStupidDealWhenVisible() {
    const card = document.querySelector(".stupid-deal-container");
    if (!card) return;

    const observer = new IntersectionObserver(
      (entries) => {
        if (entries.some((e) => e.isIntersecting)) {
          loadStupidDeal();
          startCountdown();
          observer.disconnect();
        }
      },
      { rootMargin: "300px 0px" }
    );

    observer.observe(card);
  }

  const DEAL_CACHE_KEY = "mf_stupid_deal_cache_v1";
  const DEAL_CACHE_TTL = 5 * 60 * 1000;

  function getCachedDeal() {
    try {
      const raw = sessionStorage.getItem(DEAL_CACHE_KEY);
      if (!raw) return null;
      const parsed = JSON.parse(raw);
      if (Date.now() - parsed.timestamp > DEAL_CACHE_TTL) return null;
      return parsed.data;
    } catch {
      return null;
    }
  }

  function setCachedDeal(data) {
    try {
      sessionStorage.setItem(
        DEAL_CACHE_KEY,
        JSON.stringify({ timestamp: Date.now(), data })
      );
    } catch { }
  }

  (function init() {
    const isHour = isNowSDOTH(sdothDate);
    if (isHour) {
      const badgeLogo = document.querySelector(".deal-badge img");
      if (badgeLogo) {
        badgeLogo.src =
          "/static/mf/2025/page-bcc/images/stupid-deal-of-the-hour.png";
        badgeLogo.alt = "Stupid Deal of the Hour";
      }
    }

    initStupidDealWhenVisible();
  })();
</script>
</div><!-- Layout - Responsive Tag -->
<div class="col-right" ><!-- Function - Html Content -->
<div id="subhero2">
  <style type="text/css">
    #subhero2 {
      --accent: #fcb715;
      --accent-hover: #ffd56a;

      --border: rgba(0, 0, 0, 0.1);
      --shadow: 0 10px 26px rgba(0, 0, 0, 0.12);

      margin: 0;
      padding: 0;
    }

    @media (max-width: 1041px) {
      #subhero2 {
        margin-bottom: 20px;
      }
    }

    #subhero2 a {
      color: inherit;
      text-decoration: none;
    }

    #subhero2 *,
    #subhero2 *::before,
    #subhero2 *::after {
      box-sizing: border-box;
    }

    /* ✅ Make the anchor the tile + the container */
    #subhero2 a.tile {
      --imgCol: clamp(120px, 20vw, 250px);
      --imgPanelW: calc(var(--imgCol) / 0.6);
      --imgHang: calc(var(--imgPanelW) - var(--imgCol));

      position: relative;
      width: 100%;
      min-height: 300px;

      border-radius: 20px;
      overflow: hidden;
      isolation: isolate;

      display: grid;
      grid-template-columns: minmax(0, 1fr) var(--imgCol);
      align-items: stretch;

      /* ✅ Background belongs on the tile so it fills the whole card */
      background: url(/static/mf/2026/homepage/fourth-of-july/6-16-26-july-4th-coupon-740x360-desktop-mobile-feature.jpg)
        no-repeat right bottom;
      background-size: cover;

      /* ✅ Container query source */
      container-type: inline-size;
      container-name: subhero2tile;
    }

    @media (max-width: 620px) {
      #subhero2 a.tile {
        min-height: 240px;
        --imgCol: 180px;
        margin-bottom: 16px;
      }
    }

    @media (max-width: 380px) {
      #subhero2 a.tile {
        --imgCol: 160px;
        margin-bottom: 16px;
      }
    }

    /* ✅ Make content span the whole tile so it isn't confined to col 1 */
    #subhero2 .tile-content {
      grid-column: 1 / -1;
      /* <-- key fix */
      padding: 20px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: 12px;
      z-index: 5;
      min-width: 0;
      height: 100%;

      /* text-shadow: 0 2px 10px rgba(0, 0, 0, 0.55); */

      /* background removed from here (now on the tile) */
      background: transparent;
    }

    #subhero2 .tile-eyebrow {
      font-size: 1rem;
      font-weight: 900;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      opacity: 0.95;
      color: #fff;
    }

    #subhero2 .tile-headline {
      font-size: 3.2rem;
      font-weight: 900;
      line-height: 1;
      margin: 0;
      white-space: nowrap;
      color: var(--accent);
      text-shadow: 0 2px 10px rgba(0, 0, 0, 0.28);
    }

    #subhero2 .tile-callout {
      font-size: 2.5rem;
      font-weight: 900;
      letter-spacing: 0.03em;
      text-transform: uppercase;
      line-height: 1.1;
      white-space: nowrap;
      color: #fff;
    }

    #subhero2 .tile-sub {
      font-size: 1.55rem;
      margin-top: 5px;
      font-weight: 500;
      max-width: 31ch;
      line-height: 1.4;
      opacity: 0.95;
      color: rgba(255, 255, 255, 0.92);
    }

    #subhero2 .tile-cta {
      margin-top: auto;
      padding: 0.75rem 1.3rem;
      background: var(--accent);
      color: #111;
      border-radius: 999px;
      font-weight: 600;
      width: fit-content;
      white-space: nowrap;
      box-shadow: 0 10px 26px rgba(0, 0, 0, 0.18);
      transition:
        background 0.18s ease,
        transform 0.18s ease;
    }

    #subhero2 a.tile:hover .tile-cta {
      background: var(--accent-hover);
      transform: translateY(-1px);
    }

    /* ✅ Container queries must target stuff inside the container */
    @container subhero2tile (max-width: 620px) {
      #subhero2 .tile-headline {
        font-size: 2.9rem;
      }

      #subhero2 .tile-callout {
        font-size: 2.1rem;
      }

      #subhero2 .tile-sub {
        font-size: 1.05rem;
      }
    }

    @container subhero2tile (max-width: 550px) {
      #subhero2 .tile-eyebrow {
        font-size: 0.8rem;
      }

      #subhero2 .tile-headline {
        font-size: 1.8rem;
      }

      #subhero2 .tile-callout {
        font-size: 1.2rem;
      }

      #subhero2 .tile-sub {
        font-size: 0.95rem;
        max-width: 25ch;
      }
    }

    @container subhero2tile (max-width: 350px) {
      #subhero2 .tile-eyebrow {
        font-size: 0.7rem;
      }

      #subhero2 .tile-headline {
        font-size: 1.5rem;
      }

      #subhero2 .tile-callout {
        font-size: 0.9rem;
      }

      #subhero2 .tile-sub {
        font-size: 0.75rem;
      }
    }
  </style>

  <a
    class="tile"
    aria-label="Lucky Deals"
    href="/4th-of-july-coupon?pfm=fbsubhero"
  >
    <div class="tile-content">
      <div class="tile-eyebrow">Buy More, Save More</div>
      <div class="tile-headline">10% off $49+</div>
      <div class="tile-headline">or 15% off $99+</div>
      <div class="tile-callout">Use code: JULY4</div>
      <p class="tile-sub">on qualifying orders</p>
      <span class="tile-cta">Save Now</span>
    </div>
  </a>
</div>
</div></div></section><!-- Layout - Responsive Tag -->
<!-- EMmessage: tag is disabled -->
<!-- Layout - Responsive Tag -->
<!-- Function - Html Content -->

<style type="text/css">
:root {
    --mf-bg: #f6f3ee;
    --mf-text: #151515;
    --mf-text-soft: #5f6368;
    --mf-navy: #171c24;
    --mf-red: #c62828;
    --mf-shadow-md: 0 16px 40px rgba(0,0,0,.08);
    --mf-shadow-lg: 0 30px 70px rgba(0,0,0,.12);
    --mf-font: "Figtree", "Roboto", Arial, Helvetica, sans-serif;
    --mf-ease: cubic-bezier(.22,1,.36,1);
}

#mf-outlet-story,
#mf-outlet-story * {
    box-sizing: border-box;
}

#mf-outlet-story {
    position: relative;
    overflow: hidden;
    max-width: 1500px;
    margin: 24px auto;
    padding: 56px 28px 44px;
    background: var(--mf-bg);
    color: var(--mf-text);
    font-family: var(--mf-font);
    border-radius: 16px;
}

#mf-outlet-story .mf-outlet-story__ambient-fog {
    position: absolute;
    inset: 0;
    z-index: 20;
    pointer-events: none;
    background-image:
      radial-gradient(ellipse 600px 260px at 22% 38%, rgba(252,183,21,.10), transparent),
      radial-gradient(ellipse 540px 220px at 78% 56%, rgba(198,40,40,.035), transparent),
      radial-gradient(ellipse 760px 300px at 52% 68%, rgba(252,183,21,.06), transparent);
    background-size: 200% 200%, 200% 200%, 200% 200%;
    animation: mfOutletFogDrift 18s ease infinite;
    mix-blend-mode: multiply;
    opacity: .5;
}

@keyframes mfOutletFogDrift {
    0%   { background-position: 0% 0%, 100% 100%, 50% 50%; }
    25%  { background-position: 50% 30%, 60% 70%, 20% 80%; }
    50%  { background-position: 100% 50%, 0% 50%, 80% 20%; }
    75%  { background-position: 60% 80%, 40% 20%, 30% 60%; }
    100% { background-position: 0% 0%, 100% 100%, 50% 50%; }
}

#mf-outlet-story .mf-outlet-story__edge-fade-left,
#mf-outlet-story .mf-outlet-story__edge-fade-right {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 140px;
    z-index: 21;
    pointer-events: none;
}

#mf-outlet-story .mf-outlet-story__edge-fade-left {
    left: 0;
    background: linear-gradient(to right, var(--mf-bg), transparent);
}

#mf-outlet-story .mf-outlet-story__edge-fade-right {
    right: 0;
    background: linear-gradient(to left, var(--mf-bg), transparent);
}

#mf-outlet-story .mf-outlet-story__inner {
    position: relative;
    z-index: 10;
    max-width: 1200px;
    margin: 0 auto;
}

#mf-outlet-story .mf-outlet-story__headline {
    margin: 0;
    min-height: 1.05em;
    font-size: clamp(2.6rem, 5vw, 3.8rem);
    line-height: .96;
    /* letter-spacing: -.06em; */
    font-weight: 700;
    color: var(--mf-text);
    white-space: nowrap;
}

#mf-outlet-story .mf-outlet-story__headline .mf-outlet-story__typewriter-cursor {
    display: inline-block;
    width: 3px;
    height: .82em;
    background: var(--mf-red);
    margin-left: 2px;
    vertical-align: baseline;
    position: relative;
    top: .05em;
    border-radius: 1px;
    animation: mfOutletCursorBlink .58s steps(1) infinite;
}

@keyframes mfOutletCursorBlink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

#mf-outlet-story .mf-outlet-story__copy-shell {
    position: relative;
    margin-top: 18px;
    max-width: 1200px;
}

#mf-outlet-story .mf-outlet-story__copy {
    position: relative;
    z-index: 2;
    font-size: 1.125rem;
    line-height: 1.7;
    color: var(--mf-text-soft);
}

#mf-outlet-story .mf-outlet-story__copy p {
    margin: 0 0 14px 0;
}

#mf-outlet-story .mf-outlet-story__copy p:last-child {
    margin-bottom: 0;
}

#mf-outlet-story .mf-outlet-story__supporting-copy {
    opacity: 0;
    transform: translateY(12px);
    transition: opacity .7s ease .2s, transform .7s var(--mf-ease) .2s;
}

#mf-outlet-story .mf-outlet-story__supporting-copy.is-visible {
    opacity: 1;
    transform: translateY(0);
}

#mf-outlet-story .mf-outlet-story__link {
    color: var(--mf-text);
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 2px;
}

#mf-outlet-story .mf-outlet-story__link:hover {
    text-decoration: none;
}

#mf-outlet-story .mf-outlet-story__link:focus {
    outline: 3px solid rgba(0,0,0,.12);
    outline-offset: 3px;
}

@media (max-width: 1024px) {
    #mf-outlet-story {
      max-width: none;
      margin: 20px 16px;
      padding: 44px 22px 36px;
    }

    #mf-outlet-story .mf-outlet-story__inner,
    #mf-outlet-story .mf-outlet-story__copy-shell {
      max-width: 100%;
    }

    #mf-outlet-story .mf-outlet-story__headline {
      white-space: normal;
    }
}

@media (max-width: 768px) {
    #mf-outlet-story {
      width: 100vw;
      max-width: 100vw;
      margin-left: calc(50% - 50vw);
      margin-right: calc(50% - 50vw);
      margin-top: 0;
      margin-bottom: 0;
      padding: 36px 16px 30px;
      border-radius: 0;
    }

    #mf-outlet-story .mf-outlet-story__inner,
    #mf-outlet-story .mf-outlet-story__copy-shell {
      max-width: 100%;
    }

    #mf-outlet-story .mf-outlet-story__headline {
      min-height: auto;
      font-size: clamp(2.4rem, 11vw, 3.3rem);
      line-height: 1;
      white-space: normal;
    }

    #mf-outlet-story .mf-outlet-story__headline .mf-outlet-story__typewriter-cursor {
      display: none;
    }

    #mf-outlet-story .mf-outlet-story__copy {
      font-size: 16px;
      line-height: 1.65;
    }

    #mf-outlet-story .mf-outlet-story__copy p {
      margin-bottom: 12px;
    }

    #mf-outlet-story .mf-outlet-story__supporting-copy {
      opacity: 1;
      transform: none;
      transition: none;
    }

    #mf-outlet-story .mf-outlet-story__ambient-fog {
      animation: none;
      opacity: .35;
    }

    #mf-outlet-story .mf-outlet-story__edge-fade-left,
    #mf-outlet-story .mf-outlet-story__edge-fade-right {
      display: none;
    }
}
</style>
<section id="mf-outlet-story">
<div class="mf-outlet-story__ambient-fog">&nbsp;</div>

<!--<div class="mf-outlet-story__edge-fade-left">&nbsp;</div>

<div class="mf-outlet-story__edge-fade-right">&nbsp;</div>-->

<div class="mf-outlet-story__inner">
<h2 class="mf-outlet-story__headline" id="mfOutletStoryHeadline">Welcome to a new era of Musician’s Friend.</h2>

<div class="mf-outlet-story__copy-shell">
<div class="mf-outlet-story__copy mf-outlet-story__supporting-copy" id="mfOutletStorySupportingCopy">
<p>We’ve updated our inventory with some truly unbelievable deals on the gear you know and love. We work directly with our brand partners to source everything from sleeper hits, to overstocked items, to year-end closeouts, so you can enjoy clearance-level pricing, 24/7. </p>
<p>Most of these quantities will be highly limited, with low likelihood of restocking, so come back often and don't blink when you see something with your name on it. <a class="mf-outlet-story__link" href="/outlet-deals">Shop the Outlet</a></p>
</div>
</div>
</div>
</section>
<script>
    (function () {
  "use strict";

  function initMfOutletStory() {
    var moduleEl = document.getElementById("mf-outlet-story");
    var headlineEl = document.getElementById("mfOutletStoryHeadline");
    var supportingCopyEl = document.getElementById("mfOutletStorySupportingCopy");
    if (!moduleEl || !headlineEl || !supportingCopyEl) return;
    if (moduleEl.getAttribute("data-mf-init") === "true") return;
    moduleEl.setAttribute("data-mf-init", "true");

    var isMobile = window.matchMedia("(max-width: 768px)").matches;

    if (isMobile) {
      headlineEl.textContent = headlineEl.outerText;
      supportingCopyEl.classList.add("is-visible");
      return;
    }

    // Desktop typewriter
    var phrase = headlineEl.outerText;
    var typeSpeed = 42;
    var started = false;

    var textSpan = document.createElement("span");
    textSpan.textContent = "";
    var cursor = document.createElement("span");
    cursor.className = "mf-outlet-story__typewriter-cursor";

    headlineEl.textContent = "";
    headlineEl.appendChild(textSpan);
    headlineEl.appendChild(cursor);

    var charIndex = 0;

    function typeStep() {
      charIndex += 1;
      textSpan.textContent = phrase.substring(0, charIndex);
      if (charIndex >= phrase.length) {
        cursor.style.display = "none";
        supportingCopyEl.classList.add("is-visible");
        return;
      }
      window.setTimeout(typeStep, typeSpeed);
    }

    function startTypewriter() {
      if (started) return;
      started = true;
      typeStep();
    }

    if ("IntersectionObserver" in window) {
      var observer = new IntersectionObserver(function (entries) {
        entries.forEach(function (entry) {
          if (entry.isIntersecting) {
            startTypewriter();
            observer.disconnect();
          }
        });
      }, { threshold: 0.3 });
      observer.observe(headlineEl);
    } else {
      startTypewriter();
    }
  }

  if (document.readyState === "loading") {
    document.addEventListener("DOMContentLoaded", initMfOutletStory);
  } else {
    initMfOutletStory();
  }
  window.setTimeout(initMfOutletStory, 300);
})();
</script><!-- Layout - Tag -->
<!-- Function - Html Content -->
<style>
  :root {
    --pad: 16px;
    --gap: 18px;
    --radius: 14px;
    --text: #2d2d2d;
    --muted: rgba(45, 45, 45, 0.6);
    --arrowSize: 52px;
    --accent: #fcb715;
    --cardOutline: rgba(0, 0, 0, 0.08);
    --imgBg: #e8e8e8;
  }

  body {
    margin: 0;
    font-family:
      "Figtree",
      system-ui,
      -apple-system,
      "Segoe UI",
      Roboto,
      Helvetica,
      Arial,
      sans-serif !important;
    background: #fff;
    color: var(--text);
  }

  #dealsCarousel {
    max-width: 1500px;
    margin: 0 auto 0px;
    padding: 0px 0;
  }

  /* Mobile header */
  #dealsCarouselHeaderMobile {
    display: none;
    padding: 0 var(--pad) 14px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }
  #dealsCarouselHeaderMobile .dealsCarouselMobileTitle {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
  }
  #dealsCarouselHeaderMobile h2 {
    margin: 0;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.1;
  }
  #dealsCarouselHeaderMobile p {
    margin: 0;
    font-size: 14px;
    color: var(--muted);
    line-height: 1.25;
  }
  #dealsCarouselCtaMobile {
    appearance: none;
    border: 0;
    background: var(--accent);
    color: #111;
    text-decoration: none !important;
    font-weight: 800;
    font-size: 13px;
    text-transform: uppercase;
    padding: 12px 14px;
    border-radius: 12px;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  @media (max-width: 768px) {
    #dealsCarouselHeaderMobile {
      display: flex;
    }
  }

  /* Layout */
  #dealsCarouselLayout {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 28px;
    padding: 0 var(--pad);
    align-items: center;
  }
  #dealsCarouselRail {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    min-height: 520px;
    padding-left: 20px;
    padding-top: 70px;
    text-align: left;
  }
  #dealsCarouselKicker,
  #dealsCarouselTitle {
    font-size: 44px;
    font-weight: 800;
    line-height: 1.05;
    word-break: keep-all;
    hyphens: none;
  }
  #dealsCarouselKicker {
    margin: 0 0 6px;
  }
  #dealsCarouselTitle {
    margin: 0 0 18px;
  }
  #dealsCarouselDesc {
    margin: 0 0 16px;
    font-size: 15px;
    line-height: 1.35;
    color: var(--muted);
    max-width: 240px;
  }
  #dealsCarouselCta,
  #dealsCarouselCtaMobile {
    appearance: none;
    border: 0;
    background: var(--accent);
    color: #111 !important;
    text-decoration: none !important;
    font-weight: 800;
    font-size: 13px;
    letter-spacing: 0.12em;
    text-transform: uppercase;

    padding: 10px 20px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    transition:
      transform 0.2s ease,
      box-shadow 0.2s ease,
      background 0.2s ease;
  }

  /* Optional: subtle “premium” hover */
  #dealsCarouselCta:hover,
  #dealsCarouselCtaMobile:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.18);
    background: #111;
    color: var(--accent) !important;
  }

  @media (max-width: 768px) {
    #dealsCarouselLayout {
      grid-template-columns: 1fr;
    }
    #dealsCarouselRail {
      display: none;
    }
  }

  /* Carousel */
  #dealsCarouselScrollerWrap {
    position: relative;
    min-width: 0;
  }
  #dealsCarouselScrollerWrap {
    position: relative;
    min-width: 0;
    padding: 0 calc(var(--arrowSize) / 2 + 16px);
  }
  #dealsCarouselTrack {
    margin: 0 calc(-1 * (var(--arrowSize) / 2 + 16px));
    padding: 0 calc(var(--arrowSize) / 2 + 16px);
  }

  /* Arrows: move them farther outward */
  .dealsCarouselArrow {
    top: 50%;
    transform: translateY(-50%);
  }
  .dealsCarouselArrow--left {
    left: 0;
    transform: translate(-140%, -50%);
  }
  .dealsCarouselArrow--right {
    right: 0;
    transform: translate(140%, -50%);
  }

  #dealsCarouselTrack {
    display: flex;
    gap: var(--gap);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  #dealsCarouselTrack::-webkit-scrollbar {
    display: none;
  }

  .dealsCarouselCard,
  .dealsCarouselCard:visited,
  .dealsCarouselCard:hover,
  .dealsCarouselCard:focus,
  .dealsCarouselCard:active {
    color: var(--text) !important;
    text-decoration: none !important;
    outline: none;
  }
  .dealsCarouselCard {
    width: 260px;
    flex: 0 0 auto;
    scroll-snap-align: start;
    display: block;
    border: 1px solid var(--cardOutline);
    border-radius: var(--radius);
    overflow: hidden;
    background: #fff;
    transition: transform 0.25s ease;
  }
  .dealsCarouselCard:hover {
    transform: translateY(-6px);
  }
  @media (max-width: 768px) {
    .dealsCarouselCard {
      width: 74vw;
      max-width: 320px;
    }
  }

  .dealsCarouselSavingsBadge {
    align-self: flex-start;
    margin: 2px 0 0;
    text-align: left;
    padding: 3px 8px;
    border-radius: 4px;
    background: #c00;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.01em;
  }

  /* Image */
  .dealsCarouselImg {
    position: relative;
    aspect-ratio: 1 / 1;
    background: var(--imgBg);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
  }

  .dealsCarouselImg img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    mix-blend-mode: multiply;
    opacity: 0.85;
    filter: grayscale(0.15) brightness(0.98) contrast(1.02);
  }

  @supports not (mix-blend-mode: multiply) {
    .dealsCarouselImg img {
      mix-blend-mode: normal;
      opacity: 1;
      filter: grayscale(0.2) brightness(0.99) contrast(1.02);
    }
  }

  /* --- Sticker Badge --- */
  .dealsCarouselStickerWrap {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 3;
  }

  .sticker.-stickerEmphasis {
    background: #cc0405;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    padding: 6px 10px;
    border-radius: 4px;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    white-space: nowrap;
  }

  /* Meta */
  .dealsCarouselMeta {
    padding: 10px 12px 14px;
    display: grid;
    gap: 6px;
    background: #fff;
  }
  .dealsCarouselName {
    font-size: 18px;
    font-weight: 650;
    line-height: 1.25;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.5em;
  }
  .dealsCarouselPriceWrap {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .dealsCarouselWasPrice {
    font-size: 13px;
    color: var(--muted);
    font-weight: 600;
  }
  .dealsCarouselNowPrice {
    font-size: 16px;
    font-weight: 800;
    color: #c00;
  }

  .dealsCarouselPriceWrap {
    display: grid;
    grid-template-rows: 16px 22px minmax(18px, auto);
    row-gap: 4px;
    align-items: start;
  }

  .dealsCarouselWasPrice,
  .dealsCarouselSavingsBadge {
    display: block !important;
    visibility: hidden;
    min-height: 16px;
  }

  .dealsCarouselSavingsBadge {
    justify-self: start;
    width: fit-content;
    max-width: 100%;
    padding: 4px 10px;
    border-radius: 6px;
    line-height: 1.2;
  }

  .dealsCarouselWasPrice.is-on,
  .dealsCarouselSavingsBadge.is-on {
    visibility: visible;
  }

  .dealsCarouselNowPrice {
    line-height: 22px;
  }

/* Arrows */
.dealsCarouselArrow {
  position: absolute;
  top: 50%;
  transform: translateY(-75%);
  width: var(--arrowSize);
  height: var(--arrowSize);
  background: var(--accent);
  border: none;
  border-radius: 50px;
  cursor: pointer;
  display: grid;
  place-items: center;
  box-shadow: 0 8px 18px rgba(0,0,0,.12);
  user-select: none;
  z-index: 2;
}

.dealsCarouselArrow svg {
  width: 22px;
  height: 22px;
}

.dealsCarouselArrow--right {
  right: -30px;
}

.dealsCarouselArrow--left {
  left: -23px;
}

.dealsCarouselArrow:disabled {
  opacity: .3;
  cursor: not-allowed;
}

@media(max-width:768px){
  .dealsCarouselArrow{
    display:none;
  }
}

  /* CTA hover */
  #dealsCarouselCta:hover {
    background: #111;
    color: var(--accent) !important;
  }

  @media (max-width: 768px) {
    #dealsCarousel {
      margin-top: 40px;
      margin-bottom: 10px;
    }
  }
</style>

<section id="dealsCarousel">
  <div id="dealsCarouselHeaderMobile">
    <div class="dealsCarouselMobileTitle">
      <h2>Deals You'll Only Find Here</h2>

      <p>
        Shop closeouts from top brands exclusive to Musician's Friend customers
      </p>
    </div>
    <a href="/closeout-deals" id="dealsCarouselCtaMobile">Shop All</a>
  </div>

  <div id="dealsCarouselLayout">
    <aside id="dealsCarouselRail">
      <div id="dealsCarouselKicker">Deals You'll Only Find Here</div>

      <p id="dealsCarouselDesc">
        Shop closeouts from top brands exclusive to Musician's Friend customers
      </p>
      <a href="/closeout-deals" id="dealsCarouselCta">Shop All</a>
    </aside>

    <div id="dealsCarouselScrollerWrap">
      <button
        aria-label="Previous"
        class="dealsCarouselArrow dealsCarouselArrow--left"
        disabled="disabled"
        id="dealsCarouselPrev"
      >
        <svg viewbox="0 0 24 24">
          <path
            d="M15 18l-6-6 6-6"
            fill="none"
            stroke="#111"
            stroke-width="2.5"
          ></path>
        </svg></button
      ><button
        aria-label="Next"
        class="dealsCarouselArrow dealsCarouselArrow--right"
        id="dealsCarouselNext"
      >
        <svg viewbox="0 0 24 24">
          <path
            d="M9 6l6 6-6 6"
            fill="none"
            stroke="#111"
            stroke-width="2.5"
          ></path>
        </svg>
      </button>

      <div id="dealsCarouselTrack">&nbsp;</div>
    </div>
  </div>
</section>

<script>
  (function () {
    var endpoint =
      "/cartridges/ajax/leftNavJSON.jsp?N=3058637&pageName=collection-page&page=1&recsPerPage=24&Ns=bM";
    var icid = "LP2085";
    var limit = 12;

    var track = document.getElementById("dealsCarouselTrack");
    var prev = document.getElementById("dealsCarouselPrev");
    var next = document.getElementById("dealsCarouselNext");

    function pick(obj, keys) {
      for (var i = 0; i < keys.length; i++) {
        var v = obj && obj[keys[i]];
        if (v != null && String(v).trim() !== "") return String(v).trim();
      }
      return "";
    }

    function moneyNum(s) {
      var str = String(s || "").replace(/,/g, "");
      var m = str.match(/[0-9]+(?:\.[0-9]{1,2})?/);
      if (!m) return 0;

      var n = parseFloat(m[0]);
      return isNaN(n) ? 0 : n;
    }

    function formatMoney(v) {
      var n = typeof v === "number" ? v : moneyNum(v);
      if (!n) return "";

      return (
        "$" +
        n.toLocaleString("en-US", {
          minimumFractionDigits: n % 1 ? 2 : 0,
          maximumFractionDigits: 2,
        })
      );
    }

    function formatSavings(wasNum, nowNum) {
      if (!wasNum || !nowNum || wasNum <= nowNum) return "";

      var saved = wasNum - nowNum;
      var pct = Math.round((saved / wasNum) * 100);

      return "Save " + formatMoney(saved) + " (" + pct + "%)";
    }

    function addIcid(el) {
      if (!el) return;
      try {
        var u = new URL(el.getAttribute("href"), location.href);
        u.searchParams.set("icid", icid);
        el.href = u.href;
      } catch (e) {}
    }

    addIcid(document.getElementById("dealsCarouselCta"));
    addIcid(document.getElementById("dealsCarouselCtaMobile"));

    function scrollByCard(dir) {
      var card = track.querySelector(".dealsCarouselCard");
      var step = card ? card.offsetWidth + 18 : track.clientWidth * 0.8;
      track.scrollBy({ left: dir * step, behavior: "smooth" });
    }

    prev.onclick = function () {
      scrollByCard(-1);
    };

    next.onclick = function () {
      scrollByCard(1);
    };

    function updateArrows() {
      prev.disabled = track.scrollLeft < 5;
      next.disabled =
        track.scrollLeft > track.scrollWidth - track.clientWidth - 5;
    }

    track.addEventListener("scroll", function () {
      requestAnimationFrame(updateArrows);
    });

    window.addEventListener("resize", function () {
      requestAnimationFrame(updateArrows);
    });

    fetch(endpoint, { credentials: "same-origin" })
      .then(function (r) {
        if (!r.ok) throw new Error("HTTP " + r.status);
        return r.json();
      })
      .then(function (data) {
        var products = (data.products || []).slice(0, limit);

        for (var x = 0; x < products.length; x++) {
          var p = products[x];
          if (!p.thumb || !p.path) continue;

          var a = document.createElement("a");
          a.className = "dealsCarouselCard";

          var u = new URL(p.path, location.href);
          u.searchParams.set("icid", icid);
          a.href = u.href;

          var imgWrap = document.createElement("div");
          imgWrap.className = "dealsCarouselImg";

          var stickerText = pick(p, [
            "sticker",
            "stickerText",
            "promoLabel",
            "promotionLabel",
            "badge",
            "priceDropLabel",
          ]);

          if (stickerText) {
            var stickerWrap = document.createElement("div");
            stickerWrap.className = "dealsCarouselStickerWrap";

            var sticker = document.createElement("div");
            sticker.className = "sticker -stickerEmphasis";
            sticker.textContent = stickerText;

            stickerWrap.appendChild(sticker);
            imgWrap.appendChild(stickerWrap);
          }

          var img = document.createElement("img");
          img.src = String(p.thumb || "");
          img.alt = p.name || "";
          img.loading = "lazy";
          imgWrap.appendChild(img);

          var meta = document.createElement("div");
          meta.className = "dealsCarouselMeta";

          var name = document.createElement("div");
          name.className = "dealsCarouselName";
          name.textContent = p.name || "";

          var priceWrap = document.createElement("div");
          priceWrap.className = "dealsCarouselPriceWrap";

          var was = document.createElement("div");
          was.className = "dealsCarouselWasPrice";

          var now = document.createElement("div");
          now.className = "dealsCarouselNowPrice";

          var savings = document.createElement("div");
          savings.className = "dealsCarouselSavingsBadge";

          priceWrap.appendChild(was);
          priceWrap.appendChild(now);
          priceWrap.appendChild(savings);

          var nowText = pick(p, [
            "salePrice",
            "sale_price",
            "finalPrice",
            "yourPrice",
            "price",
          ]);

          var wasText = pick(p, [
            "wasPrice",
            "regularPrice",
            "listPrice",
            "msrp",
          ]);

          var nowNum = moneyNum(nowText);
          var wasNum = moneyNum(wasText);

          now.textContent = formatMoney(nowNum);

          if (wasNum > nowNum) {
            was.textContent = "Was " + formatMoney(wasNum);
            was.classList.add("is-on");

            savings.textContent = formatSavings(wasNum, nowNum);
            savings.classList.add("is-on");
          }

          meta.appendChild(name);
          meta.appendChild(priceWrap);

          a.appendChild(imgWrap);
          a.appendChild(meta);
          track.appendChild(a);
        }

        requestAnimationFrame(updateArrows);
        setTimeout(updateArrows, 200);
      })
      .catch(function () {
        track.innerHTML =
          '<div style="padding:12px;color:#c00;font-size:14px;font-weight:700;">Carousel failed to load.</div>';
      });
  })();
</script>
<!-- Layout - Responsive Tag -->
<!-- Function - Html Content -->
<!-- Layout - Responsive Tag -->
<!-- Function - Html Content -->
<style type="text/css">
  :root {
    --mf-font: font-family: "Figtree", "Roboto", Arial, Helvetica, sans-serif;
    --mf-ease: cubic-bezier(0.22, 1, 0.36, 1);
    --fs-feature-headline: clamp(3rem, 6vw, 5.5rem);
  }

  .full-width-feature-sale-banner {
    text-align: center;
    padding: 64px 24px 48px;
    position: relative;
    background: var(--mf-bg);
    overflow: hidden;
  }

  /* Fog */
  .full-width-feature-sale-banner__ambient-fog {
    position: absolute;
    inset: 0;
    z-index: 5;
    pointer-events: none;
    background-image:
      radial-gradient(
        ellipse 600px 260px at 25% 45%,
        rgba(252, 183, 21, 0.15),
        transparent
      ),
      radial-gradient(
        ellipse 500px 200px at 78% 55%,
        rgba(198, 40, 40, 0.06),
        transparent
      ),
      radial-gradient(
        ellipse 700px 300px at 55% 65%,
        rgba(252, 183, 21, 0.1),
        transparent
      );
    background-size:
      200% 200%,
      200% 200%,
      200% 200%;
    animation: fullWidthFeatureFogDrift 18s ease infinite;
  }

  @keyframes fullWidthFeatureFogDrift {
    0% {
      background-position:
        0% 0%,
        100% 100%,
        50% 50%;
    }
    25% {
      background-position:
        50% 30%,
        60% 70%,
        20% 80%;
    }
    50% {
      background-position:
        100% 50%,
        0% 50%,
        80% 20%;
    }
    75% {
      background-position:
        60% 80%,
        40% 20%,
        30% 60%;
    }
    100% {
      background-position:
        0% 0%,
        100% 100%,
        50% 50%;
    }
  }

  /* Edge fades */
  .full-width-feature-sale-banner__edge-fade-left,
  .full-width-feature-sale-banner__edge-fade-right {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 140px;
    z-index: 6;
    pointer-events: none;
  }

  .full-width-feature-sale-banner__edge-fade-left {
    left: 0;
    background: linear-gradient(to right, var(--mf-bg), transparent);
  }

  .full-width-feature-sale-banner__edge-fade-right {
    right: 0;
    background: linear-gradient(to left, var(--mf-bg), transparent);
  }

  /* Title */
  .full-width-feature-sale-banner__headline {
    position: relative;
    z-index: 10;
    font-size: var(--fs-feature-headline);
    font-weight: 700;
    /* letter-spacing: -0.06em; */
    line-height: 0.96;
    color: var(--mf-text);
    margin: 0 auto;
    min-height: 1.05em;
    white-space: nowrap;
  }

  .full-width-feature-sale-banner__headline
    .full-width-feature-sale-banner__typewriter-cursor {
    display: inline-block;
    width: 3px;
    height: 0.82em;
    background: var(--mf-red);
    margin-left: 2px;
    vertical-align: baseline;
    position: relative;
    top: 0.05em;
    animation: fullWidthFeatureCursorBlink 0.58s steps(1) infinite;
    border-radius: 1px;
  }

  @keyframes fullWidthFeatureCursorBlink {
    0%,
    100% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
  }

  /* Sub */
  .full-width-feature-sale-banner__supporting-copy {
    position: relative;
    z-index: 10;
    font-size: 1.125rem;
    color: var(--mf-text-soft);
    margin: 18px auto 0;
    line-height: 1.6;
    max-width: 700px;
    opacity: 0;
    transform: translateY(12px);
    transition:
      opacity 0.7s ease 0.2s,
      transform 0.7s var(--mf-ease) 0.2s;
  }

  .full-width-feature-sale-banner__supporting-copy.is-visible {
    opacity: 1;
    transform: translateY(0);
  }

  /* CTA */
  .full-width-feature-sale-banner__primary-cta {
    display: block;
    position: relative;
    z-index: 10;
    margin: 28px auto 0;
    padding: 14px 32px;
    background: var(--mf-navy);
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    border-radius: 999px;
    border: none;
    cursor: pointer;
    box-shadow: var(--shadow-md);
    opacity: 0;
    transform: translateY(12px);
    transition:
      opacity 0.7s ease 0.35s,
      transform 0.7s var(--mf-ease) 0.35s,
      box-shadow 0.3s var(--mf-ease);
  }

  .full-width-feature-sale-banner__primary-cta.is-visible {
    opacity: 1;
    transform: translateY(0);
  }

  .full-width-feature-sale-banner__primary-cta:hover {
    transform: translateY(-2px) scale(1.01);
    box-shadow: var(--shadow-lg);
  }

  /* Products row */
  .full-width-feature-sale-banner__brand-product-row {
    display: flex;
    gap: 4px;
    justify-content: center;
    margin-top: 20px;
    padding-bottom: 0;
  }

  /* Product */
  .full-width-feature-sale-banner__brand-product-card {
    flex: 0 0 210px;
    background-color: var(--mf-bg);
  }

  .full-width-feature-sale-banner__brand-product-link {
    display: block;
    text-align: center;
    padding: 0 12px;
  }

  .full-width-feature-sale-banner__brand-logo-wrap {
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 6px;
    padding-top: 12px;
  }

  .full-width-feature-sale-banner__brand-logo-wrap img {
    max-height: 30px;
    width: auto;
    object-fit: contain;
    mix-blend-mode: multiply;
    opacity: 0.7;
  }

  .full-width-feature-sale-banner__brand-product-image {
    width: 100%;
    height: 400px;
    object-fit: cover;
    mix-blend-mode: multiply;
    transition: transform 0.6s var(--mf-ease);
  }

  .full-width-feature-sale-banner__brand-product-link:hover
    .full-width-feature-sale-banner__brand-product-image {
    transform: scale(1.06) rotate(-2deg);
  }

  /* Tablet */
  @media (max-width: 1024px) {
    .full-width-feature-sale-banner__brand-product-row {
      overflow-x: auto;
      overflow-y: hidden;
      justify-content: flex-start;
      padding: 0 24px;
      scrollbar-width: none;
      -webkit-overflow-scrolling: touch;
      overscroll-behavior-x: contain;
      overscroll-behavior-y: none;
      touch-action: pan-x;
    }

    .full-width-feature-sale-banner__brand-product-row::-webkit-scrollbar {
      display: none;
    }
  }

  /* Mobile */
  @media (max-width: 768px) {
    .full-width-feature-sale-banner {
      padding: 40px 16px 36px;
    }

    .full-width-feature-sale-banner__headline {
      font-size: clamp(2.8rem, 12vw, 3.4rem);
      white-space: normal;
      min-height: auto;
    }

    .full-width-feature-sale-banner__supporting-copy {
      font-size: 16px;
      opacity: 1;
      transform: none;
      transition: none;
    }

    .full-width-feature-sale-banner__primary-cta {
      opacity: 1;
      transform: none;
      transition:
        box-shadow 0.3s var(--mf-ease),
        transform 0.3s var(--mf-ease);
    }

    .full-width-feature-sale-banner__brand-product-row {
      gap: 0;
      padding: 0 16px 0 24px;
      overflow-x: auto;
      overflow-y: hidden;
      justify-content: flex-start;
      scrollbar-width: none;
      -webkit-overflow-scrolling: touch;
      overscroll-behavior-x: contain;
      overscroll-behavior-y: none;
      touch-action: pan-x;
    }

    .full-width-feature-sale-banner__brand-product-row::-webkit-scrollbar {
      display: none;
    }

    .full-width-feature-sale-banner__brand-product-card {
      flex: 0 0 185px;
    }

    .full-width-feature-sale-banner__brand-product-image {
      height: 280px;
      transition: transform 0.28s var(--mf-ease);
    }

    .full-width-feature-sale-banner__brand-product-link:hover
      .full-width-feature-sale-banner__brand-product-image {
      transform: scale(1.02);
    }

    .full-width-feature-sale-banner__ambient-fog {
      animation: none;
      opacity: 0.45;
    }

    .full-width-feature-sale-banner__edge-fade-left,
    .full-width-feature-sale-banner__edge-fade-right {
      display: none;
    }

    .full-width-feature-sale-banner__headline
      .full-width-feature-sale-banner__typewriter-cursor {
      display: none;
    }
  }

  /* Reduced motion */
  @media (prefers-reduced-motion: reduce) {
    .full-width-feature-sale-banner__ambient-fog {
      animation: none !important;
    }

    .full-width-feature-sale-banner__headline
      .full-width-feature-sale-banner__typewriter-cursor {
      animation: none !important;
      opacity: 1 !important;
    }

    .full-width-feature-sale-banner__supporting-copy,
    .full-width-feature-sale-banner__primary-cta,
    .full-width-feature-sale-banner__brand-product-image {
      transition: none !important;
    }

    .full-width-feature-sale-banner__primary-cta:hover,
    .full-width-feature-sale-banner__brand-product-link:hover
      .full-width-feature-sale-banner__brand-product-image {
      transform: none !important;
    }
  }
</style>
<section class="full-width-feature-sale-banner">
  <div class="full-width-feature-sale-banner__ambient-fog">&nbsp;</div>

  <div class="full-width-feature-sale-banner__edge-fade-left">&nbsp;</div>

  <div class="full-width-feature-sale-banner__edge-fade-right">&nbsp;</div>

  <h2
    class="full-width-feature-sale-banner__headline"
    id="fullWidthFeatureSaleBannerHeadline"
  >
    Big names. Serious savings.
  </h2>

  <p
    class="full-width-feature-sale-banner__supporting-copy"
    id="fullWidthFeatureSaleBannerSupportingCopy"
  >
    Find all the top brands you already love, at prices that simply can't be beat
  </p>

  <div class="full-width-feature-sale-banner__brand-product-row">
    <div class="full-width-feature-sale-banner__brand-product-card">
      <a
        aria-label="Shop Gibson deals"
        class="full-width-feature-sale-banner__brand-product-link"
        href="/gibson-deals"
      >
        <div class="full-width-feature-sale-banner__brand-logo-wrap">
          <img
            alt="Gibson"
            src="/derivates/988_LO_Gibson_2025_1_2025-01-13_144247.jpg"
          />
        </div>
        <img
          alt="Gibson"
          class="full-width-feature-sale-banner__brand-product-image"
          loading="lazy"
          src="//media.musiciansfriend.com/is/image/MMGS7/M08932000005000-02-900x900.jpg"
        />
      </a>
    </div>

    <div class="full-width-feature-sale-banner__brand-product-card">
      <a
        aria-label="Shop Epiphone deals"
        class="full-width-feature-sale-banner__brand-product-link"
        href="/epiphone-deals"
      >
        <div class="full-width-feature-sale-banner__brand-logo-wrap">
          <img
            alt="Epiphone"
            src="/derivates/990_LO_Epiphone_2025_1_2025-01-14_152648.jpg"
          />
        </div>
        <img
          alt="Fender"
          class="full-width-feature-sale-banner__brand-product-image"
          loading="lazy"
          src="//media.musiciansfriend.com/is/image/MMGS7/M04099000001000-02-900x900.jpg"
        />
      </a>
    </div>

    <div class="full-width-feature-sale-banner__brand-product-card">
      <a
        aria-label="Shop PRS deals"
        class="full-width-feature-sale-banner__brand-product-link"
        href="/prs-deals"
      >
        <div class="full-width-feature-sale-banner__brand-logo-wrap">
          <img
            alt="PRS"
            src="/derivates/20/002/479/DV030_Jpg_BrandLogo_2167_prs.jpg"
          />
        </div>
        <img
          alt="PRS"
          class="full-width-feature-sale-banner__brand-product-image"
          loading="lazy"
          src="//media.musiciansfriend.com/is/image/MMGS7/M19477000003000-02-900x900.jpg"
        />
      </a>
    </div>

    <div class="full-width-feature-sale-banner__brand-product-card">
      <a
        aria-label="Shop Ibanez deals"
        class="full-width-feature-sale-banner__brand-product-link"
        href="/ibanez-deals"
      >
        <div class="full-width-feature-sale-banner__brand-logo-wrap">
          <img
            alt="Ibanez"
            src="/derivates/20/002/56/DV030_Jpg_BrandLogo_1105_ibanez.jpg"
          />
        </div>
        <img
          alt="Ibanez"
          class="full-width-feature-sale-banner__brand-product-image"
          loading="lazy"
          src="//media.musiciansfriend.com/is/image/MMGS7/J48365000001000-02-900x900.jpg"
        />
      </a>
    </div>

    <div class="full-width-feature-sale-banner__brand-product-card">
      <a
        aria-label="Shop Fender deals"
        class="full-width-feature-sale-banner__brand-product-link"
        href="/fender-deals"
      >
        <div class="full-width-feature-sale-banner__brand-logo-wrap">
          <img
            alt="takamine"
            src="/derivates/20/002/160/9/DV030_Jpg_BrandLogo_984_fender.jpg"
          />
        </div>
        <img
          alt="takamine"
          class="full-width-feature-sale-banner__brand-product-image"
          loading="lazy"
          src="//media.musiciansfriend.com/is/image/MMGS7/M12941000001000-02-900x900.jpg"
        />
      </a>
    </div>
  </div>
  <a href="/big-names-serious-savings"
    ><button
      class="full-width-feature-sale-banner__primary-cta"
      id="fullWidthFeatureSaleBannerPrimaryCta"
    >
      Shop All Deals
    </button></a
  >
</section>
<script>
  (function () {
    "use strict";

    var isMobile = window.matchMedia("(max-width: 768px)").matches;
    var headlineEl = document.getElementById(
      "fullWidthFeatureSaleBannerHeadline",
    );
    var supportingCopyEl = document.getElementById(
      "fullWidthFeatureSaleBannerSupportingCopy",
    );
    var primaryCtaEl = document.getElementById(
      "fullWidthFeatureSaleBannerPrimaryCta",
    );

    if (!headlineEl) return;

    if (isMobile) {
      headlineEl.textContent = "Big names. Serious savings.";
      if (supportingCopyEl) supportingCopyEl.classList.add("is-visible");
      if (primaryCtaEl) primaryCtaEl.classList.add("is-visible");
      return;
    }

    var phrases = [
      "Big names. Better deals.",
      "Big names. Not-so-big prices.",
      "Big names. Serious savings.",
    ];

    var typeSpeed = 52;
    var deleteSpeed = 32;
    var pauseAfterType = 1800;
    var pauseAfterDelete = 400;
    var phraseIndex = 0;

    var staticText = "Big names. ";
    var dynamicParts = phrases.map(function (phrase) {
      return phrase.replace(staticText, "");
    });

    var staticSpan = document.createElement("span");
    staticSpan.textContent = staticText;
    staticSpan.style.opacity = "0";

    var dynamicSpan = document.createElement("span");
    dynamicSpan.textContent = "";

    var cursor = document.createElement("span");
    cursor.className = "full-width-feature-sale-banner__typewriter-cursor";

    headlineEl.textContent = "";
    headlineEl.appendChild(staticSpan);
    headlineEl.appendChild(dynamicSpan);
    headlineEl.appendChild(cursor);

    var charIndex = 0;
    var isDeleting = false;
    var started = false;

    function typeStep() {
      var currentDynamic = dynamicParts[phraseIndex];
      var isFinalPhrase = phraseIndex === dynamicParts.length - 1;

      if (!isDeleting) {
        charIndex++;
        dynamicSpan.textContent = currentDynamic.substring(0, charIndex);

        if (charIndex >= currentDynamic.length) {
          if (isFinalPhrase) {
            cursor.style.display = "none";
            return;
          }

          isDeleting = true;
          setTimeout(typeStep, pauseAfterType);
          return;
        }

        setTimeout(typeStep, typeSpeed);
      } else {
        charIndex--;
        dynamicSpan.textContent = currentDynamic.substring(0, charIndex);

        if (charIndex <= 0) {
          isDeleting = false;
          phraseIndex++;
          setTimeout(typeStep, pauseAfterDelete);
          return;
        }

        setTimeout(typeStep, deleteSpeed);
      }
    }

    function startTypewriter() {
      if (started) return;
      started = true;

      staticSpan.style.transition = "opacity .5s ease";
      staticSpan.style.opacity = "1";

      setTimeout(function () {
        typeStep();
        if (supportingCopyEl) supportingCopyEl.classList.add("is-visible");
        if (primaryCtaEl) primaryCtaEl.classList.add("is-visible");
      }, 500);
    }

    if ("IntersectionObserver" in window) {
      var observer = new IntersectionObserver(
        function (entries) {
          entries.forEach(function (entry) {
            if (entry.isIntersecting) {
              startTypewriter();
              observer.disconnect();
            }
          });
        },
        { threshold: 0.3 },
      );

      observer.observe(headlineEl);
    } else {
      startTypewriter();
    }
  })();
</script>
<!-- Layout - Responsive Tag -->
<!-- Layout - Responsive Tag -->
<!-- Function - Html Content -->
<!DOCTYPE html>
<!-- =====================================================
  SHOP BY CATEGORY (CLEANED / EDITOR-FRIENDLY VERSION)
  Authoring order per tile:
  1) Link
  2) Category name
  3) Savings
  4) Microcopy
  5) Image
  6) CTA
===================================================== -->

<link href="https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700;800;900&display=swap" rel="stylesheet" />

<style type="text/css">
  :root{
    --brand-red:#c8102e;
    --gray-600:#555;
    --gray-900:#111;
    --radius-soft:18px;
    --shadow-sm:0 1px 2px rgba(0,0,0,0.08);
  }

#featured-categories,
#featured-categories *{
  box-sizing:border-box;
  font-family:"Figtree","Helvetica Neue",system-ui,sans-serif;
}

#featured-categories h2{
  font-family:"Figtree","Helvetica Neue",system-ui,sans-serif;
  font-weight:900;
  letter-spacing:-0.02em;
  line-height:1.15;
}

#featured-categories h3{
  font-family:"Figtree","Helvetica Neue",system-ui,sans-serif;
  font-weight:800;
  letter-spacing:-0.02em;
}

  #featured-categories.category-block{
    max-width:1500px;
    margin:2rem auto;
    padding:0 16px 2rem;
    text-align:center;
  }

  #featured-categories.category-block h2{
    font-size:clamp(18px, 5vw, 28px);
    margin:0 0 1rem;
    color:var(--gray-900);
  }

  #featured-categories .category-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(170px, 1fr));
    gap:18px;
    max-width:1500px;
    margin:0 auto;
    justify-content:center;
  }

  @media (max-width:1300px){
    #featured-categories .category-grid{
      grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));
      max-width:1300px;
    }
  }

  @media (max-width:1000px){
    #featured-categories .category-grid{
      grid-template-columns:repeat(auto-fit, minmax(135px, 1fr));
    }
  }

  @media (max-width:480px){
    #featured-categories .category-grid{
      grid-template-columns:repeat(2, 1fr);
      gap:14px;
    }
  }

  #featured-categories .category-tile{
    background:#eeeeee;
    padding:1.2rem 0.9rem 1.6rem;
    border-radius:16px;
    box-shadow:var(--shadow-sm);
    transition:0.15s ease;
    position:relative;
    text-decoration:none;
    color:var(--gray-900);
    z-index:0;
    text-align:center;
    display:flex;
    flex-direction:column;
  }

  #featured-categories .category-tile:hover{
    transform:translateY(-3px);
    z-index:100;
  }

  /* Visual order only — keeps authoring order cleaner */
  #featured-categories .category-img-wrap{ order:1; }
  #featured-categories .category-tile h3{ order:2; }
  #featured-categories .category-savings{ order:3; }
  #featured-categories .category-micro{ order:4; }
  #featured-categories .category-viewall{ order:5; }

  #featured-categories .category-img-wrap{
    width:100%;
    height:130px;
    background:transparent;
    border-radius:var(--radius-soft);
    display:flex;
    justify-content:center;
    align-items:center;
    overflow:hidden;
    margin-bottom:0.8rem;
    position:relative;
  }

  #featured-categories .category-img-wrap img{
    width:100%;
    height:100%;
    object-fit:contain;
    opacity:0.95;
    mix-blend-mode:multiply;
    transition:transform 0.2s ease, opacity 0.2s ease;
  }

  #featured-categories .category-tile:hover .category-img-wrap img{
    transform:scale(1.05);
    opacity:1;
  }

  #featured-categories .category-tile h3{
    font-size:1rem;
    margin:0.5rem 0 0.3rem;
    color:var(--gray-900);
  }

  #featured-categories .category-savings{
    font-size:0.92rem;
    color:var(--brand-red);
    margin-bottom:4px;
    font-family:"Figtree","Helvetica Neue",system-ui,sans-serif;
    font-weight:800;
  }

  #featured-categories .category-micro{
    font-size:0.75rem;
    color:var(--gray-600);
    margin-bottom:0.7rem;
  }

  #featured-categories .category-viewall{
    font-size:0.82rem;
    text-decoration:underline;
    display:inline-block;
    font-family:"Figtree","Helvetica Neue",system-ui,sans-serif;
    font-weight:800;
  }

  @media (max-width:900px){
    #featured-categories .category-micro{
      display:none;
    }
  }

  @media (max-width:480px){
    #featured-categories .category-img-wrap{
      height:100px;
    }

    #featured-categories .category-img-wrap img{
      width:100%;
      height:100%;
    }
  }

  /* Hover overlay */
  #featured-categories .category-hover-img{
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:2;
    opacity:0;
    transition:opacity .18s ease;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    mix-blend-mode:multiply;
  }

  #featured-categories .category-tile.is-hovering .category-img-wrap img{
    opacity:0 !important;
    transform:none !important;
  }

  #featured-categories .category-tile.is-hovering .category-hover-img{
    opacity:1;
  }

  /* Bottom CTA */
  #featured-categories .shopall-wrap{
    display:flex;
    justify-content:center;
    margin-top:18px;
  }

  #featured-categories .shopall-cta{
    margin-top:auto;
    padding:.75rem 1.3rem;
    background:#111;
    color:#fff;
    border-radius:999px;
    font-weight:500;
    width:fit-content;
    white-space:nowrap;
    text-decoration:none;
  }
</style>

<section class="category-block" id="featured-categories">
  <h2>Deals By Category</h2>

  <div class="category-grid">

    <a class="category-tile" href="/electric-guitar-deals">
      <h3>Electric Guitars</h3>
      <div class="category-savings">Up to $1,000 Off</div>
      <div class="category-micro">Deals from Kramer, PRS, Epiphone, &amp; more</div>
      <div class="category-img-wrap">
        <img alt="Electric guitars" src="//media.musiciansfriend.com/is/image/MMGS7/M08007000002000-00-500x500.jpg" />
      </div>
      <span class="category-viewall">Shop All &rarr;</span>
    </a>

    <a class="category-tile" href="/acoustic-guitar-deals">
      <h3>Acoustic Guitars</h3>
      <div class="category-savings">Up to $3,500 Off</div>
      <div class="category-micro">Deals from Takamine, Gibson, Taylor, &amp; more</div>
      <div class="category-img-wrap">
        <img alt="Acoustic guitars" src="//media.musiciansfriend.com/is/image/MMGS7/L99954000001000-00-500x500.jpg" />
      </div>
      <span class="category-viewall">Shop All &rarr;</span>
    </a>

    <a class="category-tile" href="/bass-deals">
      <h3>Basses</h3>
      <div class="category-savings">Up to $2,000 Off</div>
      <div class="category-micro">Deals from Epiphone, Sterling by Music Man, &amp; more</div>
      <div class="category-img-wrap">
        <img alt="Bass guitars" src="//media.musiciansfriend.com/is/image/MMGS7/L85324000001000-00-500x500.jpg" />
      </div>
      <span class="category-viewall">Shop All &rarr;</span>
    </a>

    <a class="category-tile" href="/amplifier-deals">
      <h3>Amplifiers</h3>
      <div class="category-savings">Up to 40% Off</div>
      <div class="category-micro">Deals from MESA/Boogie, BOSS, &amp; more</div>
      <div class="category-img-wrap">
        <img alt="Guitar amplifiers" src="//media.musiciansfriend.com/is/image/MMGS7/L84202000001000-00-500x500.jpg" />
      </div>
      <span class="category-viewall">Shop All &rarr;</span>
    </a>

    <a class="category-tile" href="/effects-deals">
      <h3>Effects</h3>
      <div class="category-savings">Up to 40% Off</div>
      <div class="category-micro">Deals from Line 6, Fender, Keeley, &amp; more</div>
      <div class="category-img-wrap">
        <img alt="Effects pedals" src="//media.musiciansfriend.com/is/image/MMGS7/M13964000001000-00-500x500.jpg" />
      </div>
      <span class="category-viewall">Shop All &rarr;</span>
    </a>

    <a class="category-tile" href="/microphone-deals">
      <h3>Microphones</h3>
      <div class="category-savings">Up to 50% Off</div>
      <div class="category-micro">Deals from Shure, Royer, Warm Audio, &amp; more</div>
      <div class="category-img-wrap">
        <img alt="Microphones" src="//media.musiciansfriend.com/is/image/MMGS7/J42782000003000-00-500x500.jpg" />
      </div>
      <span class="category-viewall">Shop All &rarr;</span>
    </a>

    <a class="category-tile" href="/live-sound-deals">
      <h3>Live Sound</h3>
      <div class="category-savings">Up to $2,000 Off</div>
      <div class="category-micro">Deals from Harbinger, Electro-Voice, &amp; more</div>
      <div class="category-img-wrap">
        <img alt="Live sound" src="//media.musiciansfriend.com/is/image/MMGS7/M00248000000000-00-500x500.jpg" />
      </div>
      <span class="category-viewall">Shop All &rarr;</span>
    </a>

    <a class="category-tile" href="/keyboard-midi-deals">
      <h3>Keyboards &amp; MIDI</h3>
      <div class="category-savings">Up to 40% Off</div>
      <div class="category-micro">Deals from Yamaha, Nord, KORG, &amp; more</div>
      <div class="category-img-wrap">
        <img alt="Keyboards and MIDI" src="//media.musiciansfriend.com/is/image/MMGS7/L25753000000001-00-500x500.jpg" />
      </div>
      <span class="category-viewall">Shop All &rarr;</span>
    </a>

    <a class="category-tile" href="/drum-percussion-deals">
      <h3>Drums &amp; Percussion</h3>
      <div class="category-savings">Up to 35% Off</div>
      <div class="category-micro">Deals from DW, Ludwig, &amp; more</div>
      <div class="category-img-wrap">
        <img alt="Drums and percussion" src="//media.musiciansfriend.com/is/image/MMGS7/M18985000000000-00-500x500.jpg" />
      </div>
      <span class="category-viewall">Shop All &rarr;</span>
    </a>

    <a class="category-tile" href="/recording-deals">
      <h3>Recording</h3>
      <div class="category-savings">Up to 80% Off</div>
      <div class="category-micro">Deals from Universal Audio, Yamaha &amp; more</div>
      <div class="category-img-wrap">
        <img alt="Recording" src="//media.musiciansfriend.com/is/image/MMGS7/L47637000000000-00-500x500.jpg" />
      </div>
      <span class="category-viewall">Shop All &rarr;</span>
    </a>

    <a class="category-tile" href="/headphones-deals">
      <h3>Headphones</h3>
      <div class="category-savings">Up to $300 Off</div>
      <div class="category-micro">Deals from Shure, AKG, &amp; more</div>
      <div class="category-img-wrap">
        <img alt="Headphones" src="//media.musiciansfriend.com/is/image/MMGS7/J44110000000000-00-500x500.jpg" />
      </div>
      <span class="category-viewall">Shop All &rarr;</span>
    </a>

    <a class="category-tile" href="/accessories-deals">
      <h3>Accessories</h3>
      <div class="category-savings">Up to 40% Off</div>
      <div class="category-micro">Deals from Gator, Road Runner, &amp; more</div>
      <div class="category-img-wrap">
        <img alt="Accessories" src="//media.musiciansfriend.com/is/image/MMGS7/101771000000000-00-500x500.jpg" />
      </div>
      <span class="category-viewall">Shop All &rarr;</span>
    </a>

    <a class="category-tile" href="/lighting-and-fog-deals">
      <h3>Lighting &amp; Fog</h3>
      <div class="category-savings">Up to 60% Off</div>
      <div class="category-micro">Deals from Venue, Chauvet DJ, &amp; more</div>
      <div class="category-img-wrap">
        <img alt="Lighting and fog" src="//media.musiciansfriend.com/is/image/MMGS7/L94046000000000-00-500x500.jpg" />
      </div>
      <span class="category-viewall">Shop All &rarr;</span>
    </a>

    <a class="category-tile" href="/dj-gear-deals">
      <h3>DJ</h3>
      <div class="category-savings">Up to 40% Off</div>
      <div class="category-micro">Deals from Denon DJ, Technics, &amp; more</div>
      <div class="category-img-wrap">
        <img alt="DJ gear" src="//media.musiciansfriend.com/is/image/MMGS7/L81687000000000-00-500x500.jpg" />
      </div>
      <span class="category-viewall">Shop All &rarr;</span>
    </a>

  </div>

  <!-- Bottom centered CTA -->
  <!--
  <div class="shopall-wrap">
    <a href="/deals" class="shopall-cta">Shop All Deals</a>
  </div>
  -->
</section><!-- Layout - Responsive Tag -->
<!-- Function - Html Content -->
<section
  class="banner-wrap"
  style="margin: 20px auto"
  region_id="promo-banner"
>
  <a href="/july-4-giveaway" aria-label="4th of July Sweepstakes. Enter for a chance to win the ultimate American-made PRS package. Enter now through 7/5/26.">
    <picture>
      <source
        srcset="static/mf/2026/homepage/fourth-of-july/6-15-26-july-4th-sweeps-giveaway-1500x200-banner.jpg"
        class="desktop"
        media="(min-width:1024px)"
      />
      <img
        srcset="/static/mf/2026/homepage/fourth-of-july/6-15-26-july-4th-sweeps-app-828x598-app-hero.jpg"
          
        class="mobile"
        alt="4th of July Sweepstakes. Enter for a chance to win the ultimate American-made PRS package. Enter now through 7/5/26."
      />
    </picture>
  </a>
</section>
<!-- Layout - Responsive Tag -->
<!-- Layout - Responsive Tag -->
<!-- Function - Html Content -->
<!-- Layout - Responsive Tag -->
<!-- Function - Html Content -->
<style>
  /* =========================================================
     USED PRICE DROPS — SELF-CONTAINED
     Everything is scoped under #ug3Module
     ========================================================= */

  #ug3Module {
    --pad: 16px;
    --gap: 18px;
    --radius: 14px;
    --text: #2d2d2d;
    --muted: rgba(45, 45, 45, 0.6);
    --arrowSize: 52px;
    --accent: #ffb703;
    --cardOutline: rgba(0, 0, 0, 0.08);
    --imgBg: #e8e8e8;

    max-width: 1500px;
    margin: 60px auto 0px;
    padding: 0;
    background: #fff;
    color: var(--text);
    font-family: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  }

  /* Force Figtree inside module */
  #ug3Module,
  #ug3Module * {
    font-family: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  }

  #ug3Module *,
  #ug3Module *::before,
  #ug3Module *::after {
    box-sizing: border-box;
  }

  #ug3Module a {
    color: inherit;
    text-decoration: none;
  }

  #ug3HeaderMobile {
    display: none;
    padding: 0 var(--pad) 14px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }

  #ug3HeaderMobile .ug3MobileTitle {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
  }

  #ug3HeaderMobile h2 {
    margin: 0;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.1;
  }

  #ug3HeaderMobile p {
    margin: 0;
    font-size: 14px;
    color: var(--muted);
    line-height: 1.25;
  }

  #ug3Layout {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 28px;
    padding: 0 var(--pad);
    align-items: start;
  }

  #ug3Rail {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    min-height: 0px;
    padding-left: 20px;
    padding-top: 60px;
    text-align: left;
  }

  #ug3Kicker,
  #ug3Title {
    font-size: 44px;
    font-weight: 800;
    line-height: 1.05;
    word-break: keep-all;
    hyphens: none;
  }

  #ug3Kicker {
    margin: 0 0 6px;
  }

  #ug3Title {
    margin: 0 0 18px;
  }

  #ug3Desc {
    margin: 0 0 16px;
    font-size: 15px;
    line-height: 1.35;
    color: var(--muted);
    max-width: 240px;
  }

  #ug3Cta,
  #ug3CtaMobile {
    appearance: none;
    border: 0;
    background: var(--accent);
    color: #111 !important;
    text-decoration: none !important;
    font-weight: 800;
    font-size: 13px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding: 10px 20px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition:
      transform 0.2s ease,
      box-shadow 0.2s ease,
      background 0.2s ease;
  }

  #ug3CtaMobile {
    padding: 12px 14px;
    border-radius: 12px;
    white-space: nowrap;
    flex-shrink: 0;
  }

  #ug3Cta:hover,
  #ug3CtaMobile:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.18);
    background: #111;
    color: var(--accent) !important;
  }

  #ug3ScrollerWrap {
    position: relative;
    min-width: 0;
    padding: 0;
  }

  #ug3Track {
    display: flex;
    gap: var(--gap);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    margin: 0;
    padding: 0;
  }

  #ug3Track::-webkit-scrollbar {
    display: none;
  }

  #ug3Module .ug3Card,
  #ug3Module .ug3Card:visited,
  #ug3Module .ug3Card:hover,
  #ug3Module .ug3Card:focus,
  #ug3Module .ug3Card:active {
    color: var(--text) !important;
    text-decoration: none !important;
    outline: none;
  }

  #ug3Module .ug3Card {
    width: 260px;
    flex: 0 0 auto;
    scroll-snap-align: start;
    display: block;
    border: 1px solid var(--cardOutline);
    border-radius: var(--radius);
    overflow: hidden;
    background: #fff;
    transition: transform 0.25s ease;
  }

  #ug3Module .ug3Card:hover {
    transform: translateY(-6px);
  }

  #ug3Module .ug3Img {
    aspect-ratio: 1 / 1;
    background: var(--imgBg);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
  }

  #ug3Module .ug3Img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    mix-blend-mode: multiply;
    opacity: 0.85;
    filter: grayscale(0.15) brightness(0.98) contrast(1.02);
  }

  @supports not (mix-blend-mode: multiply) {
    #ug3Module .ug3Img img {
      mix-blend-mode: normal;
      opacity: 1;
      filter: grayscale(0.2) brightness(0.99) contrast(1.02);
    }
  }

  #ug3Module .ug3Meta {
    padding: 10px 12px;
    display: grid;
    gap: 6px;
    background: #fff;
    text-align: left;
    justify-items: start;
  }

  #ug3Module .ug3Name {
    font-size: 18px;
    font-weight: 650;
    line-height: 1.25;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  #ug3Module .ug3Name,
  #ug3Module .ug3PriceWrap,
  #ug3Module .ug3WasPrice,
  #ug3Module .ug3NowPrice,
  #ug3Module .ug3SavingsBadge {
    text-align: left;
    width: 100%;
  }

  #ug3Module .ug3PriceWrap {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-start;
  }

  #ug3Module .ug3WasPrice {
    font-size: 13px;
    color: var(--muted);
    font-weight: 600;
  }

  #ug3Module .ug3NowPrice {
    font-size: 16px;
    font-weight: 800;
    color: #c00;
  }

  #ug3Module .ug3SavingsBadge {
    align-self: flex-start;
    justify-self: start;
    width: fit-content;
    max-width: 100%;
    margin: 2px 0 0;
    text-align: left;
    padding: 3px 8px;
    border-radius: 4px;
    background: #c00;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.01em;
  }

  #ug3Module .ug3Arrow {
    position: absolute;
    top: 50%;
    width: var(--arrowSize);
    height: var(--arrowSize);
    background: var(--accent);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: grid;
    place-items: center;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12);
    user-select: none;
    z-index: 5;
  }

  #ug3Module .ug3Arrow--left {
    left: 0;
    transform: translate(-50%, -50%);
  }

  #ug3Module .ug3Arrow--right {
    right: 0;
    transform: translate(50%, -50%);
  }

  #ug3Module .ug3Arrow svg {
    width: 22px;
    height: 22px;
  }

  #ug3Module .ug3Arrow:disabled {
    opacity: 0.3;
    cursor: not-allowed;
  }

  @media (max-width: 768px) {
    #ug3Module {
      margin-top: 18px;
      margin-bottom: 18px;
    }

    #ug3HeaderMobile {
      display: flex;
      text-align: left !important;
      align-items: flex-start !important;
      justify-content: space-between;
    }

    #ug3HeaderMobile .ug3MobileTitle,
    #ug3HeaderMobile h2,
    #ug3HeaderMobile p {
      text-align: left !important;
      align-items: flex-start !important;
    }

    #ug3Layout {
      grid-template-columns: 1fr;
    }

    #ug3Rail {
      display: none;
    }

    #ug3Module .ug3Card {
      width: 74vw;
      max-width: 320px;
    }

    #ug3Module .ug3Arrow {
      display: none;
    }
  }
</style>

<section id="ug3Module">
  <div id="ug3HeaderMobile">
    <div class="ug3MobileTitle">
      <h2>Up To 40% Off Used Price Drops</h2>
      <p>Plus an additional 10% on select items</p>
    </div>

    <a href="/used-sale" id="ug3CtaMobile">Shop All</a>
  </div>

  <div id="ug3Layout">
    <aside id="ug3Rail">
      <div id="ug3Kicker">Up To 40% Off Used Price Drops</div>

      <p id="ug3Desc">
       Plus an additional 10% on select items
      </p>

      <a href="/used-sale" id="ug3Cta">
        Shop All
      </a>
    </aside>

    <div id="ug3ScrollerWrap">
      <button
        aria-label="Previous"
        class="ug3Arrow ug3Arrow--left"
        disabled="disabled"
        id="ug3Prev"
      >
        <svg viewBox="0 0 24 24">
          <path
            d="M15 18l-6-6 6-6"
            fill="none"
            stroke="#111"
            stroke-width="2.5"
          ></path>
        </svg>
      </button>

      <button
        aria-label="Next"
        class="ug3Arrow ug3Arrow--right"
        id="ug3Next"
      >
        <svg viewBox="0 0 24 24">
          <path
            d="M9 6l6 6-6 6"
            fill="none"
            stroke="#111"
            stroke-width="2.5"
          ></path>
        </svg>
      </button>

      <div id="ug3Track">&nbsp;</div>
    </div>
  </div>
</section>

<script>
  (function () {
    var endpoint =
      "/cartridges/ajax/leftNavJSON.jsp?N=3056986&pageName=collection-page&Nao=0&recsPerPage=24&Ns=r";
    var icid = "LP2085";
    var limit = 12;

    var track = document.getElementById("ug3Track");
    var prev = document.getElementById("ug3Prev");
    var next = document.getElementById("ug3Next");

    function addIcid(el) {
      if (!el) return;

      try {
        var u = new URL(el.getAttribute("href"), location.href);
        u.searchParams.set("icid", icid);
        el.href = u.href;
      } catch (e) {}
    }

    addIcid(document.getElementById("ug3Cta"));
    addIcid(document.getElementById("ug3CtaMobile"));

    function scrollByCard(dir) {
      var card = track.querySelector(".ug3Card");
      var step = card ? card.offsetWidth + 18 : track.clientWidth * 0.8;

      track.scrollBy({
        left: dir * step,
        behavior: "smooth",
      });
    }

    prev.onclick = function () {
      scrollByCard(-1);
    };

    next.onclick = function () {
      scrollByCard(1);
    };

    function updateArrows() {
      prev.disabled = track.scrollLeft < 5;

      next.disabled =
        track.scrollLeft > track.scrollWidth - track.clientWidth - 5;
    }

    track.addEventListener("scroll", function () {
      requestAnimationFrame(updateArrows);
    });

    window.addEventListener("resize", function () {
      requestAnimationFrame(updateArrows);
    });

    var priceMetaCache = new Map();

    function fetchPriceMetaFromPdp(url) {
      if (priceMetaCache.has(url)) {
        return priceMetaCache.get(url);
      }

      var prom = fetch(url, {
        credentials: "same-origin",
      })
        .then(function (r) {
          return r.text();
        })
        .then(function (html) {
          var doc = document.implementation.createHTMLDocument("");

          doc.documentElement.innerHTML = html;

          var wasEl = doc.querySelector(".price-display_markup .-list-price");

          var savEl = doc.querySelector(
            ".price-display_markup .-savings-amount"
          );

          var was = wasEl
            ? (wasEl.textContent || "").replace(/\s+/g, " ").trim()
            : "";

          var savings = savEl
            ? (savEl.textContent || "").replace(/\s+/g, " ").trim()
            : "";

          was = was.replace(/^list\s*price[:\s]*/i, "").trim();

          if (savings && !/^save\b/i.test(savings)) {
            savings = "Save " + savings;
          }

          return {
            was: was,
            savings: savings,
          };
        })
        .catch(function () {
          return {
            was: "",
            savings: "",
          };
        });

      priceMetaCache.set(url, prom);

      return prom;
    }

    fetch(endpoint, {
      credentials: "same-origin",
    })
      .then(function (r) {
        if (!r.ok) {
          throw new Error("HTTP " + r.status);
        }

        return r.json();
      })
      .then(function (data) {
        var products = (data.products || []).slice(0, limit);

        for (var x = 0; x < products.length; x++) {
          var p = products[x];

          if (!p.thumb || !p.path) {
            continue;
          }

          var a = document.createElement("a");
          a.className = "ug3Card";

          var u = new URL(p.path, location.href);

          u.searchParams.set("icid", icid);

          a.href = u.href;

          var imgWrap = document.createElement("div");
          imgWrap.className = "ug3Img";

          var img = document.createElement("img");

          img.src = String(p.thumb || "");
          img.alt = p.name || "";
          img.loading = "lazy";

          imgWrap.appendChild(img);

          var meta = document.createElement("div");
          meta.className = "ug3Meta";

          var name = document.createElement("div");
          name.className = "ug3Name";
          name.textContent = p.name || "";

          var priceWrap = document.createElement("div");
          priceWrap.className = "ug3PriceWrap";

          var was = document.createElement("div");
          was.className = "ug3WasPrice";
          was.style.display = "none";

          priceWrap.appendChild(was);

          var now = document.createElement("div");
          now.className = "ug3NowPrice";
          now.textContent = p.price || "";

          priceWrap.appendChild(now);

          var savings = document.createElement("div");
          savings.className = "ug3SavingsBadge";
          savings.style.display = "none";

          priceWrap.appendChild(savings);

          meta.appendChild(name);
          meta.appendChild(priceWrap);

          a.appendChild(imgWrap);
          a.appendChild(meta);

          track.appendChild(a);

          (function (anchorEl, wasEl, savingsEl, nowText) {
            fetchPriceMetaFromPdp(anchorEl.href).then(function (meta) {
              if (
                meta.was &&
                String(meta.was).trim() !== String(nowText || "").trim()
              ) {
                wasEl.textContent = "Was " + meta.was;
                wasEl.style.display = "";
              }

              if (meta.savings) {
                savingsEl.textContent = meta.savings;
                savingsEl.style.display = "";
              }
            });
          })(a, was, savings, p.price || "");
        }

        requestAnimationFrame(updateArrows);

        setTimeout(updateArrows, 200);
      })
      .catch(function () {
        track.innerHTML =
          '<div style="padding:12px;color:#c00;font-size:14px;font-weight:700;">Carousel failed to load.</div>';
      });
  })();
</script><!-- Layout - Responsive Tag -->
<!-- Function - Html Content -->
<style>
#mf-value-props {
  background: #f4f4f5;
  padding: 3rem 1.5rem;
  margin: 3rem auto;
  border-radius: 18px;
}
 
.vp-wrapper {
  max-width: 1300px;
  margin: 0 auto;
}
 
.vp-headline {
  text-align: center;
  font-size: 2.1rem;
  font-weight: 800;
  margin-bottom: 2rem;
  color: #111;
  letter-spacing: -0.02em;
}
 
/* ★ Use CSS GRID for perfect 4×2 layout */
.vp-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);  /* 4 columns */
  gap: 22px;
}
 
/* Card styling */
.vp-card {
  background: #fff;
  border: 1px solid #e6e6e7;
  border-radius: 14px;
  padding: 1.4rem 1.2rem;
  text-align: center;
  box-shadow: 0 1px 2px rgba(0,0,0,0.08);
  transition: transform .15s ease, box-shadow .15s ease;

  /* ★ Fixed size + centered content */
  height: 260px;                          /* fixed height so boxes don’t grow */
  display: grid;
  grid-template-rows: auto auto 1fr;      /* img, h3, p */
  justify-items: center;                  /* horizontal centering */
  align-content: center;                  /* vertical centering of the whole stack */
  overflow: hidden;                       /* safety for long text */
}
 
.vp-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.12);
}
 
.vp-card img {
  width: 140px;
  height: 140px;
  margin-bottom: 0.75rem;
  opacity: .95;
  transition: opacity .15s ease, transform .15s ease;
}
 
.vp-card:hover img {
  opacity: 1;
  transform: scale(1.03);
}
 
.vp-card h3 {
  font-family: system-ui, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 800;
  font-size: 1.2rem;
  margin-top: 0.1rem;
  margin-bottom: .4rem;
  letter-spacing: -0.015em;
  color: #111;
}
 
.vp-card p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: .95rem;
  color: #444;
  line-height: 1.45;
  margin: 0;                 /* keep spacing tight/consistent */
  align-self: stretch;       /* allow text to span width nicely */
}

a.why-shop-link {
  text-decoration: none;
  display: block;
}
 
/* ★ Mobile/tablet: exactly 2×4 */
@media (max-width: 800px) {
  .vp-grid {
    grid-template-columns: repeat(2, 1fr); /* 2-up */
    gap: 16px;
  }
}
 
/* Tiny screens: 1 column */
@media (max-width: 480px) {
  .vp-grid {
    grid-template-columns: 1fr;
  }
}
</style>
 
 
<div class="mf-vp" id="mf-value-props">
  <div class="vp-wrapper">
    <h1 class="vp-headline">Why Shop with Musician&#39;s Friend?</h1>
 
    <div class="vp-grid">
      <!-- 1 -->
      <a href="/pages/shipping-commitment"  class="why-shop-link">
        <div class="vp-card">
          <img src="/static/mf/2026/homepage/why-shop-with-us/free_shipping.png" alt="Free Shipping" loading="lazy">
          <h3>FREE SHIPPING</h3>
          <p>Free Ground Shipping on Most Orders.</p>
        </div>
      </a>
 
      <!-- 2 -->
      <a href="/pages/45-day-returns"  class="why-shop-link">
        <div class="vp-card">
          <img src="/static/mf/2026/homepage/why-shop-with-us/returns.png" alt="45 Day Returns" loading="lazy">
          <h3>45 DAY RETURNS</h3>
          <p>Shop risk-free with our easy 45-day returns.</p>
        </div>
      </a>
 
      <!-- 3 -->
      <a href="/pages/ways-to-pay"  class="why-shop-link">
        <div class="vp-card">
          <img src="/static/mf/2026/homepage/why-shop-with-us/pay-your-way.png" alt="Ways to Pay" loading="lazy">
          <h3>PAY YOUR WAY</h3>
          <p>Choose from flexible payment options that work for you.</p>
        </div>
      </a>
 
      <!-- 4 -->
      <a href="/deals"  class="why-shop-link">
        <div class="vp-card">
          <img src="/static/mf/2026/homepage/why-shop-with-us/deals-on-deals.png" alt="Deals on Deals" loading="lazy">
          <h3>DEALS ON DEALS</h3>
          <p>Get exclusive deals and offers on top brands every day.</p>
        </div>
      </a>
 
      <!-- 5 -->
      <a href="/pages/lowest-price"  class="why-shop-link">
        <div class="vp-card">
          <img src="/static/mf/2026/homepage/why-shop-with-us/price-match.png" alt="Price Match Guarantee" loading="lazy">
          <h3>PRICE MATCH GUARANTEE</h3>
          <p>Found a better price? We’ll match it—guaranteed.</p>
        </div>
      </a>
 
      <!-- 6 -->
      
      <a href="/rewards"  class="why-shop-link">
        <div class="vp-card">
        
          <img src="/static/mf/2026/homepage/why-shop-with-us/rewards.png" alt="Earn Points" loading="lazy">
          <h3>EARN POINTS</h3>
          <p>Earn 8% back in points toward your next gear upgrade.</p>
        </div>
      </a>
 
      <!-- 7 -->
  
        <a href="/gear-advisers"  class="why-shop-link">
        <div class="vp-card">
        <img src="/static/mf/2026/homepage/why-shop-with-us/gear-support.png" alt="Gear Support" loading="lazy">
        <h3>GEAR SUPPORT</h3>
        <p>Get advice for musicians, by musicians. Call us 7 days a week <strong>800-449-9128</strong></p>
      </div>
      
      <!-- 8 -->
      <a href="/open-box-musical-instruments"  class="why-shop-link">
        <div class="vp-card">
          <img src="/static/mf/2026/homepage/why-shop-with-us/open-box.png" alt="Open Box" loading="lazy">
          <h3>OPEN BOX</h3>
          <p>Save even more when you shop B-Stock gear with big value.</p>
        </div>
      </a>
 
    </div>
  </div>
</div>
<!-- Layout - Responsive Tag -->
<!-- Function - Html Content -->
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1"/>
<title></title>

<style type="text/css">
:root{
  --pad:16px;
  --gap:18px;
  --radius:14px;
  --text:#2d2d2d;
  --muted:rgba(45,45,45,.6);
  --arrowSize:52px;
  --accent:#ffb703;
  --cardOutline:rgba(0,0,0,.08);
  --imgBg:#f2f2f2;
  --imgOpacity:.95;
}

body{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  background:#fff;
  color:var(--text);
}

#naModule{
  max-width:1500px;
  margin:0 auto 0px;
  padding:0px 0;
}

#naHeaderMobile{
  display:none;
  padding:0 var(--pad) 14px;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

#naHeaderMobile .naMobileTitle{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}

#naHeaderMobile h2{
  margin:0;
  font-size:24px;
  font-weight:800;
  letter-spacing:-0.02em;
  line-height:1.1;
}

#naHeaderMobile p{
  margin:0;
  font-size:14px;
  color:var(--muted);
  line-height:1.25;
}

#naCtaMobile{
  appearance:none;
  border:0;
  background:var(--accent);
  color:#111;
  text-decoration:none!important;
  font-weight:800;
  font-size:13px;
  letter-spacing:.12em;
  text-transform:uppercase;
  padding:12px 14px;
  border-radius:12px;
  white-space:nowrap;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:transform .15s ease,filter .15s ease;
}

#naCtaMobile:active{
  transform:translateY(1px);
}

#naCtaMobile:hover{
  filter:brightness(.97);
}

#naLayout{
  display:grid;
  grid-template-columns:280px 1fr;
  gap:28px;
  padding:0 var(--pad);
  align-items:stretch;
}

#naRail{
  display:flex;
  flex-direction:column;
  padding-left:20px;
  justify-content:center;
  align-items:flex-start;
  height:100%;
  min-height:520px;
  transform:translateY(-44px);
}

#naKicker{
  font-size:48px;
  font-weight:800;
  letter-spacing:-0.04em;
  line-height:1;
  margin:0 0 10px;
}

#naTitle{
  font-size:44px;
  font-weight:800;
  letter-spacing:-0.03em;
  line-height:1.05;
  margin:0 0 18px;
}

#naDesc{
  margin:0 0 16px;
  font-size:15px;
  line-height:1.35;
  color:var(--muted);
  max-width:240px;
}

#naCta,
#naCtaMobile{
  appearance:none;
  border:0;
  background:var(--accent);
  color:#111!important;
  text-decoration:none!important;
  font-weight:800;
  font-size:13px;
  letter-spacing:.12em;
  text-transform:uppercase;
  padding:10px 20px;
  border-radius:999px;
  white-space:nowrap;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease, filter .2s ease;
}

#naCta:hover,
#naCtaMobile:hover{
  background:#111;
  color:var(--accent)!important;
  transform:translateY(-1px);
  box-shadow:0 6px 14px rgba(0,0,0,.18);
}

@media(max-width:900px){
  #naLayout{
    grid-template-columns:240px 1fr;
  }

  #naKicker{
    font-size:40px;
  }

  #naTitle{
    font-size:38px;
  }

  #naRail{
    min-height:480px;
  }
}

@media(max-width:768px){
  #naHeaderMobile{
    display:flex;
  }

  #naLayout{
    grid-template-columns:1fr;
  }

  #naRail{
    display:none;
  }
}

#naScrollerWrap{
  position:relative;
  min-width:0;
  padding:0 calc(var(--arrowSize) / 2 + 16px);
}

#naTrack{
  margin:0 calc(-1 * (var(--arrowSize) / 2 + 16px));
  padding:0 calc(var(--arrowSize) / 2 + 16px);
}

.naArrow{
  top:50%;
  transform:translateY(-50%);
  border-radius:50%;
}

.naArrow--left{
  left:0;
  transform:translate(-140%, -50%);
}

.naArrow--right{
  right:0;
  transform:translate(140%, -50%);
}

#naTrack{
  display:flex;
  gap:var(--gap);
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}

#naTrack::-webkit-scrollbar{
  display:none;
}

.naCard,
.naCard:visited,
.naCard:hover,
.naCard:focus,
.naCard:active{
  color:var(--text)!important;
  text-decoration:none!important;
  outline:none;
}

.naCard{
  width:260px;
  flex:0 0 auto;
  scroll-snap-align:start;
  display:block;
  border:1px solid var(--cardOutline);
  border-radius:var(--radius);
  overflow:hidden;
  transition:transform .25s ease;
  background:#fff;
  position:relative;
}

.naCard:hover{
  transform:translateY(-6px);
}

@media(max-width:768px){
  .naCard{
    width:74vw;
    max-width:300px;
  }
}

.naImg{
  aspect-ratio:4/5;
  background:var(--imgBg);
  border-top-left-radius:var(--radius);
  border-top-right-radius:var(--radius);
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px;
  position:relative;
}

.naImg img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  mix-blend-mode:multiply;
  opacity:var(--imgOpacity);
  filter:saturate(.95) contrast(1.02);
}

@supports not (mix-blend-mode:multiply){
  .naImg img{
    mix-blend-mode:normal;
    opacity:1;
    filter:grayscale(.10) brightness(.99) contrast(1.02);
  }
}

.sticker{
  position:absolute;
  top:10px;
  left:10px;
  z-index:3;
  background:#111;
  color:#fff;
  font-weight:800;
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  padding:7px 10px;
  border-radius:999px;
  box-shadow:0 8px 18px rgba(0,0,0,.18);
  pointer-events:none;
}

.sticker--corner{
  top:12px;
  left:12px;
}

.naMeta{
  padding:10px 12px 10px;
  display:grid;
  gap:5px;
  background:#fff;
}

.naBrand{
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:800;
  color:var(--muted)!important;
  min-height:14px;
}

.naName{
  font-size:18px;
  font-weight:650;
  line-height:1.25;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  color:var(--text)!important;
}

.naCard:hover .naName{
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
  text-decoration-skip-ink:auto;
}

.naPrice{
  font-size:16px;
  font-weight:750;
  color:var(--text)!important;
}

.naArrow{
  position:absolute;
  top:50%;
  transform:translateY(-75%);
  width:var(--arrowSize);
  height:var(--arrowSize);
  background:var(--accent);
  border:none;
  border-radius:50px;
  cursor:pointer;
  display:grid;
  place-items:center;
  box-shadow:0 8px 18px rgba(0,0,0,.12);
  user-select:none;
  z-index:2;
}

.naArrow svg{
  width:22px;
  height:22px;
}

.naArrow--right{
  right:-30px;
}

.naArrow--left{
  left:-23px;
}

.naArrow:disabled{
  opacity:.3;
  cursor:not-allowed;
}

@media(max-width:768px){
  .naArrow{
    display:none;
  }
}

#naModule{
  margin-bottom:-50px;
}

@media (max-width:768px){
  #naModule{
    margin-bottom:15px;
  }
}
</style>
</head>

<body>

<section id="naModule">

<div id="naHeaderMobile">
  <div class="naMobileTitle">
    <h2>New Arrivals</h2>
    <p>Shop the latest gear from top brands</p>
  </div>

  <a href="/new-arrivals" id="naCtaMobile">Shop All</a>
</div>

<div id="naLayout">

  <aside id="naRail">
    <div id="naKicker">New</div>

    <div id="naTitle">Arrivals</div>

    <p id="naDesc">
      Shop the latest gear from top brands
    </p>

    <a href="/new-arrivals" id="naCta">Shop All</a>
  </aside>

  <div id="naScrollerWrap">

    <button aria-label="Previous" class="naArrow naArrow--left" disabled="disabled" id="naPrev">
      <svg viewBox="0 0 24 24">
        <path d="M15 18l-6-6 6-6" fill="none" stroke="#111" stroke-width="2.5"></path>
      </svg>
    </button>

    <button aria-label="Next" class="naArrow naArrow--right" id="naNext">
      <svg viewBox="0 0 24 24">
        <path d="M9 6l6 6-6 6" fill="none" stroke="#111" stroke-width="2.5"></path>
      </svg>
    </button>

    <div id="naTrack">&nbsp;</div>

  </div>
</div>
</section>

<script>
(function(){

  var endpoint='/cartridges/ajax/leftNavJSON.jsp?N=3039658&pageName=collection-page&Nao=0&recsPerPage=24&Ns=r';
  var icid='LP2085';
  var limit=12;

  var track=document.getElementById('naTrack');
  var prev=document.getElementById('naPrev');
  var next=document.getElementById('naNext');

  function addIcid(el){
    if(!el) return;

    try{
      var u=new URL(el.getAttribute('href'),location.href);
      u.searchParams.set('icid',icid);
      el.href=u.href;
    }catch(e){}
  }

  addIcid(document.getElementById('naCta'));
  addIcid(document.getElementById('naCtaMobile'));

  function scrollByCard(dir){
    stopAll();

    var card=track.querySelector('.naCard');

    var step=card
      ? (card.offsetWidth+18)
      : (track.clientWidth*.8);

    track.scrollBy({
      left:dir*step,
      behavior:'smooth'
    });
  }

  prev.onclick=function(){
    scrollByCard(-1);
  };

  next.onclick=function(){
    scrollByCard(1);
  };

  function updateArrows(){
    prev.disabled = track.scrollLeft < 5;

    next.disabled =
      track.scrollLeft >
      (track.scrollWidth - track.clientWidth - 5);
  }

  track.addEventListener('scroll', function(){
    stopAll();
    requestAnimationFrame(updateArrows);
  });

  window.addEventListener('resize', function(){
    requestAnimationFrame(updateArrows);
  });

  window.addEventListener('blur', function(){
    stopAll();
  });

  document.addEventListener('visibilitychange', function(){
    if(document.hidden) stopAll();
  });

  // -------------------------
  // CLEAN PRICE FUNCTION
  // -------------------------

  function cleanPrice(value){

    var txt=document.createElement('textarea');

    txt.innerHTML=String(value || '');

    return txt.value
      .replace(/\u00a0/g,' ')
      .replace(/^Starting\s+at:\s*/i,'')
      .trim();
  }

  // -------------------------
  // IMAGE ROTATION
  // -------------------------

  var stateByCard = new Map();
  var framesCache = new Map();

  function stripQuery(u){
    try{
      var url=new URL(String(u||''));
      return url.origin + url.pathname;
    }catch(e){
      return String(u||'').split('?')[0].split('#')[0];
    }
  }

  function parseThumb(thumbUrl){
    var p=stripQuery(thumbUrl);

    var m=p.match(/^(.*?)-(\d{2})-(\d+x\d+)\.(jpg|jpeg|png)$/i);

    if(!m) return null;

    return {
      fullPrefix:m[1],
      ext:(m[4]||'jpg').toLowerCase()
    };
  }

  function baseIdFromThumb(thumbUrl){

    var p=stripQuery(thumbUrl);

    var seg=(p.split('/').pop()||'');

    var m=seg.match(/^([A-Z0-9]+)-\d{2}-\d+x\d+\.(jpg|jpeg|png)$/i);

    if(m) return m[1];

    m=seg.match(/^([A-Z0-9]+)-\d{2}-/i);

    if(m) return m[1];

    m=p.match(/\b([A-Z]\d{5,})\b/i);

    return m ? m[1] : '';
  }

  function buildCandidates(thumbUrl, maxFrames){

    var info=parseThumb(thumbUrl);

    var base=baseIdFromThumb(thumbUrl);

    var rootPrefix = base
      ? ('https://media.musiciansfriend.com/is/image/MMGS7/' + base)
      : '';

    var sizes=['2000x2000','1000x1000','500x500','220x220'];

    var ext = info ? info.ext : 'jpg';

    var out=[];

    if(info && info.fullPrefix){

      for(var s=0;s<sizes.length;s++){

        var size=sizes[s];

        for(var i=0;i<maxFrames;i++){

          out.push(
            info.fullPrefix +
            '-' +
            String(i).padStart(2,'0') +
            '-' +
            size +
            '.' +
            ext
          );
        }
      }
    }

    if(rootPrefix && base){

      for(var s2=0;s2<sizes.length;s2++){

        var size2=sizes[s2];

        for(var j=0;j<maxFrames;j++){

          out.push(
            rootPrefix +
            '-' +
            String(j).padStart(2,'0') +
            '-' +
            size2 +
            '.jpg'
          );
        }
      }
    }

    var seen={}, dedup=[];

    for(var k=0;k<out.length;k++){

      var v=out[k];

      if(!seen[v]){
        seen[v]=1;
        dedup.push(v);
      }
    }

    return dedup;
  }

  function preload(url, timeoutMs){

    return new Promise(function(resolve, reject){

      var im=new Image();

      var done=false;

      var t=setTimeout(function(){

        if(done) return;

        done=true;

        im.src='';

        reject(new Error('timeout'));

      }, timeoutMs||1800);

      im.onload=function(){

        if(done) return;

        done=true;

        clearTimeout(t);

        resolve(url);
      };

      im.onerror=function(){

        if(done) return;

        done=true;

        clearTimeout(t);

        reject(new Error('error'));
      };

      im.src=url;
    });
  }

  function getFrames(thumbUrl){

    var key=stripQuery(String(thumbUrl||''));

    if(framesCache.has(key)){
      return framesCache.get(key);
    }

    var prom=(async function(){

      var candidates=buildCandidates(key, 12);

      var valid=[];

      for(var i=0;i<candidates.length;i++){

        try{
          await preload(candidates[i], 1600);

          valid.push(candidates[i]);

          if(valid.length>=5) break;

        }catch(e){}
      }

      return (valid.length>=2)
        ? valid
        : [key];

    })();

    framesCache.set(key, prom);

    return prom;
  }

  function stopCard(card){

    var st = stateByCard.get(card);

    if(!st) return;

    if(st.timer){
      clearInterval(st.timer);
    }

    st.timer = null;

    if(st.img){
      st.img.src = st.thumb;
    }

    stateByCard.delete(card);
  }

  function stopAll(){

    stateByCard.forEach(function(v, card){
      stopCard(card);
    });
  }

  async function startRotate(card){

    stopCard(card);

    var img = card.querySelector('img');

    var thumb =
      card.getAttribute('data-thumb') ||
      (img ? img.getAttribute('data-thumb') : '');

    if(!img || !thumb) return;

    thumb = stripQuery(thumb);

    var frames = await getFrames(thumb);

    if(!frames || frames.length < 2) return;

    var idx = 0;

    img.src = frames[idx];

    var timer = setInterval(function(){

      try{
        if(!card.matches(':hover')){
          stopCard(card);
          return;
        }
      }catch(e){}

      idx = (idx + 1) % frames.length;

      img.src = frames[idx];

    }, 650);

    stateByCard.set(card, {
      timer:timer,
      img:img,
      thumb:thumb,
      frames:frames
    });
  }

  // -------------------------
  // BUILD CARDS
  // -------------------------

  fetch(endpoint, {credentials:'same-origin'})
    .then(function(r){
      return r.json();
    })
    .then(function(data){

      var products=(data.products||[]).slice(0, limit);

      for(var x=0;x<products.length;x++){

        var p=products[x];

        if(!p.thumb || !p.path) continue;

        var a=document.createElement('a');

        a.className='naCard';

        a.setAttribute(
          'data-thumb',
          String(p.thumb||'')
        );

        var u=new URL(p.path, location.href);

        u.searchParams.set('icid', icid);

        a.href=u.href;

        a.setAttribute('data-ajax','false');

        // IMAGE WRAP

        var imgWrap=document.createElement('div');

        imgWrap.className='naImg';

        // OPTIONAL STICKER

        if(p.sticker){

          var s=document.createElement('div');

          s.className='sticker';

          s.textContent=String(p.sticker);

          imgWrap.appendChild(s);
        }

        // PRODUCT IMAGE

        var img=document.createElement('img');

        img.src=String(p.thumb||'');

        img.setAttribute(
          'data-thumb',
          String(p.thumb||'')
        );

        img.alt=p.name||'';

        img.loading='lazy';

        imgWrap.appendChild(img);

        // META

        var meta=document.createElement('div');

        meta.className='naMeta';

        var brand=document.createElement('div');

        brand.className='naBrand';

        brand.textContent='';

        var name=document.createElement('div');

        name.className='naName';

        name.textContent=p.name||'';

        var price=document.createElement('div');

        price.className='naPrice';

        // FIXED PRICE OUTPUT
        price.textContent = cleanPrice(p.price);

        meta.appendChild(brand);
        meta.appendChild(name);
        meta.appendChild(price);

        a.appendChild(imgWrap);
        a.appendChild(meta);

        track.appendChild(a);

        // HOVER ROTATION

        a.addEventListener('pointerenter', function(e){
          startRotate(e.currentTarget);
        });

        a.addEventListener('pointerleave', function(e){
          stopCard(e.currentTarget);
        });

        a.addEventListener('pointercancel', function(e){
          stopCard(e.currentTarget);
        });
      }

      requestAnimationFrame(updateArrows);

      setTimeout(updateArrows,200);

    })
    .catch(function(err){
      // swallow
    });

})();
</script>

<script type="text/javascript"  src="/XV2ubBfl3yryqQvspaY5kdZW/5GLuVccrLDSJGQYwS3/Pyd0AQ/SkU/hKFY1HVAB"></script><link rel="stylesheet" type="text/css"  href="/XV2ubBfl3yryqQvspaY5kdZW/zcLu3c/PXFVAQ/Pnx/gHzMacVJY"><script  src="/XV2ubBfl3yryqQvspaY5kdZW/zcLu3c/PXFVAQ/Mns/rUHB7aggq" async defer></script><div id="sec-overlay" style="display:none;"><div id="sec-container"></div></div></body>
</html><!-- Layout - Responsive Tag -->
<!-- Function - Html Content -->
<style>
/* WF# 1891730 - Hide Deals from Popular Brand: R.C.S.: 12-28-2023 */
.deals-from-popular-brands-btns {
	display: none;
}
.deals-from-popular-brands-btns {
	column-gap: 10px;
	grid-gap: 20px;
	margin: 0 auto 64px auto;
	row-gap: 1em;
}

.deals-from-popular-brands-btns h2 {
	font-size: 36px;
	grid-column: span 12;
	text-align: center;
}

.deals-from-popular-brands-btns a {
	color: #2d2d2d;
	font-size: 18px;
	grid-column: span 2;
	text-align: center;
}

.deals-from-popular-brands-btns a::before {
	background-color: #F1F0EA;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 70%;
	background-blend-mode: multiply;    
 	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;	
	border: 0px solid #F1F0EA;  
	content: "";
	display: block;
	margin: 0 auto 6px;
	max-height: 223px;
	max-width: 223px;
	height: 223px;
	width: 223px;
}

/* deals from popular brands icons */
.deals-from-popular-brands-btns a.deals-from-popular-brands-btns-a::before {
	background-image: url('//media.musiciansfriend.com/is/image/MMGS7/Player-Stratocaster-HSS-Plus-Top-Maple-Fingerboard-Limited-Edition-Electric-Guitar-Sienna-Sunburst/L46829000002000-00-233x233.jpg');
}

.deals-from-popular-brands-btns a.deals-from-popular-brands-btns-b::before {
	background-image: url('//media.musiciansfriend.com/is/image/MMGS7/SE-Silver-Sky-Electric-Guitar-Stone-Blue/L92188000003000-00-233x233.jpg');
}

.deals-from-popular-brands-btns a.deals-from-popular-brands-btns-c::before {
	background-image: url('//media.musiciansfriend.com/is/image/MMGS7/P-45-88-Key-Weighted-Action-Digital-Piano-Black/J19265000001000-00-233x233.jpg');
}

.deals-from-popular-brands-btns a.deals-from-popular-brands-btns-d::before {
	background-image: url('//media.musiciansfriend.com/is/image/MMGS7/S1-Pro-Wireless-PA-System/M00707000000000-00-233x233.jpg');
}

.deals-from-popular-brands-btns a.deals-from-popular-brands-btns-e::before {
	background-image: url('//media.musiciansfriend.com/is/image/MMGS7/BETA-58A-Supercardioid-Dynamic-Vocal-Microphone/270120000000000-00-233x233.jpg');
}

.deals-from-popular-brands-btns a.deals-from-popular-brands-btns-f::before {
	background-image: url('//media.musiciansfriend.com/is/image/MMGS7/114ce-Grand-Auditorium-Acoustic-Electric-Guitar-Natural/L56633000001000-00-233x233.jpg');
}

.deals-from-popular-brands-btns a.deals-from-popular-brands-btns-g::before {
	background-image: url('//media.musiciansfriend.com/is/image/MMGS7/EON-ONE-MK2-Battery-Powered-Column-Speaker/L88812000000000-00-233x233.jpg');
}

.deals-from-popular-brands-btns a.deals-from-popular-brands-btns-h::before {
	background-image: url('//media.musiciansfriend.com/is/image/MMGS7/HD-280-Pro-Closed-Back-Headphones-Black/J42590000001000-00-233x233.jpg');
}

.deals-from-popular-brands-btns a.deals-from-popular-brands-btns-i::before {
	background-image: url('//media.musiciansfriend.com/is/image/MMGS7/OX-Amp-Top-Box-Reactive-Load-Box/K40803000000000-00-233x233.jpg');
}

.deals-from-popular-brands-btns a.deals-from-popular-brands-btns-j::before {
	background-image: url('//media.musiciansfriend.com/is/image/MMGS7/FANTOM-06-Synthesizer-Keyboard/L91985000000000-00-233x233.jpg');
}

.deals-from-popular-brands-btns a.deals-from-popular-brands-btns-k::before {
	background-image: url('//media.musiciansfriend.com/is/image/MMGS7/Affinity-Series-Stratocaster-HSS-Limited-Edition-Electric-Guitar-Ice-Blue-Metallic/L84423000002000-00-233x233.jpg');
}

.deals-from-popular-brands-btns a.deals-from-popular-brands-btns-l::before {
	background-image: url('//media.musiciansfriend.com/is/image/MMGS7/Nitro-Mesh-Special-Edition-8-Piece-Electronic-Drum-Set/L71942000000000-00-233x233.jpg');
}


@media only screen and (max-width: 1400px) {
	.deals-from-popular-brands-btns a::before {
		height: 185px;
		max-height: 185px;
		max-width: 185px;
		width: 185px;
	}
}	

@media only screen and (max-width: 1200px) {
	.deals-from-popular-brands-btns a {
		grid-column: span 3;
	}	
}

@media only screen and (max-width: 976px) {
	.deals-from-popular-brands-btns {
		align-items: stretch;
	}

	.deals-from-popular-brands-btns a {
		grid-column: span 3;
	}
	.deals-from-popular-brands-btns a::before {
		height: 183px;
		max-height: 183px;
		max-width: 183px;
		width: 183px;
	}
}

@media only screen and (max-width: 767px) {
	.deals-from-popular-brands-btns a {
		grid-column: span 6;
	}

	.deals-from-popular-brands-btns a::before {
		height: 120px;
		max-height: 120px;
		max-width: 120px;
		width: 120px;
	}

	/* deals from popular brands icons */
	.deals-from-popular-brands-btns a.deals-from-popular-brands-btns-a::before {
		background-image: url('//media.musiciansfriend.com/is/image/MMGS7/Player-Stratocaster-HSS-Plus-Top-Maple-Fingerboard-Limited-Edition-Electric-Guitar-Sienna-Sunburst/L46829000002000-00-120x120.jpg');
	}

	.deals-from-popular-brands-btns a.deals-from-popular-brands-btns-b::before {
		background-image: url('//media.musiciansfriend.com/is/image/MMGS7/SE-Silver-Sky-Electric-Guitar-Stone-Blue/L92188000003000-00-120x120.jpg');
	}

	.deals-from-popular-brands-btns a.deals-from-popular-brands-btns-c::before {
		background-image: url('//media.musiciansfriend.com/is/image/MMGS7/P-45-88-Key-Weighted-Action-Digital-Piano-Black/J19265000001000-00-120x120.jpg');
	}

	.deals-from-popular-brands-btns a.deals-from-popular-brands-btns-d::before {
		background-image: url('//media.musiciansfriend.com/is/image/MMGS7/S1-Pro-Wireless-PA-System/M00707000000000-00-120x120.jpg');
	}

	.deals-from-popular-brands-btns a.deals-from-popular-brands-btns-e::before {
		background-image: url('//media.musiciansfriend.com/is/image/MMGS7/BETA-58A-Supercardioid-Dynamic-Vocal-Microphone/270120000000000-00-120x120.jpg');
	}

	.deals-from-popular-brands-btns a.deals-from-popular-brands-btns-f::before {
		background-image: url('//media.musiciansfriend.com/is/image/MMGS7/114ce-Grand-Auditorium-Acoustic-Electric-Guitar-Natural/L56633000001000-00-120x120.jpg');
	}

	.deals-from-popular-brands-btns a.deals-from-popular-brands-btns-g::before {
		background-image: url('//media.musiciansfriend.com/is/image/MMGS7/EON-ONE-MK2-Battery-Powered-Column-Speaker/L88812000000000-00-120x120.jpg');
	}

	.deals-from-popular-brands-btns a.deals-from-popular-brands-btns-h::before {
		background-image: url('//media.musiciansfriend.com/is/image/MMGS7/HD-280-Pro-Closed-Back-Headphones-Black/J42590000001000-00-120x120.jpg');
	}	

	.deals-from-popular-brands-btns a.deals-from-popular-brands-btns-i::before {
		background-image: url('//media.musiciansfriend.com/is/image/MMGS7/OX-Amp-Top-Box-Reactive-Load-Box/K40803000000000-00-120x120.jpg');
	}

	.deals-from-popular-brands-btns a.deals-from-popular-brands-btns-j::before {
		background-image: url('//media.musiciansfriend.com/is/image/MMGS7/FANTOM-06-Synthesizer-Keyboard/L91985000000000-00-120x120.jpg');
	}

	.deals-from-popular-brands-btns a.deals-from-popular-brands-btns-k::before {
		background-image: url('//media.musiciansfriend.com/is/image/MMGS7/Affinity-Series-Stratocaster-HSS-Limited-Edition-Electric-Guitar-Ice-Blue-Metallic/L84423000002000-00-120x120.jpg');
	}

	.deals-from-popular-brands-btns a.deals-from-popular-brands-btns-l::before {
		background-image: url('//media.musiciansfriend.com/is/image/MMGS7/Nitro-Mesh-Special-Edition-8-Piece-Electronic-Drum-Set/L71942000000000-00-120x120.jpg');
	}	
}

@media only screen and (max-width: 639px) {
	.deals-from-popular-brands-btns a {
		font-size: 16px;
	}
}
</style>



<div class="hp-section deals-from-popular-brands-btns hp-container" id="hpEvergreenDealsFromPopularBrands">
	<h2>Shop Deals from Popular Brands</h2>
	<a href="/fender-deals?icid=LP1817" class="deals-from-popular-brands-btns-a">Fender: Save up to $200</a>
	<a href="/prs-deals?icid=LP1818" class="deals-from-popular-brands-btns-b">PRS: Save up to $300</a>
	<a href="/yamaha-deals?icid=LP1819" class="deals-from-popular-brands-btns-c">Yamaha: Save up to 25%</a>
	<a href="/bose-deals?icid=LP1820" class="deals-from-popular-brands-btns-d">Bose: Save up to 30%</a>
	<a href="/shure-deals?icid=LP1821" class="deals-from-popular-brands-btns-e">Shure: Save to 20%</a>
	<a href="/taylor-deals?icid=LP1822" class="deals-from-popular-brands-btns-f">Taylor: Save to up $200</a>
	<a href="/jbl-deals?icid=LP1823" class="deals-from-popular-brands-btns-g">JBL: Save up to 35%</a>
	<a href="/sennheiser-deals?icid=LP1824" class="deals-from-popular-brands-btns-h">Sennheiser: Save to $300</a>
	<a href="/universal-audio-deals?icid=LP1825" class="deals-from-popular-brands-btns-i">Universal Audio: Save up to $300</a>
	<a href="/roland-deals?icid=LP1826" class="deals-from-popular-brands-btns-j">Roland: Save up to $300</a>
	<a href="/squier-deals?icid=LP1827" class="deals-from-popular-brands-btns-k">Squier: Save up to 20%</a>
	<a href="/alesis-deals?icid=LP1828" class="deals-from-popular-brands-btns-l">Alesis: Save up to 33%</a>
</div><!-- Layout - Responsive Tag -->
<!-- Function - Html Content -->
<link
  rel="stylesheet"
  href="//etail.mysynchrony.com/eapply/resource/css/syfClient.css"
/>
<script
  type="text/javascript"
  src="//etail.mysynchrony.com/eapply/resource/js/syfClient.js"
></script>
<style>
  #prequal .mobile-only {
    display: none;
  }

  #prequal .desktop-only {
    display: block;
  }

  #prequal .container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    padding: 0 30px 30px;
  }

  #prequal .left-div {
    max-width: 64%;
    padding: 10px;
  }

  #prequal .right-div {
    max-width: 36%;
    padding: 10px;
  }

  #prequal .image {
    width: 100%;
    height: auto;
  }

  #prequal .link {
    display: block;
    margin-top: 10px;
    text-align: right;
    text-decoration: none;
    color: #333;
  }

  #prequal .link:hover {
    text-decoration: underline;
  }

  @media only screen and (max-width: 767px) {
    #prequal .mobile-only {
      display: block;
    }

    #prequal .desktop-only {
      display: none;
    }

    #prequal .container {
      flex-direction: column;
    }

    #prequal .left-div {
      max-width: 100%;
      padding: 10px;
    }

    #prequal .right-div {
      max-width: 100%;
      padding: 10px;
    }

    #prequal .link {
      text-align: center;
    }
  }
</style>
<div id="prequal">
  <div class="container">
    <!-- Left Div (70% width) -->
    <div class="left-div">
      <a
        href="//etail.mysynchrony.com/eapply/eapply.action?uniqueId=09A77509EF6922F82E3654AD3ED39D0BE2D479224555CDAD&preQual=Y"
        target="_blank"
        id="preQualifyNow"
      >
        <picture>
          <source
            class="hero-image"
            media="(max-width: 768px)"
            srcset="
              /static/mf/2025/page-dynamic/financing/2025-mf-finance-value-prop-48-months-828x500-v2.jpg
            "
          />
          <img
            src="/static/mf/2025/page-dynamic/financing/2025-mf-finance-value-prop-48-months-1500x500-v2-6-20-15.jpg"
            alt="Limited time promo financing options vary by brand. 8% back in Rewards** for Musician's Friend Rewards Members. Prequalify Now. "
            height="200"
            width="1500"
            class="image"
          />
        </picture>
      </a>
      <a href="/4th-of-july-financing" class="link">Get details</a>
    </div>
    <!-- Right Div (30% width) -->
    <div class="right-div">
      <picture>
        <source
          class="right-img"
          media="(max-width: 768px)"
          srcset="/static/mf/2024/page-bcc/homepage/mf-md-prequal-klarna.jpg"
        />
        <img
          src="/static/mf/2024/page-bcc/homepage/mf-md-prequal-klarna.jpg"
          alt="Klarna + Musician's Friend. Shop smart and split the cost into 4 interest-free payments."
          height="500"
          width="750"
          class="image"
        />
      </picture>
      <a href="/shop-now-pay-later-with-klarna" class="link">Get details</a>
    </div>
  </div>
</div>
<script>
  syfClient({
    dApplyOpener: "applyNow",
    dApplyUrl:
      "//etail.mysynchrony.com/eapply/eapply.action?uniqueId=09A77509EF6922F82E3654AD3ED39D0BE2D479224555CDAD&client=Musicians%20Friend",
  });
  syfClient({
    dApplyOpener: "preQualifyNow",
    dApplyUrl:
      "//etail.mysynchrony.com/eapply/eapply.action?uniqueId=09A77509EF6922F82E3654AD3ED39D0BE2D479224555CDAD&preQual=Y",
  });
</script>
<!-- Layout - Responsive Tag -->
<!-- Layout - Responsive Tag -->
<!-- Function - Html Content -->
<style>
.category-btns {
	column-gap: 10px;
	grid-gap: 20px;
	margin: 0 auto 64px auto;
	row-gap: 1em;
}

.brand-btns {
	column-gap: 10px;
	grid-gap: 20px;
	margin: 0 auto 64px auto;
	row-gap: 1em;
}

.brand-btns h2 {
	font-size: 36px;
	grid-column: span 12;
	text-align: center;
}

.category-btns a {
	color: #2d2d2d;
	font-size: 18px;
	grid-column: span 2;
	text-align: center;
}

.brand-btns a {
	color: #2d2d2d;
	font-size: 18px;
	grid-column: span 2;
	text-align: center;
}

.category-btns a::before,
.brand-btns a::before {
	background-color: #ececec;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 80%;
	background-blend-mode: multiply;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	 box-shadow:0 0;
	border: 1px solid #ececec;
	content: "";
	display: block;
	margin: 0 auto 6px;
	max-height: 223px;
	max-width: 223px;
	height: 223px;
	width: 223px;
}




/* category icons: actual; */
.category-btns a.cat-btns-electric-guitar::before {
	background-image: url('//media.musiciansfriend.com/is/image/MMGS7/L54575000001000-00-233x233.jpg');
}

.category-btns a.cat-btns-acoustic-guitars::before {
	background-image: url('//media.musiciansfriend.com/is/image/MMGS7/L47472000001000-00-233x233.jpg');
}

.category-btns a.cat-btns-amps::before {
	background-image: url('//media.musiciansfriend.com/is/image/MMGS7/L63371000001000-00-233x233.jpg');
}

.category-btns a.cat-btns-effects::before {
	background-image: url('//media.musiciansfriend.com/is/image/MMGS7/J43211000000000-00-233x233.jpg');
}

.category-btns a.cat-btns-basses::before {
	background-image: url('//media.musiciansfriend.com/is/image/MMGS7/L20239000012000-00-233x233.jpg');
}

.category-btns a.cat-btns-accessories::before {
	background-image: url('//media.musiciansfriend.com/is/image/MMGS7/540945000389000-00-233x233.jpg');
}

.category-btns a.cat-btns-live-sound::before {
	background-image: url('//media.musiciansfriend.com/is/image/MMGS7/L44023000000001-00-233x233.jpg');
}

.category-btns a.cat-btns-keyboards::before {
	background-image: url('//media.musiciansfriend.com/is/image/MMGS7/L96787000000000-00-233x233.jpg');
}

.category-btns a.cat-btns-recording::before {
	background-image: url('//media.musiciansfriend.com/is/image/MMGS7/L88914000000000-00-233x233.jpg');
}

.category-btns a.cat-btns-microphones::before {
	background-image: url('//media.musiciansfriend.com/is/image/MMGS7/271417000000000-00-233x233.jpg');
}

.category-btns a.cat-btns-headphones::before {
	background-image: url('//media.musiciansfriend.com/is/image/MMGS7/L84266000001000-00-233x233.jpg');
}

.category-btns a.cat-btns-lighting::before {
	background-image: url('//media.musiciansfriend.com/is/image/MMGS7/L94041000000000-00-233x233.jpg');
}

.category-btns a.cat-btns-drums::before {
	background-image: url('//media.musiciansfriend.com/is/image/MMGS7/L71942000000000-00-233x233.jpg');
}

.category-btns a.cat-btns-dj-gear::before {
	background-image: url('//media.musiciansfriend.com/is/image/MMGS7/L81687000000000-00-233x233.jpg');
}

.category-btns a.cat-btns-ukuleles::before {
	background-image: url('//media.musiciansfriend.com/is/image/MMGS7/J48865000001000-00-233x233.jpg');
}

.category-btns a.cat-btns-band-and-orchestra::before {
	background-image: url('//media.musiciansfriend.com/is/image/MMGS7/463675000420000-00-233x233.jpg');
}

.category-btns a.cat-btns-books-sheet-music-media::before {
	background-image: url('//media.musiciansfriend.com/is/image/MMGS7/904085000000000-00-233x233.jpg');
}

.category-btns a.cat-btns-bundles::before {
	background-image: url('//media.musiciansfriend.com/is/image/MMGS7/J40359000003000-00-233x233.jpg');
}


@media only screen and (max-width: 1400px) {

	.category-btns a::before,
	.brand-btns a::before {
		height: 185px;
		max-height: 185px;
		max-width: 185px;
		width: 185px;
	}
}

@media only screen and (max-width: 1200px) {
	.category-btns a {
		grid-column: span 3;
	}

	.brand-btns a {
		grid-column: span 3;
	}
}

@media only screen and (max-width: 976px) {

	.category-btns,
	.brand-btns {
		align-items: stretch;
	}

	.category-btns a {
		grid-column: span 3;
	}

	.brand-btns a {
		grid-column: span 3;
	}

	.category-btns a::before,
	.brand-btns a::before {
		height: 183px;
		max-height: 183px;
		max-width: 183px;
		width: 183px;
	}
}

@media only screen and (max-width: 767px) {
	.category-btns a {
		grid-column: span 4;
	}

	.brand-btns a {
		grid-column: span 4;
	}

	.category-btns a::before,
	.brand-btns a::before {
		height: 90px;
		max-height: 90px;
		max-width: 90px;
		width: 90px;
		/* background-size: 95%; */
	}
}

@media only screen and (max-width: 639px) {
	.category-btns a {
		font-size: 14px;
	}
}

</style><!-- Layout - Responsive Tag -->
<!-- Function - Html Content -->
<div class="hp-section category-btns hp-container" id="hpEvergreenCategories">
	<h2>Shop Popular Categories</h2>
	<a href="/electric-guitars?icid=LP1138" class="cat-btns-electric-guitar" title="Electric Guitars">Electric Guitars</a>
	<a href="/acoustic-guitars?icid=LP1139" class="cat-btns-acoustic-guitars" title="Acoustic Guitars">Acoustic Guitars</a>
	<a href="/amplifiers?icid=LP1140" class="cat-btns-amps" title="Amps">Amps</a>
	<a href="/effects?icid=LP1141" class="cat-btns-effects" title="Effects">Effects</a>
	<a href="/bass?icid=LP1142" class="cat-btns-basses" title="Basses">Basses</a>
	<a href="/accessories?icid=LP1143" class="cat-btns-accessories" title="Accessories">Accessories</a>
	
	<a href="/live-sound?icid=LP1144" class="cat-btns-live-sound" title="Live Sound">Live Sound</a>
	<a href="/keyboards-midi?icid=LP1145" class="cat-btns-keyboards" title="Keyboards and MIDI">Keyboards &amp; MIDI</a>
	<a href="/recording-gear?icid=LP1146" class="cat-btns-recording" title="Recording">Recording</a>
	<a href="/microphones-wireless-systems?icid=LP1147" class="cat-btns-microphones" title="Microphones">Microphones</a>
	<a href="/headphones?icid=LP1148" class="cat-btns-headphones" title="Headphones">Headphones</a>
	<a href="/lighting-stage-effects?icid=LP1149" class="cat-btns-lighting" title="Lighting Effects">Lighting &amp; Effects</a>

	<a href="/drums-percussion?icid=LP1150" class="cat-btns-drums" title="Drums">Drums &amp; Percussion</a>
	<a href="/dj-gear?icid=LP1151" class="cat-btns-dj-gear" title="DJ Gear">DJ Gear</a>
	<a href="/ukuleles?icid=LP1152" class="cat-btns-ukuleles" title="Ukuleles">Ukuleles</a>
	<a href="/band-orchestra-instruments?icid=LP1153" class="cat-btns-band-and-orchestra" title="Band and Orchestra">Band &amp; Orchestra</a>
	<a href="/books-sheet-music-media?icid=LP1154" class="cat-btns-books-sheet-music-media" title="Books, Sheet Music and Media">Books, Sheet Music &amp; Media</a>
	<a href="/bundles?icid=LP1155" class="cat-btns-bundles" title="Bundles">Bundles</a>
</div><!-- Layout - Responsive Tag -->
<!-- Function - Html Content -->
<style>
/* brand icons */
.brand-btns a.brand-btns-shure::before {
	background-image: url('/static/responsive/mf/shure-logo.png');
}

.brand-btns a.brand-btns-pioneer::before {
	background-image: url('/static/responsive/mf/pioneer-dj.png');
}

.brand-btns a.brand-btns-qsc::before {
	background-image: url('/static/responsive/mf/qsc.png');
}

.brand-btns a.brand-btns-boss::before {
	background-image: url('/static/responsive/mf/Boss.png');
}

.brand-btns a.brand-btns-fender::before {
	background-image: url('/static/responsive/mf/fender.png');
}

.brand-btns a.brand-btns-yamaha::before {
	background-image: url('/static/responsive/mf/yamaha.png');
}

.brand-btns a.brand-btns-gibson::before {
	background-image: url('/static/responsive/mf/gibson.png');
}

.brand-btns a.brand-btns-roland::before {
	background-image: url('/static/responsive/mf/roland.png');
}

.brand-btns a.brand-btns-prs::before {
	background-image: url('/static/responsive/mf/prs.png');
}

.brand-btns a.brand-btns-martin::before {
	background-image: url('/static/responsive/mf/martin.png');
}

.brand-btns a.brand-btns-taylor::before {
	background-image: url('/static/responsive/mf/taylor.png');
}

.brand-btns a.brand-btns-line-6::before {
	background-image: url('/static/mf/logo/line-6-logo.png');
}

.brand-btns a.brand-btns-behringer::before {
	background-image: url('/static/mf/logo/behringer.png');
}

.brand-btns a.brand-btns-jackson::before {
	background-image: url('/derivates/20/002/161/6/DV030_Jpg_BrandLogo_998_jackson.jpg');
}

.brand-btns a.brand-btns-gretsch::before {
	background-image: url('/static/mf/logo/gretsch-guitars-logo.png');
}

.brand-btns a.brand-btns-evh::before {
	background-image: url('/static/mf/logo/evh-logo.png');
}

.brand-btns a.brand-btns-charvel::before {
	background-image: url('/static/mf/logo/charvel.png');
}

.brand-btns a.brand-btns-epiphone::before {
	background-image: url('/static/responsive/mf/epiphone.png');
}
</style>

<div class="hp-section brand-btns hp-container" id="hpEvergreenBrands">
	<h2>Shop Featured Brands</h2>
	<a href="/gibson?icid=LP1158" class="brand-btns-gibson">Gibson</a>
	<a href="/epiphone?icid=LP1163" class="brand-btns-epiphone">Epiphone</a>
	<a href="/fender?icid=LP1156" class="brand-btns-fender">Fender</a>
	<a href="/yamaha?icid=LP1157" class="brand-btns-yamaha">Yamaha</a>
	
	<a href="/shure?icid=LP1159" class="brand-btns-shure">Shure</a>
	<a href="/roland?icid=LP1160" class="brand-btns-roland">Roland</a>
	<a href="/martin?icid=LP1161" class="brand-btns-martin">Martin</a>
	<a href="/qsc?icid=LP1162" class="brand-btns-qsc">QSC</a>
	
	<a href="/prs?icid=LP1164" class="brand-btns-prs">PRS</a>
	<a href="/taylor?icid=LP1165" class="brand-btns-taylor">Taylor</a>
	<a href="/pioneer-dj?icid=LP1166" class="brand-btns-pioneer">Pioneer DJ</a>
	<a href="/boss?icid=LP1167" class="brand-btns-boss">Boss</a>

	<a href="/line-6?icid=LP2835" class="brand-btns-line-6">Line 6</a>
	<a href="/behringer?icid=LP2836" class="brand-btns-behringer">Behringer</a>
	<a href="/jackson?icid=LP2837" class="brand-btns-jackson">Jackson</a>
	<a href="/gretsch-guitars?icid=LP2838" class="brand-btns-gretsch">Gretsch Guitars</a>

	<a href="/evh?icid=LP2839" class="brand-btns-evh">EVH</a>
	<a href="/charvel?icid=LP2840" class="brand-btns-charvel">Charvel</a>
</div>

<!-- Layout - Responsive Tag -->
<div class="hp-container" ><!-- Layout - Responsive Tag -->
<!-- CMSArticlesCarousel -->
<div class="articles-recommendations-container articles-recommendations  default-item">
<h2 class="articles-recommendations-title" role="heading" aria-level="2">

Featured Articles
</h2>
<div class="read-more"><a href="/thehub">Read More</a></div>
<div class="slick-carousel" data-slick-carousel data-postload-dependencies="true"
data-postload-css="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.css, https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.min.css, https://static.musiciansfriend.com/cmn/brand/mf/productionCss/slickCarousel.r.css?vId=2026.06.22.MF7.7.39.1.atg.b&cb=4, https://static.musiciansfriend.com/cmn/brand/mf/productionCss/cmsArticlesCarousel.r.css?vId=2026.06.22.MF7.7.39.1.atg.b&cb=4" data-postload-js="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js, https://static.musiciansfriend.com/cmn/productionJs/slickCarousel.r.js?vId=2026.06.22.MF7.7.39.1.atg.b&cb=4" aria-live="off">
<div class="product">
<div class="thumb">
<a href="/thehub/the-les-paul-buying-guide" aria-label="How To Choose a Les Paul">
<img width="320" height="167" data-lazy="//static.musiciansfriend.com/thehub/binaries/content/gallery/mf/buying-guides/gibson-les-paul-standard-50s-honeyburst.jpg?imwidth=300" alt="How To Choose a Les Paul">
</a>
</div>
<div class="product-details">
<a href="/thehub/the-les-paul-buying-guide">How To Choose a Les Paul</a>
</div>
</div>
<div class="product">
<div class="thumb">
<a href="/thehub/best-audio-gear-for-podcasting-microphones-interfaces-more" aria-label="The Best Audio Gear for Podcasting: Microphones, Interfaces and More">
<img width="320" height="167" data-lazy="//static.musiciansfriend.com/thehub/binaries/content/gallery/mf/mackie-dlz-creator-xs.jpg?imwidth=300" alt="The Best Audio Gear for Podcasting: Microphones, Interfaces and More">
</a>
</div>
<div class="product-details">
<a href="/thehub/best-audio-gear-for-podcasting-microphones-interfaces-more">The Best Audio Gear for Podcasting: Microphones, Interfaces and More</a>
</div>
</div>
<div class="product">
<div class="thumb">
<a href="/thehub/choosing-an-acoustic-guitar" aria-label="Choosing an Acoustic Guitar">
<img width="320" height="167" data-lazy="//static.musiciansfriend.com/thehub/binaries/content/gallery/mf/buying-guides/acoustic-guitar-buying-guide-taylor-gs-mini.jpg?imwidth=300" alt="Choosing an Acoustic Guitar">
</a>
</div>
<div class="product-details">
<a href="/thehub/choosing-an-acoustic-guitar">Choosing an Acoustic Guitar</a>
</div>
</div>
<div class="product">
<div class="thumb">
<a href="/thehub/gift-guide-for-musicians" aria-label="No-Fear Gift Suggestions for Picky Musicians">
<img width="320" height="167" data-lazy="//static.musiciansfriend.com/thehub/binaries/content/gallery/mf/buying-guides/universal-audio-volt-2-interface.jpg?imwidth=300" alt="No-Fear Gift Suggestions for Picky Musicians">
</a>
</div>
<div class="product-details">
<a href="/thehub/gift-guide-for-musicians">No-Fear Gift Suggestions for Picky Musicians</a>
</div>
</div>
<div class="product">
<div class="thumb">
<a href="/thehub/how-to-choose-microphone-dynamics-condensers-ribbons-more" aria-label="How to Choose a Microphone: Dynamics, Condensers, Ribbons and More">
<img width="320" height="167" data-lazy="//static.musiciansfriend.com/thehub/binaries/content/gallery/mf/sterling-audio-p20-dynamic-microphone.jpg?imwidth=300" alt="How to Choose a Microphone: Dynamics, Condensers, Ribbons and More">
</a>
</div>
<div class="product-details">
<a href="/thehub/how-to-choose-microphone-dynamics-condensers-ribbons-more">How to Choose a Microphone: Dynamics, Condensers, Ribbons and More</a>
</div>
</div>
<div class="product">
<div class="thumb">
<a href="/thehub/buying-guide-electric-guitars" aria-label="Electric Guitar Buying Guide">
<img width="320" height="167" data-lazy="//static.musiciansfriend.com/thehub/binaries/content/gallery/mf/buying-guides/fender-telecasters.jpg?imwidth=300" alt="Electric Guitar Buying Guide">
</a>
</div>
<div class="product-details">
<a href="/thehub/buying-guide-electric-guitars">Electric Guitar Buying Guide</a>
</div>
</div>
<div class="product">
<div class="thumb">
<a href="/thehub/how-to-choose-the-right-strings-for-your-electric-guitar" aria-label="Pick the Best Electric Guitar Strings for You">
<img width="320" height="167" data-lazy="//static.musiciansfriend.com/thehub/binaries/content/gallery/mf/buying-guides/electric-guitar-string-buying-guide.jpg?imwidth=300" alt="Pick the Best Electric Guitar Strings for You">
</a>
</div>
<div class="product-details">
<a href="/thehub/how-to-choose-the-right-strings-for-your-electric-guitar">Pick the Best Electric Guitar Strings for You</a>
</div>
</div>
<div class="product">
<div class="thumb">
<a href="/thehub/how-to-choose-the-right-pa-system" aria-label="How to Choose the Right PA System">
<img width="320" height="167" data-lazy="//static.musiciansfriend.com/thehub/binaries/content/gallery/mf/buying-guides/harbinger-mls1000-pa.jpg?imwidth=300" alt="How to Choose the Right PA System">
</a>
</div>
<div class="product-details">
<a href="/thehub/how-to-choose-the-right-pa-system">How to Choose the Right PA System</a>
</div>
</div>
<div class="product">
<div class="thumb">
<a href="/thehub/digital-piano-buying-guide" aria-label="How to Choose the Best Digital Piano">
<img width="320" height="167" data-lazy="//static.musiciansfriend.com/thehub/binaries/content/gallery/mf/buying-guides/roland-rd-88-digital-piano.jpg?imwidth=300" alt="How to Choose the Best Digital Piano">
</a>
</div>
<div class="product-details">
<a href="/thehub/digital-piano-buying-guide">How to Choose the Best Digital Piano</a>
</div>
</div>
<div class="product">
<div class="thumb">
<a href="/thehub/electronic-drums-buying-guide" aria-label="How to Buy the Best Electronic Drums">
<img width="320" height="167" data-lazy="//static.musiciansfriend.com/thehub/binaries/content/gallery/mf/buying-guides/simmons-titan-50-electronic-drum-kit.jpg?imwidth=300" alt="How to Buy the Best Electronic Drums">
</a>
</div>
<div class="product-details">
<a href="/thehub/electronic-drums-buying-guide">How to Buy the Best Electronic Drums</a>
</div>
</div>
<div class="product">
<div class="thumb">
<a href="/thehub/how-to-choose-the-right-direct-box" aria-label="How to Choose the Right Direct Box (DI)">
<img width="320" height="167" data-lazy="//static.musiciansfriend.com/thehub/binaries/content/gallery/mf/buying-guides/radial-jdi-passive-direct-box.jpg?imwidth=300" alt="How to Choose the Right Direct Box (DI)">
</a>
</div>
<div class="product-details">
<a href="/thehub/how-to-choose-the-right-direct-box">How to Choose the Right Direct Box (DI)</a>
</div>
</div>
<div class="product">
<div class="thumb">
<a href="/thehub/simmons-titan-electronic-drums" aria-label="A Hit Sound: Simmons Introduces Titan 50 and Titan 20 Electronic Drum Kits">
<img width="320" height="167" data-lazy="//static.musiciansfriend.com/thehub/binaries/content/gallery/mf/behind-the-gear/simmons-titan-50-electronic-drum-kit.jpg?imwidth=300" alt="A Hit Sound: Simmons Introduces Titan 50 and Titan 20 Electronic Drum Kits">
</a>
</div>
<div class="product-details">
<a href="/thehub/simmons-titan-electronic-drums">A Hit Sound: Simmons Introduces Titan 50 and Titan 20 Electronic Drum Kits</a>
</div>
</div>
<div class="product">
<div class="thumb">
<a href="/thehub/alto-ts4-loudspeakers-ts412-ts415" aria-label="Clarity and Connectivity: Alto Professional Revamps TrueSonic Loudspeakers">
<img width="320" height="167" data-lazy="//static.musiciansfriend.com/thehub/binaries/content/gallery/mf/behind-the-gear/alto-professional-ts415-ts412.jpg?imwidth=300" alt="Clarity and Connectivity: Alto Professional Revamps TrueSonic Loudspeakers">
</a>
</div>
<div class="product-details">
<a href="/thehub/alto-ts4-loudspeakers-ts412-ts415">Clarity and Connectivity: Alto Professional Revamps TrueSonic Loudspeakers</a>
</div>
</div>
<div class="product">
<div class="thumb">
<a href="/thehub/yamaha-modx-plus-synthesizer-interview" aria-label="Evolved Music Making: Yamaha Unveils MODX+ Synthesizer">
<img width="320" height="167" data-lazy="//static.musiciansfriend.com/thehub/binaries/content/gallery/mf/interviews/yamaha-modx7-plus-synthesizer.jpg?imwidth=300" alt="Evolved Music Making: Yamaha Unveils MODX+ Synthesizer">
</a>
</div>
<div class="product-details">
<a href="/thehub/yamaha-modx-plus-synthesizer-interview">Evolved Music Making: Yamaha Unveils MODX+ Synthesizer</a>
</div>
</div>
<div class="product">
<div class="thumb">
<a href="/thehub/line-6-catalyst-overview" aria-label="Inspired Tone: The Story of Line 6 Catalyst">
<img width="320" height="167" data-lazy="//static.musiciansfriend.com/thehub/binaries/content/gallery/mf/interviews/line-6-catalyst.jpg?imwidth=300" alt="Inspired Tone: The Story of Line 6 Catalyst">
</a>
</div>
<div class="product-details">
<a href="/thehub/line-6-catalyst-overview">Inspired Tone: The Story of Line 6 Catalyst</a>
</div>
</div>
<div class="product">
<div class="thumb">
<a href="/thehub/positive-grid-spark-mini-overview" aria-label="Learn, Play, Jam: Positive Grid Spark MINI Delivers Maximum Fun">
<img width="320" height="167" data-lazy="//static.musiciansfriend.com/thehub/binaries/content/gallery/mf/interviews/positive-grid-spark-mini-amplifiers.jpg?imwidth=300" alt="Learn, Play, Jam: Positive Grid Spark MINI Delivers Maximum Fun">
</a>
</div>
<div class="product-details">
<a href="/thehub/positive-grid-spark-mini-overview">Learn, Play, Jam: Positive Grid Spark MINI Delivers Maximum Fun</a>
</div>
</div>
<var data-js="slick-config-object" class="hidden" style="display:none;">
{
"arrows": true,
"dots": true,
"lazyLoad": "ondemand",
"speed": 400,
"mobileFirst": true,
"swipe": true,
"slidesToShow": 2,
"slidesToScroll": 2,
"responsive": [
{"breakpoint": 1500, "settings": {"slidesToShow": 6, "slidesToScroll": 6}},
{"breakpoint": 1024, "settings": {"slidesToShow": 5, "slidesToScroll": 5}},
{"breakpoint": 768, "settings": {"slidesToShow": 4, "slidesToScroll": 4}},
{"breakpoint": 414, "settings": {"slidesToShow": 2, "slidesToScroll": 2}},
{"breakpoint": 0, "settings": {"slidesToShow": 2, "slidesToScroll": 2}}
]
}
</var>
</div>
</div>
</div><!-- Layout - Container -->
<!-- Function - PageOmnitureTagging -->
<!-- Layout - Container -->
<div data-js="site-vars" class="siteVars hidden" ></div><script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "Musician's Friend: Musical Instruments Store",
"url": "https://www.musiciansfriend.com/",
"logo": "https://static.musiciansfriend.com/responsive/img/mf/musicians-friend-logo.svg?vId=2026.06.22.MF7.7.39.1.atg.b&cb=4",
"description": "Shop our selection of instruments, musical equipment & supplies. Get the lowest prices & free shipping on most orders. Check back daily for special savings.",
"foundingDate": "1983",
"founder": {
"@type": "Person",
"name": "Rob Eastman"
},
"address": {
"@type": "PostalAddress",
"streetAddress": "5795 Lindero Canyon Road",
"addressLocality": "Westlake Village",
"addressRegion": "CA",
"postalCode": "91362",
"addressCountry": "US"
},
"contactPoint": [
{
"@type": "ContactPoint",
"telephone": "800-449-9128",
"contactType": "customer service",
"areaServed": "US",
"availableLanguage": ["English"]
},
{
"@type": "ContactPoint",
"telephone": "866-226-2919",
"contactType": "customer service",
"areaServed": "US",
"availableLanguage": ["Spanish"]
}
],
"sameAs": [
"https://www.facebook.com/MusiciansFriend",
"https://x.com/musiciansfriend",
"https://www.instagram.com/musiciansfriend/",
"https://www.youtube.com/Musiciansfriend"
],
"brand": {
"@type": "Brand",
"name": "Musician's Friend"
},
"parentOrganization": {
"@type": "Organization",
"name": "Guitar Center, Inc."
}
}
</script>
</main>
<footer class="responsive-footer global-footer">
<div class="responsive-footer_email-signup" region_id="email-signup-wrapper">
<div class="row align-center">
<div class="columns small-12">
<form id="mfNewsLetterForm" method="GET" action="/pages/manage-subscription"
class="responsive-footer_email-signup_form" data-footer-email-signup-form aria-label="Footer Newsletter Signup Form">
<div class="responsive-footer_email-signup_form_wrapper">
<div class="responsive-footer_email-signup_form_wrapper_text">
<p class="responsive-footer_email-signup_form_wrapper_text_title">Get It First</p>
<p class="responsive-footer_email-signup_form_wrapper_text_sub">Sign up now for great
deals</p>
</div>
<div class="responsive-footer_email-signup_form_wrapper_input">
<input aria-label="Email" type="email" id="Email" name="footerEmailSignupAddress" value=""
class="responsive-footer_email-signup_form_wrapper_input_field" data-role="none"
placeholder="Enter Your Email" required data-footer-email-signup-address>
<input type="submit" value="Sign Up" id="btnJoinNow" data-role="none"
class="responsive-footer_email-signup_form_wrapper_input_btn" data-footer-email-signup-button data-testid="footer_email_signup_button">
<div id="clarip-consent-7" class="email-signup_clarip"
data-js="clarip-container">
<input type="checkbox"
class="responsive-footer_email-signup_form_wrapper_input_check"
name="email-checkbox"><label for="email-checkbox">Yes, I would like to receive
emails with news and offers from Musician's Friend.</label></div>
<script>
var pid = 7;
</script>
<script src="https://cdn.clarip.com/gci/clarip_consent.js"></script>
</div>
</div>
<div id="clarip-consent-7"></div>
</form>
</div>
</div>
</div>
<div class="row align-center" region_id="footer-nav">
<div class="columns small-12 medium-3 large-2 responsive-footer_about">
<span class="-title" data-js-footer-collapse-toggle aria-label="About Musician's Friend">Company Overview</span>
                                <ul data-js-footer-collapse>
                                    <li><a href="/about-us" aria-label="about Us">About Us</a></li>
                                    <li><a href="/pages/commitment" aria-label="Our Commitment">Our Commitment</a></li>
                                    <li><a class="responsive-footer_about_hub" href="/thehub" aria-label="blog"></a>
                                    <span class="responsive-footer_about_hub-text">Gear Buying
                                            Guides, Artist
                                            Interviews &
                    More</span></li>
 </ul><div class="responsive-footer_about_ships" id="mf_country_changer">
</div>
</div>
<div class="columns small-12 medium-3 large-2 responsive-footer_categories">
<span class="-title" data-js-footer-collapse-toggle aria-label="Popular Categories">Popular
                                    Categories</span>
                                <ul data-js-footer-collapse>
                                    <li><a href="/guitars?icid=220061">Guitars</a></li>
                                    <li><a href="/bass?icid=220062">Basses</a></li>
                                    <li><a href="/folk-traditional-instruments?icid=220063" id="ftrUkeMandMenjos">Ukuleles, Mandolins &amp; Banjos</a></li>
                                    <li><a href="/amplifiers-effects?icid=220064">Amps & Effects</a></li>
                                    <li><a href="/drums-percussion?icid=220065">Drums</a></li>
                                    <li><a href="/keyboards-midi?icid=220066">Keys & MIDI</a></li>
                                    <li><a href="/live-sound?icid=220067">Live Sound</a></li>
                                    <li><a href="/dj-gear?icid=220068">DJ Equipment</a></li>
                                    <li><a href="/recording-gear?icid=220069">Recording</a></li>
                                    <li><a href="/microphones-wireless-systems?icid=220070">Microphones</a</li>
                                    <li><a href="/accessories?icid=220071">Accessories</a></li>
                                </ul></div>
<div class="columns small-12 medium-3 large-2 responsive-footer_more">
<span class="-title" data-js-footer-collapse-toggle aria-label="More ways to shop">More Ways to
                                    Shop</span>
                                <ul data-js-footer-collapse>
                                    <li><a href="/stupid?icid=220078">Stupid Deal of the Day</a></li>
                                    <li><a href="/deals?icid=220079">Deals</a></li>
                                    <li><a href="/used-gear?icid=220080">Used Gear</a></li>
                                    <li><a href="/open-box-musical-instruments?icid=220081">Open Box</a></li>
                                    <li><a href="/restock?icid=220082">Restock</a></li>
                                    <li><a href="/shopByBrand?icid=220083">Shop by Brand</a></li>
                                    <li><a href="/new-arrivals?icid=220084">New Arrivals</a></li>
                                    <li><a href="/private-reserve?icid=220085">Private Reserve Guitars</a></li>
                                    <li><a href="/clearance?icid=220086">Clearance</a></li>
                                    <li><a href="/gift-certificates?icid=220087">Gift Certificates</a></li>
                                    <li><a href="/shop-with-a-friend?icid=220088">Shop with a Gear Adviser</a></li>
                                </ul></div>
<div class="columns small-12 medium-3 large-2 responsive-footer_services">
<span class="-title" data-js-footer-collapse-toggle aria-label="Services">Programs</span>
                                <ul data-js-footer-collapse>
                                    <li><a href="/rewards?icid=223205">Musician's Friend Rewards</a></li>
                                    <li><a href="/financing?icid=220093">Financing Offers</a></li>
                                    <li><a href="/shop-now-pay-later-with-klarna?icid=223206">Buy now pay later with Klarna</a></li>
                                    <li><a href="/lease-to-own?icid=223207">Progressive Leasing</a></li>
                                </ul></div>
<div class="columns small-12 medium-12 large-2 responsive-footer_contact">
<span class="-title" aria-label="Contact Us">Contact Us</span>
<div class="responsive-footer_contact_call">
<a href="tel:800-449-9128" class="responsive-footer_contact_call_text"
aria-label="call now">Call Now<Span
class="responsive-footer_contact_call_number">800-449-9128</Span></a>
<a data-testid="footer_chat_button" data-footer-chat-button class="responsive-footer_contact_call_btn"
data-show-live-chat="false"
href="#">

Chat Now
<span class="show-for-sr">(opens in new window)</span>
</a>
</div>
<ul>
  <li><a href="/trackorder?icid=220072" aria-label=Track your order">Track your Order</a></li>
  <li><a href="/pages/shipping-commitment?icid=220073" aria-label="Shipping Info">Shipping</a></li>
  <li><a href="/returns?icid=220074" aria-label="Returns">Returns</a></li>
  <li><a href="/faq?icid=220075" aria-label="Frequently Asked Questions">FAQs</a></li>
  <li><a href="https://www.mysynchrony.com/merchants/cmp-index.html?market=music&store=musiciansfriend"
  aria-label="Make a card payment">Make a Card Payment</a></li>
  <li><a href="/myaccount/subscriptions?icid=220076" aria-label="Manage subscriptions">Manage Subscriptions</a></li>
</ul><div class="responsive-footer_contact_social">
<style>
.responsive-footer_contact_social_tw {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 600 600' style='enable-background:new 0 0 600 600;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;%7D .st1%7Bfill:%23888888;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M444.39,161.66h-40.45l-83.6,89.43l-64.02-89.43H145.68L257.67,318.1L145.68,437.89h40.45l89.09-95.29 l68.22,95.29h110.63l-116.19-162.3L444.39,161.66z M397.06,408.59h-38.57L202.68,190.96h38.57L397.06,408.59z'/%3E%3Cpath class='st1' d='M300,36.69L300,36.69C154.58,36.69,36.69,154.58,36.69,300v0c0,145.42,117.89,263.31,263.31,263.31h0 c145.42,0,263.31-117.89,263.31-263.31v0C563.31,154.58,445.42,36.69,300,36.69z M343.56,438.11l-68.22-95.29l-89.09,95.29h-40.45 L257.8,318.32L145.81,161.88h110.63l64.02,89.43l83.6-89.43h40.45L338,275.81l116.19,162.3H343.56z'/%3E%3Cpolygon class='st1' points='202.68,190.96 358.49,408.59 397.06,408.59 241.25,190.96 '/%3E%3C/g%3E%3C/svg%3E");}
</style>
<a href="https://www.facebook.com/MusiciansFriend " class="responsive-footer_contact_social_fb"
aria-label="Musician's Friend on Facebook"><span>Like us on Facebook <span class="screen-reader-only">(Opens in new window)</span></span></a>

<a href="https://twitter.com/musiciansfriend" class="responsive-footer_contact_social_tw"
aria-label="Musician's Friend on Twitter"><span>Follow us on Twitter <span class="screen-reader-only">(Opens in new window)</span></span></a>

<a href="https://www.youtube.com/user/Musiciansfriend" class="responsive-footer_contact_social_yt"
aria-label="Musician's Friend on Youtube"><span>Follow us on Youtube <span class="screen-reader-only">(Opens in new window)</span></span></a>

<a href="https://instagram.com/musiciansfriend" class="responsive-footer_contact_social_ig"
aria-label="Musician's Friend on Instagram"><span>Follow us on Instagram <span class="screen-reader-only">(Opens in new window)</span></span></a></div>
</div>
</div>
<div class="row align-center">
<div class="columns small-12 responsive-footer_terms">
<ul>
									<li>
										<a class="responsive-footer_terms_BBB" alt="Click for the BBB Business Review"
									aria-label="Click for the BBB CARU Business Review" href="https://bbbprograms.org/programs/all-programs/children%27s-advertising-review-unit" rel="nofollow noreferrer" target="_blank"></a>
									</li>
									<li class="do-not-sell">
										<a class="do-not-sell-link" href="/pages/data-request?clarip=1">
										Do Not Sell or Share My Information
										</a>
									</li>
									<li class="data-rights-request">
										<a class="data-rights-request-link" href="/pages/data-request" >Data Rights Request</a>
									</li>
									<li class="cookie-preferences">
										<a id="consent-management-tool" class="cookie-preferences-link" href="#" >Cookie Preferences</a>
									</li>
									<li>
										<a href="/pages/purchase-terms" aria-label="Terms and Conditions">Terms &amp; Conditions</a>
									</li>
									<li>
										<a href="/pages/policies" aria-label="Your privacy rights">Your Privacy Rights</a>
									</li>
									<li class="hideOnInternational">
										<a href="/pages/about-supply-chain" aria-label="California Transparancy Act">CA	Transparancy Act</a>
									</li>
									<li>
										<a href="/sitemap" aria-label="Sitemap">Sitemap</a>
									</li>
									<li>
										<a href="/pages/accessibility-statement"
									aria-label="Accessibility Statement">Accessibility Statement</a>
									</li>
									<li>
										&copy; 2026 Musician's Friend Inc.
									</li></ul>
</div>
</div>
</footer>
<!--Retrieve Omniture Data -->
<var id="omnitureReportDataNew"
data-js="omniture-report-data-new"
class="omnitureData" style="display:none;">
{"sourceCode":"DIRECTSOURCECODE2","siteSection":"home","reportSuiteIds":"musiciansfriendprod","pageType":"home","ATGID":"13785417307","salesforcePageType":"home","countryName":"United States","pageName":"home"}</var>
<script>
window.GCI = window.GCI || {
Modules: {},
NodeModules: {}
};
let GCI = window.GCI;
// Check that service workers are registered
if ('serviceWorker' in navigator) {
//Use the window load event to keep the page load performant
window.addEventListener('load', () => {
navigator.serviceWorker.register(
'/sw.js?vId=2026.06.22.MF7.7.39.1.atg.b&cb=4&urbainAirshipEnabled=true'
).then(function (registration) {
// Registration was successful
console.log('ServiceWorker registration successful with scope: ', registration
.scope);
}, function (err) {
// registration failed :(
console.log('ServiceWorker registration failed: ', err);
});
});
}
</script>
<script>
var container = document.querySelector('main'),
plpContainer = document.querySelector('section.plp')
buoopEl = document.createElement('div');
buoopEl.setAttribute("id", "browser-update-main");
buoopEl.setAttribute("class", "browser-update-responsive");
if (typeof container !== 'undefined' && container !== null) {
container.insertBefore(buoopEl, container.firstChild);
}
else if (typeof plpContainer !== 'undefined' && plpContainer !== null) {
plpContainer.insertBefore(buoopEl, plpContainer.firstChild);
}
var $mainContainer = document.querySelector('#browser-update-main')
var $buoop = {required:{e:-4,f:-3,o:-3,s:-1,c:-3},insecure:false,api:2020.11,
container: $mainContainer,
text: { 'msg':'Your web browser ({brow_name}) is out of date. Update for more security, speed and a better experience on this site.',
'msgmore': '',
'bupdate': 'Update browser', 'bignore': '', 'remind': 'You will be reminded in {days} days.',
'bnever': 'Never show again' },
onclose: function(infos){
buoopEl.classList.add('hidden');
}
};
function $buo_f(){
var e = document.createElement("script");
e.src = "//browser-update.org/update.min.js";
document.body.appendChild(e);
};
try {document.addEventListener("DOMContentLoaded", $buo_f,false)}
catch(e){window.attachEvent("onload", $buo_f)}
</script>
<style>
@keyframes dot-pulse-before {
0%
{ box-shadow: 9984px 0 0 -5px #fff; }
30%
{ box-shadow: 9984px 0 0 2px #fff; }
60%,
100%
{ box-shadow: 9984px 0 0 -5px #fff; }
}
@keyframes dot-pulse {
0%
{ box-shadow: 9999px 0 0 -5px #fff; }
30%
{ box-shadow: 9999px 0 0 2px #fff; }
60%,
100%
{ box-shadow: 9999px 0 0 -5px #fff; }
}
@keyframes dot-pulse-after {
0%
{ box-shadow: 10014px 0 0 -5px #fff; }
30%
{ box-shadow: 10014px 0 0 2px #fff; }
60%,
100%
{ box-shadow: 10014px 0 0 -5px #fff; }
}
a[data-footer-chat-button].loading
{ background-image:none; height: 40px; display: flex; justify-content: center; padding-left: 8px; align-items: center; text-align:left; }
a[data-footer-chat-button].loading .dot-pulse
{ position: relative; left: -9999px; width: 10px; height: 10px; border-radius: 5px; background-color: #fff; color: #fff; box-shadow: 9999px 0 0 -5px #fff; animation: dot-pulse 1.5s infinite linear; animation-delay: 0s; animation-delay: .25s; }
a[data-footer-chat-button].loading .chat-text
{ visibility: hidden; }
a[data-footer-chat-button].loading .dot-pulse::before
{ box-shadow: 9984px 0 0 -5px #fff; animation: dot-pulse-before 1.5s infinite linear; animation-delay: 0s; animation-delay: 0s; }
a[data-footer-chat-button].loading .dot-pulse::after
{ box-shadow: 10014px 0 0 -5px #fff; animation: dot-pulse-after 1.5s infinite linear; animation-delay: 0s; animation-delay: .5s; }
a[data-footer-chat-button].loading .dot-pulse::before,
a[data-footer-chat-button].loading .dot-pulse::after
{ content: ''; display: inline-block; position: absolute; top: 0; width: 10px; height: 10px; border-radius: 5px; background-color: #fff; color: #fff }
</style>
<script>
function bindDataFooterChatBtn () {
$('[data-footer-chat-button]').on('click', function(e){
var el = $(this);
e.preventDefault();
el.addClass('loading');
embedded_svc.onHelpButtonClick();
embedded_svc.addEventHandler("afterDestroy", function(data)
{ el.removeClass('loading'); }
);
})
}
if (GCI.globalHeaderResourcesLoaded) {
bindDataFooterChatBtn();
} else {
document.addEventListener(
'globalHeaderResourcesLoaded',
bindDataFooterChatBtn,
false
);
}
</script>
</div>
<!-- page bottom script content -->
</body>
</html>
