/* MOTIF v258 — consistent MUSIC dropdown geometry and theme */
@media (min-width:901px) {
  .motif-shared-music {
    position:relative!important; display:inline-flex!important; align-items:center!important;
    flex:0 0 auto!important; vertical-align:middle!important;
  }
  .motif-shared-music > .motif-shared-sub {
    position:absolute!important; box-sizing:border-box!important;
    top:100%!important; left:0!important; right:auto!important;
    width:158px!important; min-width:158px!important; max-width:158px!important;
    height:112px!important; min-height:112px!important; max-height:112px!important;
    margin:0!important; padding:21px 18px!important;
    flex-direction:column!important; align-items:stretch!important; justify-content:flex-start!important;
    gap:18px!important; border:0!important; border-radius:0!important;
    box-shadow:0 12px 28px rgba(0,0,0,.13)!important; z-index:1000!important;
    visibility:hidden!important; opacity:0!important; pointer-events:none!important;
    background:#171115!important;
  }
  .motif-shared-music:hover > .motif-shared-sub,
  .motif-shared-music:focus-within > .motif-shared-sub,
  .motif-shared-music.is-open > .motif-shared-sub {
    display:flex!important; visibility:visible!important; opacity:1!important; pointer-events:auto!important;
  }
  .motif-shared-music > .motif-shared-sub a {
    display:block!important; box-sizing:border-box!important;
    margin:0!important; padding:0!important;
    font-size:10px!important; font-weight:500!important; line-height:1.4!important;
    letter-spacing:.07em!important; color:#fff!important; opacity:1!important;
    white-space:nowrap!important; text-decoration:none!important;
  }
  .motif-shared-music > .motif-shared-sub a:hover,
  .motif-shared-music > .motif-shared-sub a:focus-visible {color:#e8bacb!important;}
  /* Beige score shop pages: beige dropdown with dark lettering. */
  .shop-header .motif-shared-music > .motif-shared-sub {
    background:#eae3dd!important;
    box-shadow:0 12px 28px rgba(45,32,30,.12)!important;
  }
  .shop-header .motif-shared-music > .motif-shared-sub a {color:#241e1d!important;}
  .shop-header .motif-shared-music > .motif-shared-sub a:hover,
  .shop-header .motif-shared-music > .motif-shared-sub a:focus-visible {color:#9c586e!important;}
}
@media (max-width:900px) {
  .motif-shared-music > .motif-shared-sub {
    width:auto!important; min-width:0!important; max-width:none!important;
    height:auto!important; min-height:0!important; max-height:none!important;
  }
}

/* v260: normalize desktop dropdown links independently of legacy header rules. */
@media (min-width:901px) {
  .site-header nav .motif-shared-music > .motif-shared-sub,
  .shop-header nav .motif-shared-music > .motif-shared-sub {
    display:grid!important; grid-template-columns:1fr!important;
    grid-template-rows:22px 22px!important; align-content:start!important;
    justify-content:stretch!important; justify-items:stretch!important;
    row-gap:10px!important; column-gap:0!important;
    padding:18px 18px!important; text-align:left!important;
  }
  .site-header nav .motif-shared-music:not(:hover):not(:focus-within):not(.is-open) > .motif-shared-sub,
  .shop-header nav .motif-shared-music:not(:hover):not(:focus-within):not(.is-open) > .motif-shared-sub {
    visibility:hidden!important;opacity:0!important;pointer-events:none!important;
  }
  .site-header nav .motif-shared-music > .motif-shared-sub > a,
  .shop-header nav .motif-shared-music > .motif-shared-sub > a {
    display:block!important;position:static!important;float:none!important;
    box-sizing:border-box!important;width:100%!important;height:22px!important;
    min-height:22px!important;max-height:22px!important;
    margin:0!important;padding:0!important;border:0!important;
    text-align:left!important;text-indent:0!important;
    line-height:22px!important;vertical-align:top!important;
    font-size:10px!important;font-weight:500!important;letter-spacing:.07em!important;
    transform:none!important;
  }
  .site-header nav .motif-shared-music > .motif-shared-sub > a::before,
  .site-header nav .motif-shared-music > .motif-shared-sub > a::after,
  .shop-header nav .motif-shared-music > .motif-shared-sub > a::before,
  .shop-header nav .motif-shared-music > .motif-shared-sub > a::after {content:none!important;display:none!important;}
  .site-header nav .motif-shared-music > .motif-shared-sub > a {color:#fff!important;}
  .shop-header nav .motif-shared-music > .motif-shared-sub > a {color:#241e1d!important;}
}

/* v261: desktop MUSIC dropdown — one geometry for dark and beige headers. */
@media (min-width:901px) {
  .site-header nav .motif-shared-music > .motif-shared-sub,
  .shop-header nav .motif-shared-music > .motif-shared-sub {
    box-sizing:border-box!important;
    width:158px!important; min-width:158px!important; max-width:158px!important;
    height:92px!important; min-height:92px!important; max-height:92px!important;
    top:100%!important; left:0!important; right:auto!important;
    margin:0!important; padding:12px 18px!important;
    display:grid!important; grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:28px 28px!important; row-gap:4px!important;
    align-content:start!important; justify-items:stretch!important;
    text-align:left!important;
  }
  .site-header nav .motif-shared-music > .motif-shared-sub > a,
  .shop-header nav .motif-shared-music > .motif-shared-sub > a {
    box-sizing:border-box!important; display:flex!important;
    align-items:center!important; justify-content:flex-start!important;
    width:100%!important; height:28px!important; min-height:28px!important; max-height:28px!important;
    margin:0!important; padding:0!important; line-height:1!important;
    text-align:left!important; text-indent:0!important;
  }
}

/* v262: beige pages use the same dropdown geometry with a light palette. */
@media (min-width:901px) {
  .site-header.motif-beige-header nav .motif-shared-music > .motif-shared-sub {
    background:#eae3dd!important;
    box-shadow:0 12px 28px rgba(45,32,30,.12)!important;
  }
  .site-header.motif-beige-header nav .motif-shared-music > .motif-shared-sub > a {
    color:#241e1d!important;
  }
  .site-header.motif-beige-header nav .motif-shared-music > .motif-shared-sub > a:hover,
  .site-header.motif-beige-header nav .motif-shared-music > .motif-shared-sub > a:focus-visible {color:#9c586e!important;}
}