.bh-home--neutral {
  --bh-bg:     #000;
  --bh-bg2:    #080808;
  --bh-text:   rgba(242, 237, 228, 0.92);
  --bh-muted:  rgba(242, 237, 228, 0.55);
  --bh-faint:  rgba(242, 237, 228, 0.15);
  --bh-line:   rgba(200,255,0, 0.08);
  --bh-accent: #C8FF00;
  --bh-focus:  rgba(200,255,0, 0.35);
  color: var(--bh-text);
  /* Background removed — page canvas (#bh-page-root) provides unified gradient.
     Both hero (#bh-hero.bh-ch) and this section are transparent on top of it. */
  background: transparent;
  width: 100%;
  min-height: auto;
  margin: 0;
  position: relative;
  isolation: isolate;
  /* clip: clips decorative overflow without creating a scroll container.
     overflow:hidden was preventing position:fixed children from anchoring
     to the viewport on iOS Safari, and could prevent document scroll. */
  overflow-x: clip;
  overflow-y: visible;
}

body.bh-home-neutral-page {
  background: #000;
  overflow-x: clip;
}

body.beatshouse-preview {
  margin: 0;
  background: #000;
  overflow-x: clip;
}

.entry-content > .bh-home--fullpage,
.wp-block-post-content > .bh-home--fullpage,
main > .bh-home--fullpage {
  width: auto;
  max-width: none;
  margin-left: calc(50% - 50dvw);
  margin-right: calc(50% - 50dvw);
}

.bh-home--neutral,
.bh-home--neutral * {
  box-sizing: border-box;
}

.bh-home-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  /* Fade the animated bg layers in from transparent at the top of the feed
     so the hero→feed seam blends into the dark body bg (#000) seamlessly. */
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 180px);
  mask-image: linear-gradient(to bottom, transparent 0%, black 180px);
}

.bh-home-bg-layer {
  position: absolute;
  inset: -6%;
  background-size: cover;
  background-position: center;
  filter: grayscale(0.15) contrast(1.05) brightness(0.55);
  transform: scale(1.05);
  opacity: 0;
  transition: opacity 2200ms ease;
  will-change: transform, opacity;
}

.bh-home-bg-layer.is-on {
  opacity: 1;
  animation: bhDrift 18s ease-in-out infinite alternate;
}

.bh-home-bg-vignette {
  position: absolute;
  inset: 0;
  /* Gradient top → transparent so the seam with #bh-hero is invisible.
     Still darkens the sides/bottom when bg-art photo is loaded. */
  background: radial-gradient(ellipse 140% 55% at 50% 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 80%, rgba(0,0,0,.95) 100%);
}

.bh-home-bg-grain {
  position: absolute;
  inset: 0;
  opacity: 0.1;
  mix-blend-mode: overlay;
  background-image: radial-gradient(rgba(255, 255, 255, 0.12) 0.45px, transparent 0.45px);
  background-size: 3px 3px;
}

/* Gradient Dots — hexagonal animated dot grid */
.bh-home-bg-dots {
  position: absolute;
  inset: 0;
  --dot: 8px;
  --gap: 10px;
  --hex: 17.32px; /* gap * 1.732 */
  /* Dots use a faint white so they're subtly visible on dark bg */
  --bg: rgba(255, 255, 255, 0.045);
  background-color: transparent;
  background-image:
    radial-gradient(circle at 50% 50%, transparent 1.5px, var(--bg) 0 var(--dot), transparent var(--dot)),
    radial-gradient(circle at 50% 50%, transparent 1.5px, var(--bg) 0 var(--dot), transparent var(--dot)),
    radial-gradient(circle at 50% 50%, rgba(220, 40, 40, 0.85),  transparent 60%),
    radial-gradient(circle at 50% 50%, rgba(210, 160, 20, 0.8),  transparent 60%),
    radial-gradient(circle at 50% 50%, rgba(20, 160, 80, 0.8),   transparent 60%),
    radial-gradient(ellipse at 50% 50%, rgba(30, 60, 200, 0.9),  transparent 60%);
  background-size:
    var(--gap) var(--hex),
    var(--gap) var(--hex),
    200% 200%,
    200% 200%,
    200% 200%,
    200% 200%;
  /* Spread the 4 color blobs across the 4 quadrants of the element */
  background-position:
    0px 0px,
    5px 8.66px,
    20% 20%,
    80% 20%,
    20% 80%,
    80% 80%;
  opacity: 0.65;
  animation: bhDotsMove 22s ease-in-out infinite alternate, bhDotsHue 6s linear infinite;
  will-change: background-position, filter;
}

@keyframes bhDotsMove {
  from {
    background-position:
      0px 0px, 5px 8.66px,
      20% 20%, 80% 20%, 20% 80%, 80% 80%;
  }
  to {
    background-position:
      0px 0px, 5px 8.66px,
      72% 68%, 28% 74%, 68% 26%, 32% 32%;
  }
}

@keyframes bhDotsHue {
  from { filter: hue-rotate(0deg); }
  to   { filter: hue-rotate(360deg); }
}

.bh-home-shell {
  max-width: 1100px;
  margin: 0 auto;
  padding: clamp(18px, 3vw, 38px) 18px 60px;
  position: relative;
  z-index: 1;
}

.bh-home--neutral > *:not(.bh-home-bg) {
  position: relative;
  z-index: 1;
}

.bh-home--neutral .bh-home-shell > * {
  min-width: 0;
}

.bh-home--neutral a {
  color: inherit;
  text-decoration: none;
}

/* Header integration (scoped) */
body.bh-home-neutral-page .site-header,
body.bh-home-neutral-page header.wp-block-template-part,
body.bh-home-neutral-page .wp-site-blocks > header {
  background: linear-gradient(180deg, #000 0%, #0A0810 100%);
  border-bottom: 1px solid rgba(200,255,0, 0.08);
  box-shadow: none;
}

body.bh-home-neutral-page .site-header a,
body.bh-home-neutral-page header.wp-block-template-part a,
body.bh-home-neutral-page .wp-site-blocks > header a {
  opacity: 0.9;
  transition: opacity 0.15s ease;
}

body.bh-home-neutral-page .site-header a:hover,
body.bh-home-neutral-page header.wp-block-template-part a:hover,
body.bh-home-neutral-page .wp-site-blocks > header a:hover {
  opacity: 1;
}

/* Kill section backgrounds/borders to avoid cuts */
.bh-home--neutral .bh-home-hero,
.bh-home--neutral .bh-home-featured,
.bh-home--neutral .bh-home-player,
.bh-home--neutral .bh-home-grid,
.bh-home--neutral .bh-home-services,
.bh-home--neutral .bh-home-profile,
.bh-home--neutral .bh-debug {
  margin: 0 0 20px;
  padding: 0;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.bh-home--neutral .bh-home-kicker {
  margin: 0;
  color: var(--bh-muted);
  font: 700 10px/1 'Space Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.bh-home--neutral .bh-home-title {
  margin: 8px 0 0;
  color: #fff;
  font: 700 clamp(34px, 5vw, 58px)/0.93 'Manrope', system-ui, sans-serif;
  letter-spacing: 0.01em;
  text-wrap: balance;
}

.bh-home--neutral .bh-home-sub {
  margin: 10px 0 0;
  color: var(--bh-muted);
  font-size: 15px;
  line-height: 1.6;
  max-width: 66ch;
  text-wrap: pretty;
}

.bh-home--neutral .bh-home-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.bh-home--neutral .bh-home-btn {
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  background: transparent;
  color: rgba(255,255,255,0.7);
  padding: 10px 20px;
  min-height: 40px;
  font: 600 0.85rem/1 'Manrope', system-ui, sans-serif;
  letter-spacing: -0.01em;
  text-transform: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: border-color 220ms cubic-bezier(0.19,1,0.22,1), background-color 220ms cubic-bezier(0.19,1,0.22,1), color 220ms cubic-bezier(0.19,1,0.22,1), transform 140ms cubic-bezier(0.19,1,0.22,1);
}

.bh-home--neutral .bh-home-btn--primary {
  border-color: rgba(200,255,0,0.35);
  background: rgba(200,255,0,0.15);
  color: #C8FF00;
}

.bh-home--neutral .bh-home-btn:hover {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
  transform: translateY(-1px);
}

.bh-home--neutral .bh-home-btn:active {
  transform: scale(0.97);
}

.bh-home--neutral .bh-home-btn:focus-visible,
.bh-home--neutral .bh-home-track-play:focus-visible,
.bh-home--neutral .bh-home-transport:focus-visible,
.bh-home--neutral .bh-home-lang-btn:focus-visible {
  outline: 2px solid var(--bh-focus);
  outline-offset: 2px;
}

.bh-home--neutral .bh-home-lang {
  display: inline-grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2px;
  margin-top: 12px;
  padding: 2px;
  border-radius: 999px;
  border: 1px solid var(--bh-line);
  background: rgba(255, 255, 255, 0.03);
}

.bh-home--neutral .bh-home-lang-btn {
  border: 1px solid transparent;
  background: transparent;
  color: var(--bh-muted);
  border-radius: 999px;
  padding: 8px 14px;
  font: 700 10px/1 'Space Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  min-width: 56px;
  text-align: center;
  transition: color 220ms cubic-bezier(0.19,1,0.22,1), background-color 220ms cubic-bezier(0.19,1,0.22,1), border-color 220ms cubic-bezier(0.19,1,0.22,1);
}

.bh-home--neutral .bh-home-lang-btn.is-active {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.08);
}

.bh-home--neutral .bh-home-section-label {
  margin: 0;
  color: var(--bh-muted);
  font: 700 10px/1 'Space Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.bh-home--neutral .bh-home-featured-head {
  display: flex;
  align-items: center;
  gap: 10px;
}

.bh-home--neutral .bh-home-featured-title {
  margin: 10px 0 0;
  color: #fff;
  font: 700 clamp(28px, 4vw, 50px)/0.95 'Syne', system-ui, sans-serif;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.bh-home--neutral .bh-home-featured-meta {
  margin: 8px 0 0;
  color: var(--bh-muted);
  font: 700 10px/1.2 'Space Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.bh-home--neutral .bh-home-price-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}

.bh-home--neutral .bh-home-price-row span {
  color: var(--bh-muted);
  border: 1px solid var(--bh-line);
  border-radius: 0;
  padding: 6px 8px;
  font: 700 9px/1 'Space Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.bh-home--neutral .bh-home-player-head {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.bh-home--neutral .bh-home-now-meta-wrap {
  min-width: 0;
}

.bh-home--neutral .bh-home-now-label {
  margin: 0;
  color: var(--bh-muted);
  font: 700 9px/1 'Space Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.bh-home--neutral .bh-home-player h3 {
  margin: 4px 0 0;
  color: #fff;
  font: 700 20px/1.12 'Manrope', system-ui, sans-serif;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bh-home--neutral .bh-home-player a.js-home-now-meta {
  display: inline-block;
  margin-top: 6px;
  color: var(--bh-muted);
  font: 700 9px/1 'Space Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.bh-home--neutral .bh-home-player-controls {
  display: grid;
  grid-template-columns: 44px 1fr 44px;
  gap: 10px;
  align-items: center;
  margin-top: 12px;
}

.bh-home--neutral .bh-home-transport {
  border: 1px solid var(--bh-line);
  border-radius: 0;
  background: #111;
  color: #fff;
  height: 42px;
  font: 700 11px/1 'Space Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  letter-spacing: 0.1em;
  cursor: pointer;
}

.bh-home--neutral .bh-home-transport--main {
  background: #111;
}

.bh-home--neutral .bh-home-progress-wrap {
  margin-top: 10px;
  display: grid;
  gap: 8px;
}

.bh-home--neutral .bh-home-progress {
  height: 4px;
  background: rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  overflow: hidden;
}

.bh-home--neutral .bh-home-progress .js-home-progress-fill {
  display: block;
  width: 0;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
}

.bh-home--neutral .bh-home-seek {
  -webkit-appearance: none;
  appearance: none;
  height: 4px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.16);
}

.bh-home--neutral .bh-home-seek::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
}

.bh-home--neutral .bh-home-time {
  color: var(--bh-muted);
  font: 700 9px/1 'Space Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.bh-home--neutral .bh-home-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.bh-home--neutral .bh-home-col {
  min-width: 0;
}

.bh-home--neutral .bh-home-col h4 {
  margin: 0 0 12px;
  color: var(--bh-muted);
  font: 700 10px/1 'Space Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.bh-home--neutral .bh-home-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

.bh-home--neutral .bh-home-list li {
  display: grid;
  grid-template-columns: 40px 44px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 0;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  min-width: 0;
}

.bh-home--neutral .bh-home-track-play {
  width: 40px;
  height: 40px;
  border: 1px solid var(--bh-line);
  border-radius: 0;
  background: #111;
  color: #fff;
  font: 700 11px/1 'Space Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  cursor: pointer;
}

.bh-home--neutral .bh-home-track-play[disabled] {
  opacity: 0.45;
  cursor: not-allowed;
}

.bh-home--neutral .bh-home-track-meta {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.bh-home--neutral .bh-home-track-meta a {
  color: #fff;
  font: 700 15px/1.24 'Manrope', system-ui, sans-serif;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bh-home--neutral .bh-home-track-meta span {
  color: var(--bh-muted);
  font: 700 9px/1 'Space Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bh-home--neutral .bh-home-track-price {
  color: var(--bh-muted);
  font: 700 10px/1 'Space Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  white-space: nowrap;
}

.bh-home--neutral .bh-home-services {
  display: grid;
  gap: 12px;
}

.bh-home--neutral .bh-home-service-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.bh-home--neutral .bh-home-service-pills span {
  color: var(--bh-muted);
  font: 700 9px/1 'Space Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.bh-home--neutral .bh-home-service-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.bh-home--neutral .bh-home-service-card {
  border: 0;
  background: transparent;
}

.bh-home--neutral .bh-home-service-card strong {
  display: block;
  color: #fff;
  font: 700 28px/.94 'Syne', system-ui, sans-serif;
  text-transform: uppercase;
}

.bh-home--neutral .bh-home-service-card p {
  margin: 8px 0 0;
  color: var(--bh-muted);
  font-size: 13px;
  line-height: 1.55;
}

.bh-home--neutral .bh-home-profile {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  background: transparent !important;
}

.bh-home--neutral .bh-home-profile > img {
  width: 72px;
  height: 72px;
  border-radius: 999px;
  object-fit: cover;
  border: 2px solid rgba(255, 255, 255, 0.22);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

.bh-home--neutral .bh-home-profile h4 {
  margin: 0;
  color: #fff;
  font: 700 24px/1.1 'Manrope', system-ui, sans-serif;
  text-transform: none;
}

.bh-home--neutral .bh-home-profile-role {
  margin: 6px 0 0;
  color: var(--bh-muted);
  font: 700 9px/1 'Space Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.bh-home--neutral .bh-home-profile p {
  margin: 8px 0 0;
  color: var(--bh-muted);
  font-size: 13px;
  line-height: 1.55;
}

.bh-home--neutral .bh-home-producer-avatar {
  width: 46px;
  height: 46px;
  border-radius: 999px;
  object-fit: cover;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: transparent;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
}

.bh-home--neutral .bh-debug {
  color: #d6d6d6;
  font: 700 11px/1.45 'Space Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  white-space: pre-wrap;
}

.bh-home--neutral #bh-debug-log {
  margin-top: 8px;
  max-height: 180px;
  overflow: auto;
}

@media (max-width: 980px) {
  .bh-home--neutral .bh-home-service-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 860px) {
  .bh-home--neutral .bh-home-shell {
    padding: 22px 14px 52px;
  }

  .bh-home--neutral .bh-home-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .entry-content > .bh-home--fullpage,
  .wp-block-post-content > .bh-home--fullpage,
  main > .bh-home--fullpage {
    margin-left: calc(50% - 50dvw);
    margin-right: calc(50% - 50dvw);
  }

  .bh-home--neutral .bh-home-shell {
    padding: 18px 12px 48px;
  }

  .bh-home--neutral .bh-home-actions {
    gap: 8px;
  }

  .bh-home--neutral .bh-home-btn {
    width: 100%;
  }

  .bh-home--neutral .bh-home-player-controls {
    grid-template-columns: 44px 1fr 44px;
  }

  .bh-home--neutral .bh-home-list li {
    grid-template-columns: 40px 44px minmax(0, 1fr);
  }

  .bh-home--neutral .bh-home-track-price {
    display: none;
  }

  .bh-home--neutral .bh-home-profile {
    grid-template-columns: 64px minmax(0, 1fr);
  }

  .bh-home--neutral .bh-home-profile > img {
    width: 64px;
    height: 64px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bh-home-bg-layer,
  .bh-home-bg-layer.is-on {
    animation: none !important;
    transition: none !important;
  }
}

@keyframes bhDrift {
  from {
    transform: scale(1.07) translate3d(-1%, -1%, 0);
  }
  to {
    transform: scale(1.1) translate3d(1%, 1%, 0);
  }
}
.bh-home-lang,
.bh-home-lang-btn,
.bh-entry-lang,
.bh-lang-corner,
.bh-lang-corner-btn {
  display: none !important;
}

/* Cart module (inside [app]) */
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module {
  color: var(--bh-text);
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce-cart-form,
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  margin-bottom: 14px;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module table.shop_table {
  border: 0 !important;
  width: 100%;
  border-collapse: collapse;
  background: transparent !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module table.shop_table thead th {
  color: rgba(255, 255, 255, 0.72);
  font: 700 10px/1 "Space Mono", ui-monospace, monospace;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 10px 8px;
  border-bottom: 1px solid var(--bh-line) !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module table.shop_table td {
  color: var(--bh-text);
  border-top: 1px solid var(--bh-line) !important;
  padding: 10px 8px;
  background: transparent !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .product-name a {
  color: #fff;
  font-weight: 700;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .product-name .variation {
  margin-top: 6px;
  color: var(--bh-muted);
  font-size: 12px;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .quantity .qty,
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .coupon .input-text {
  width: 100%;
  min-height: 38px;
  border: 1px solid var(--bh-line) !important;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.03) !important;
  color: #fff !important;
  padding: 8px 10px !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .actions .button,
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .wc-proceed-to-checkout .checkout-button,
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cart_totals .button {
  border: 1px solid var(--bh-line) !important;
  border-radius: 0 !important;
  background: rgba(255, 255, 255, 0.04) !important;
  color: #fff !important;
  font: 700 10px/1 "Space Mono", ui-monospace, monospace !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  min-height: 38px;
  padding: 0 12px !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .actions .button:hover,
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .wc-proceed-to-checkout .checkout-button:hover,
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cart_totals .button:hover {
  border-color: rgba(255, 255, 255, 0.2) !important;
  opacity: 0.96;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cart_totals h2,
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells > h2 {
  margin: 0 0 10px;
  color: #fff;
  font: 700 22px/1 "Manrope", system-ui, sans-serif;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product {
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product .woocommerce-loop-product__title {
  margin: 0 0 4px !important;
  color: #fff !important;
  font: 700 14px/1.25 "Manrope", system-ui, sans-serif !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product .price {
  margin: 0 0 6px !important;
  color: rgba(255, 255, 255, 0.74) !important;
  font: 700 11px/1.2 "Space Mono", ui-monospace, monospace !important;
  letter-spacing: .02em;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product .price .screen-reader-text,
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product .button .screen-reader-text,
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product .added_to_cart,
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product .wc-forward {
  display: none !important;
}

/* Cross-sells images + buttons — canonical styles now in home.php inline block */
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product img:not(.bh-cross-cover) {
  display: none !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product :is(.button, a.button, .add_to_cart_button, .product_type_simple, .product_type_variable, .product_type_external) {
  /* base reset — final styles in home.php inline */
  box-shadow: none !important;
  text-decoration: none !important;
  text-underline-offset: 3px !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product :is(.button, a.button, .add_to_cart_button, .product_type_simple, .product_type_variable, .product_type_external):hover {
  color: #fff !important;
  opacity: 1 !important;
}

/* ── Coupon row — inline, before cart totals ── */
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-coupon-row {
  width: 100%;
  padding: 14px 0 10px;
  border-top: 1px solid var(--bh-line);
  margin-bottom: 4px;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-coupon-label {
  display: block;
  margin-bottom: 8px;
  color: var(--bh-muted);
  font: 700 10px/1 "Space Mono", ui-monospace, monospace;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  cursor: default;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-coupon-fields {
  display: flex;
  gap: 6px;
  align-items: center;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-coupon-input {
  flex: 1 1 0;
  min-width: 0;
  height: 38px !important;
  border: 1px solid var(--bh-line) !important;
  border-radius: 0 !important;
  background: rgba(255, 255, 255, 0.04) !important;
  color: #fff !important;
  font: 500 13px/1 "Manrope", system-ui, sans-serif !important;
  padding: 0 12px !important;
  letter-spacing: 0.04em;
  transition: border-color 0.15s ease;
  box-shadow: none !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-coupon-input:focus {
  outline: none !important;
  border-color: var(--bh-accent) !important;
  box-shadow: 0 0 0 2px var(--bh-focus) !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-coupon-input::placeholder {
  color: var(--bh-muted);
  letter-spacing: 0;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-coupon-btn {
  flex-shrink: 0;
  height: 38px !important;
  padding: 0 16px !important;
  border: 1px solid var(--bh-accent) !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: var(--bh-accent) !important;
  font: 700 11px/1 "Manrope", system-ui, sans-serif !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  white-space: nowrap;
  min-height: unset !important;
  transition: background 0.15s ease, color 0.15s ease !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-coupon-btn:hover {
  background: var(--bh-accent) !important;
  color: #000 !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-coupon-btn:disabled {
  opacity: 0.45;
  cursor: default;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-coupon-msg {
  margin-top: 7px;
  font: 500 12px/1.4 "Manrope", system-ui, sans-serif;
  color: var(--bh-muted);
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-coupon-msg.is-error {
  color: #fca5a5;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-coupon-msg.is-ok {
  color: #86efac;
}

/* Applied state */
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-coupon-applied {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #86efac;
  font: 700 11px/1 "Space Mono", ui-monospace, monospace;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-coupon-applied-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: rgba(134, 239, 172, 0.12);
  border: 1px solid rgba(134, 239, 172, 0.28);
  font-size: 10px;
  flex-shrink: 0;
}

/* Discount row in cart totals */
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals .cart-discount th,
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals .cart-discount td {
  color: #86efac !important;
  font-weight: 700 !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals .cart-discount .amount,
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals .cart-discount bdi {
  color: #86efac !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals .woocommerce-remove-coupon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.45) !important;
  text-decoration: none !important;
  font-size: 11px;
  margin-left: 4px;
  vertical-align: middle;
  transition: background 0.12s ease, border-color 0.12s ease;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals .woocommerce-remove-coupon:hover {
  background: rgba(252, 165, 165, 0.15) !important;
  border-color: rgba(252, 165, 165, 0.3) !important;
  color: #fca5a5 !important;
}

@media (max-width: 820px) {
  .bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products {
    grid-template-columns: 1fr;
  }
  .bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-coupon-fields {
    flex-direction: column;
    align-items: stretch;
  }
  .bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-coupon-btn {
    width: 100% !important;
    justify-content: center;
  }
}

/* FORCE skin for Cart + Checkout in app stage */
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body:is(.is-cart-module, .is-checkout-module) .woocommerce,
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body:is(.is-cart-module, .is-checkout-module) .woocommerce-checkout {
  max-width: 1060px !important;
  margin: 0 auto !important;
  color: #e8f0ff !important;
  background: transparent !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body:is(.is-cart-module, .is-checkout-module) .woocommerce :is(table.shop_table, .woocommerce-cart-form, .cross-sells, #customer_details, .woocommerce-checkout-review-order, form.checkout) {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body:is(.is-cart-module, .is-checkout-module) .woocommerce :is(input, select, textarea) {
  border: 1px solid var(--bh-line) !important;
  border-radius: 0 !important;
  background: rgba(255, 255, 255, 0.04) !important;
  color: #fff !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body:is(.is-cart-module, .is-checkout-module) .woocommerce :is(.button, button.button, a.button, #place_order) {
  border: 1px solid rgba(255, 255, 255, 0.24) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: #fff !important;
  text-transform: uppercase !important;
  letter-spacing: .1em !important;
  min-height: 40px !important;
  box-shadow: none !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body:is(.is-cart-module, .is-checkout-module) .woocommerce :is(.button, button.button, a.button, #place_order):hover {
  border-color: rgba(255, 255, 255, 0.36) !important;
  background: rgba(255, 255, 255, 0.16) !important;
}

/* Checkout specific layout + controls */
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-checkout-module form.checkout {
  padding: 14px !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout .col2-set {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 12px !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout .col-1,
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout .col-2 {
  float: none !important;
  width: 100% !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce form .form-row {
  margin: 0 0 10px !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce form .form-row label {
  color: rgba(255, 255, 255, 0.78) !important;
  font: 700 10px/1.2 "Space Mono", ui-monospace, monospace !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 6px !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout #order_review_heading,
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout .woocommerce-billing-fields > h3,
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout .woocommerce-shipping-fields > h3 {
  color: #fff !important;
  font: 700 18px/1.1 "Manrope", system-ui, sans-serif !important;
  margin: 0 0 10px !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout #order_review {
  margin-top: 10px !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout #payment {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout #payment ul.payment_methods {
  border-bottom: 1px solid var(--bh-line) !important;
  padding-bottom: 8px !important;
  margin-bottom: 10px !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout #payment div.payment_box {
  background: rgba(255, 255, 255, 0.04) !important;
  color: rgba(255, 255, 255, 0.86) !important;
  border-radius: 0 !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout #payment div.payment_box::before {
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout #place_order {
  width: 100% !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce .select2-container .select2-selection {
  border: 1px solid var(--bh-line) !important;
  border-radius: 0 !important;
  background: rgba(255, 255, 255, 0.04) !important;
  min-height: 40px !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #fff !important;
  line-height: 38px !important;
}

@media (max-width: 860px) {
  .bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout .col2-set {
    grid-template-columns: 1fr !important;
  }
}

/* Cart/Checkout polish */
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body:is(.is-cart-module, .is-checkout-module) .woocommerce table.shop_table :is(th, td) {
  color: rgba(255, 255, 255, 0.94) !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals table th {
  color: rgba(255, 255, 255, 0.82) !important;
  font-weight: 700 !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals table td {
  color: #fff !important;
  font-weight: 700 !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals .order-total :is(th, td, .amount, bdi) {
  color: #e2e8f0 !important;
  font-weight: 800 !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .product-name > a {
  font-size: 15px !important;
  font-weight: 700 !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells > h2 {
  font-size: 18px !important;
  margin-bottom: 14px !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products {
  padding-left: 2px !important;
  gap: 14px !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product .woocommerce-loop-product__title {
  font-size: 15px !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product :is(.button, a.button, .add_to_cart_button, .product_type_simple, .product_type_variable, .product_type_external) {
  opacity: 0.86;
  transition: opacity .18s ease, color .18s ease !important;
}


.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product :is(.product_type_variable, .product_type_external) {
  color: rgba(255, 255, 255, 0.72) !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce-message,
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce-info {
  border: 1px solid rgba(122, 226, 255, 0.35) !important;
  background: rgba(122, 226, 255, 0.08) !important;
  color: #dff7ff !important;
}

@media (max-width: 760px) {
  .bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table thead {
    display: none !important;
  }

  .bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table tbody tr {
    display: block !important;
    border-bottom: 1px solid var(--bh-line) !important;
    padding: 10px 0 !important;
  }

  .bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table tbody td {
    display: block !important;
    width: 100% !important;
    border: 0 !important;
    padding: 6px 0 !important;
  }

  .bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals {
    max-width: none !important;
    margin-left: 0 !important;
  }
}

/* Cart UX tuning: hierarchy, CTA weight, spacing, mobile readability */
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals table th {
  color: #f7fbff !important;
  font-weight: 800 !important;
  letter-spacing: 0.03em;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals table td,
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals table td .amount,
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals table td bdi {
  color: #ffffff !important;
  font-weight: 800 !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals .order-total :is(th, td, .amount, bdi) {
  color: #e2e8f0 !important;
  font-size: 18px !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module {
  position: relative;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0.88) 100%);
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module > * {
  position: relative;
  z-index: 1;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells {
  padding-left: 6px !important;
  margin-top: 20px !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products {
  gap: 16px !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product .woocommerce-loop-product__title {
  font-size: 16px !important;
  margin-bottom: 6px !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.52);
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product .price {
  font-size: 12px !important;
  color: rgba(255, 255, 255, 0.88) !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product :is(.button, a.button, .add_to_cart_button, .product_type_simple, .product_type_variable, .product_type_external) {
  color: rgba(255, 255, 255, 0.84) !important;
  transition: color .18s ease, opacity .18s ease, transform .18s ease, background-color .18s ease !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product :is(.button, a.button, .add_to_cart_button, .product_type_simple, .product_type_variable, .product_type_external):hover {
  color: #e2e8f0 !important;
  opacity: 1 !important;
  transform: translateY(-1px);
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart-discount {
  color: #8fffb2 !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .product-name > a {
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals table tr:not(.order-total) th {
  position: relative;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals table tr:not(.order-total) th::after {
  content: "";
  position: absolute;
  left: calc(100% + 8px);
  right: -140px;
  top: 50%;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.22);
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .quantity {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .quantity .qty {
  width: 68px !important;
  min-width: 68px !important;
  text-align: center;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-qty-btn {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
  font: 800 15px/1 "Manrope", system-ui, sans-serif;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-qty-btn:hover {
  border-color: rgba(122, 226, 255, 0.72);
  color: #e2e8f0;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells .add_to_cart_button.is-busy,
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells .add_to_cart_button.added {
  color: #e2e8f0 !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-coupon-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 10px;
  padding: 6px 10px;
  border: 1px solid rgba(143, 255, 178, 0.35);
  border-radius: 999px;
  background: rgba(143, 255, 178, 0.1);
  color: #d5ffe4;
  font: 700 10px/1 "Space Mono", ui-monospace, monospace;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-coupon-badge::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #8fffb2;
}

/* Permanently suppress WC native coupon/update controls — survives WC fragment replacement */
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce-cart-form .coupon,
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce-cart-form [name="update_cart"],
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce-cart-form .actions,
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module a.showcoupon,
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce-cart__coupon-form-toggle { display: none !important; }

@media (max-width: 760px) {
  .bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table tbody td {
    position: relative;
    padding: 6px 0 6px 42% !important;
    min-height: 24px;
  }

  .bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table tbody td::before {
    content: attr(data-title);
    position: absolute;
    left: 0;
    top: 7px;
    width: 38%;
    color: rgba(255, 255, 255, 0.74);
    font: 700 10px/1.2 "Space Mono", ui-monospace, monospace;
    letter-spacing: .06em;
    text-transform: uppercase;
  }

  .bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table tbody td.product-name,
  .bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table tbody td.product-remove {
    padding-left: 0 !important;
  }

  .bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table tbody td.product-name::before,
  .bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table tbody td.product-remove::before {
    display: none;
  }

  .bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals table tr:not(.order-total) th::after {
    display: none;
  }
}

/* Licensing cart mode: remove table feel, cleaner CTAs, stronger hierarchy */
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table thead {
  display: none !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table,
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table tr,
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table td {
  border: 0 !important;
  background: transparent !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table tr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.09) !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce :is(th.product-price, td.product-price, th.product-quantity, td.product-quantity) {
  display: none !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .quantity {
  display: none !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce td.product-name {
  padding: 12px 0 !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce td.product-remove {
  text-align: right;
  width: 40px;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce td.product-remove a.remove {
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce td.product-remove a.remove:hover {
  color: #e2e8f0 !important;
  background: transparent !important;
}


.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product :is(.button, a.button, .add_to_cart_button, .product_type_simple, .product_type_variable, .product_type_external) {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 4px 0 !important;
  min-height: 0 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.28) !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product :is(.button, a.button, .add_to_cart_button, .product_type_simple, .product_type_variable, .product_type_external):hover {
  border-bottom-color: #e2e8f0 !important;
  color: #e2e8f0 !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells > h2 {
  margin-top: 26px !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product {
  text-align: left !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-license-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 4px 0 6px;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-license-badges span {
  display: inline-flex;
  align-items: center;
  height: 18px;
  padding: 0 7px;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: rgba(255, 255, 255, 0.78);
  font: 700 9px/1 "Space Mono", ui-monospace, monospace;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals .order-total :is(th, td, .amount, bdi) {
  font-size: 22px !important;
}

/* ── Cart v3.1: cover thumbnails in cross-sells ── */
/* Cross-sells product card layout — canonical styles now in home.php inline block */

/* ── Cart v3.1: player bar safe area ── */
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module {
  padding-bottom: 100px !important;
}

/* ── Cart v3.1: hide WooCommerce variable product description leaking ── */
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product > .woocommerce-LoopProduct-link ~ br,
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product > .woocommerce-LoopProduct-link ~ small,
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product > p:not(.price) {
  display: none !important;
}

/* ── Cart v3.1: cart item row — product name emphasis ── */
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce td.product-name a {
  font: 700 15px/1.3 "Manrope", system-ui, sans-serif !important;
  color: #fff !important;
}
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce td.product-subtotal .amount {
  font: 800 16px/1 "Manrope", system-ui, sans-serif !important;
  color: #fff !important;
}

/* ── Cart v3.1: mobile cross-sells ── */
@media (max-width: 760px) {
  .bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  .bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product {
    padding: 12px !important;
    border-radius: 0 !important;
  }
}

/* ==========================================================================
   CART v4 — stable grid layout, unified design language
   Overrides all previous is-cart-module layers above.
   ========================================================================== */

/* Scope shorthand via custom property trick is not needed — use full selector */

/* 1. Container: CSS grid, transparent bg */

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce::before,
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce::after {
  display: none !important;
}

/* 2. Grid item placement — keep WC floats from breaking layout */
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce > .woocommerce-notices-wrapper {
  grid-column: 1 / -1 !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce > form.woocommerce-cart-form {
  grid-column: 1 !important;
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce > .cart-collaterals {
  grid-column: 2 !important;
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

/* 3. Cart table — dark glass card */
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table.cart {
  width: 100% !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  background: rgba(8,9,15,0.92) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table.cart tbody tr {
  display: table-row !important;
  border-bottom: 1px solid rgba(255,255,255,0.055) !important;
  background: transparent !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table.cart tbody tr:last-child {
  border-bottom: 0 !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table.cart tbody td {
  display: table-cell !important;
  padding: 16px 18px !important;
  border: 0 !important;
  background: transparent !important;
  vertical-align: middle !important;
  width: auto !important;
  position: static !important;
  min-height: 0 !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table.cart tbody td::before {
  display: none !important;
}

/* 4. Cart totals — blue-border glass card, sticky */
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals {
  background: rgba(7,9,14,0.96) !important;
  border: 1px solid rgba(200,255,0,0.2) !important;
  border-radius: 0 !important;
  padding: 20px 18px !important;
  box-shadow: 0 0 0 1px rgba(200,255,0,0.05), 0 20px 48px rgba(0,0,0,0.5), inset 0 1px 0 rgba(200,255,0,0.1) !important;
  max-width: none !important;
  margin: 0 !important;
  position: sticky !important;
  top: 24px !important;
  /* reset previous border-top trick */
  border-top: 1px solid rgba(200,255,0,0.2) !important;
  padding-top: 20px !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals h2 {
  font: 700 17px/1 'Syne', system-ui, sans-serif !important;
  color: #f0edea !important;
  letter-spacing: -0.01em !important;
  margin: 0 0 18px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}

/* 5. Totals table — clean, no card */
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals table {
  width: 100% !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  border-collapse: collapse !important;
  overflow: visible !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals table th {
  font: 500 11px/1 'Manrope', sans-serif !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: rgba(240,237,234,0.42) !important;
  padding: 9px 0 !important;
  border: 0 !important;
  text-align: left !important;
  font-weight: 500 !important;
  background: transparent !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals table td {
  padding: 9px 0 !important;
  border: 0 !important;
  text-align: right !important;
  color: #f0edea !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  background: transparent !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals .cart-subtotal th,
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals .cart-subtotal td {
  padding-bottom: 12px !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals .order-total th,
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals .order-total td {
  padding-top: 14px !important;
  border: 0 !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals .order-total :is(th, td, .amount, bdi) {
  font: 800 28px/1 'Syne', system-ui, sans-serif !important;
  color: #f0edea !important;
  letter-spacing: -0.02em !important;
  font-size: 28px !important;
}

/* 6. Coupon discount row — green */
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals .cart-discount th,
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals .cart-discount td {
  color: #86efac !important;
  font-weight: 700 !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals .cart-discount .amount,
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals .cart-discount bdi {
  color: #86efac !important;
  font-size: 14px !important;
}

/* 7. Remove coupon × button */
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals .woocommerce-remove-coupon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 16px !important;
  height: 16px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  color: rgba(255,255,255,0.45) !important;
  text-decoration: none !important;
  font-size: 11px !important;
  margin-left: 4px !important;
  vertical-align: middle !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals .woocommerce-remove-coupon:hover {
  background: rgba(252,165,165,0.15) !important;
  border-color: rgba(252,165,165,0.3) !important;
  color: #fca5a5 !important;
}

/* 9. Remove button */
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce td.product-remove a.remove {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  background: rgba(255,255,255,0.04) !important;
  color: rgba(240,237,234,0.35) !important;
  font-size: 16px !important;
  line-height: 1 !important;
  text-decoration: none !important;
  transition: background 0.16s, border-color 0.16s, color 0.16s !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce td.product-remove a.remove:hover {
  background: rgba(239,68,68,0.14) !important;
  border-color: rgba(239,68,68,0.35) !important;
  color: #fca5a5 !important;
}

/* 10. Product name */
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce td.product-name a {
  font: 700 15px/1.3 'Manrope', system-ui, sans-serif !important;
  color: #f0edea !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

/* 11. Price alignment */
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce td.product-subtotal {
  text-align: right !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce td.product-subtotal .amount {
  font: 700 15px/1 'Manrope', sans-serif !important;
  color: #f0edea !important;
}

/* 12. Dotted connector lines in totals — remove */
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals table tr th::after {
  display: none !important;
}

/* 13. Hide cross-sells */
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells {
  display: none !important;
}

/* 14. Mobile — single column */
@media (max-width: 700px) {
  .bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce > form.woocommerce-cart-form,
  .bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce > .cart-collaterals {
    grid-column: 1 !important;
  }

  .bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals {
    position: static !important;
    top: auto !important;
  }
}

/* [license] module (app stage) */
.bh-home-v5 #bh-home-app-stage .bh-home-license-pane {
  max-width: 980px;
  margin: 0 auto;
  padding: 6px 0 12px;
}

.bh-home-v5 #bh-home-app-stage .bh-home-license-head h3 {
  margin: 4px 0 6px;
  color: #fff;
  font: 800 28px/1 "Manrope", system-ui, sans-serif;
}

.bh-home-v5 #bh-home-app-stage .bh-home-license-head p {
  margin: 0;
  color: rgba(255, 255, 255, 0.74);
}

.bh-home-v5 #bh-home-app-stage .bh-home-license-kicker {
  margin: 0;
  color: rgba(122, 226, 255, 0.9);
  font: 700 10px/1 "Space Mono", ui-monospace, monospace;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.bh-home-v5 #bh-home-app-stage .bh-home-license-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}

.bh-home-v5 #bh-home-app-stage .bh-home-license-card {
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.03);
}

.bh-home-v5 #bh-home-app-stage .bh-home-license-card h4 {
  margin: 0 0 8px;
  color: #fff;
  font: 800 14px/1.2 "Manrope", system-ui, sans-serif;
}

.bh-home-v5 #bh-home-app-stage .bh-home-license-card ul {
  margin: 0;
  padding-left: 16px;
  color: rgba(255, 255, 255, 0.82);
  display: grid;
  gap: 4px;
}

.bh-home-v5 #bh-home-app-stage .bh-home-license-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 14px;
}

@media (max-width: 860px) {
  .bh-home-v5 #bh-home-app-stage .bh-home-license-grid {
    grid-template-columns: 1fr;
  }
}

/* Home polish: lighter nav, stronger hero readability, compact recent rows */
.bh-home-v5 .bh-home-kicker {
  letter-spacing: 0.12em;
}

.bh-home-v5 .bh-home-title {
  font-size: clamp(48px, 8vw, 96px) !important;
  line-height: 0.92 !important;
  font-family: 'Syne', system-ui, sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: -0.05em !important;
  text-transform: uppercase !important;
}

.bh-home-v5 .bh-home-sub {
  color: rgba(255, 255, 255, 0.82) !important;
  max-width: 52ch !important;
}

.bh-home-v5 .bh-home-menu-panel,
.bh-home-v5 .bh-home-menu-link {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.bh-home-v5 .bh-home-menu-link {
  padding: 4px 0 !important;
  color: rgba(255, 255, 255, 0.78) !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  border-bottom: 1px solid transparent !important;
}

.bh-home-v5 .bh-home-menu-link:hover,
.bh-home-v5 .bh-home-menu-link:focus-visible {
  color: #ffffff !important;
  border-bottom-color: rgba(255, 255, 255, 0.72) !important;
}

.bh-home-v5 .bh-home-hero {
  position: relative;
  isolation: isolate;
}

.bh-home-v5 .bh-home-hero::before {
  content: "";
  position: absolute;
  inset: -10px -12px;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.36) 55%, rgba(0, 0, 0, 0.08) 100%);
}

.bh-home-v5 .bh-home-btn {
  border-radius: 0 !important;
}

.bh-home-v5 .bh-home-btn--primary {
  background: #C8FF00 !important;
  border-color: #C8FF00 !important;
  color: #000 !important;
  font-weight: 900 !important;
  letter-spacing: .1em !important;
}

.bh-home-v5 .bh-home-btn--primary:hover {
  background: #E8FF88 !important;
  border-color: #E8FF88 !important;
  color: #000 !important;
}
.bh-home-v5 .bh-home-btn:active { transform: scale(0.97) !important; }

.bh-home-v5 .bh-home-tracklist {
  gap: 6px !important;
}

.bh-home-v5 .bh-home-trackrow {
  grid-template-columns: 32px 42px minmax(0, 1fr) auto !important;
  gap: 10px !important;
  padding: 8px 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  transition: background-color 220ms cubic-bezier(0.19,1,0.22,1);
}

.bh-home-v5 .bh-home-trackrow:hover {
  background: rgba(255, 255, 255, 0.04) !important;
}
.bh-home-v5 .bh-home-trackrow:active { transform: scale(0.98); }

.bh-home-v5 .bh-home-trackavatar {
  width: 42px !important;
  height: 42px !important;
  border-radius: 0 !important;
}

.bh-home-v5 .bh-home-trackname a {
  font-size: 14px !important;
}

.bh-home-v5 .bh-home-trackauthor {
  font-size: 10px !important;
  letter-spacing: .08em !important;
}

.bh-home-v5 .bh-home-trackprice {
  margin: 0 !important;
  font: 700 11px/1 "Space Mono", ui-monospace, monospace !important;
  color: rgba(255, 255, 255, 0.88) !important;
  text-align: right;
  min-width: 92px;
}

/* Free layout pass: recent beats, player, and app chrome without heavy boxes */
.bh-home-v5 .bh-home-recent,
.bh-home-v5 .bh-home-featured,
.bh-home-v5 .bh-home-bottom,
.bh-home-v5 .bh-home-embed-section,
.bh-home-v5 .bh-home-embed-body,
.bh-home-v5 .bh-home-panel-empty {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.bh-home-v5 .bh-home-recent,
.bh-home-v5 .bh-home-featured,
.bh-home-v5 .bh-home-bottom,
.bh-home-v5 .bh-home-embed-section {
  contain: layout paint style;
  content-visibility: auto;
  contain-intrinsic-size: 320px;
}

.bh-home-v5 .bh-home-tracklist {
  gap: 0;
}

.bh-home-v5 .bh-home-trackrow {
  grid-template-columns: 30px 42px minmax(0, 1fr) minmax(90px, 1fr) auto;
  gap: 14px;
  padding: 14px 0;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.bh-home-v5 .bh-home-trackrow:hover {
  background: rgba(200,255,0,.02) !important;
  border-color: rgba(200,255,0,.14) !important;
}

.bh-home-v5 .bh-home-trackavatar {
  width: 42px;
  height: 42px;
  border-radius: 0;
  border: 0 !important;
  box-shadow: none !important;
}

.bh-home-v5 .bh-home-master-play,
.bh-home-v5 .bh-home-track-play {
  width: 30px;
  height: 30px;
  padding: 0;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(255,255,255,0.94);
}

.bh-home-v5 .bh-home-master-play:hover,
.bh-home-v5 .bh-home-track-play:hover {
  background: transparent !important;
  color: #ffffff;
  transform: none;
}

.bh-home-v5 .bh-home-wave-cell,
.bh-home-v5 .bh-home-wave {
  background: transparent !important;
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.bh-home-v5 .bh-home-trackprice {
  color: rgba(255, 255, 255, 0.82);
}

.bh-home-v5 .bh-home-menu-link,
.bh-home-v5 .bh-home-unified-actions .bh-home-btn,
.bh-home-v5 .bh-auth-panel__actions .bh-home-btn {
  color: rgba(255, 255, 255, 0.82) !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.bh-home-v5 .bh-home-menu-link:hover,
.bh-home-v5 .bh-home-menu-link:focus-visible,
.bh-home-v5 .bh-home-unified-actions .bh-home-btn:hover,
.bh-home-v5 .bh-home-unified-actions .bh-home-btn:focus-visible,
.bh-home-v5 .bh-auth-panel__actions .bh-home-btn:hover,
.bh-home-v5 .bh-auth-panel__actions .bh-home-btn:focus-visible {
  color: #ffffff !important;
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

.bh-home-v5 .bh-home-menu-link::after,
.bh-home-v5 .bh-home-unified-actions .bh-home-btn::after {
  background: rgba(255, 255, 255, 0.28) !important;
}

.bh-home-v5 .bh-home-menu-link[data-bh-service-type=\"mastering\"],
.bh-home-v5 .bh-home-unified-actions [data-bh-service-type=\"mastering\"] {
  letter-spacing: 0.14em;
}

/* ═══════════════════════════════════════════════
   MAIN PLAYER — HOME
═══════════════════════════════════════════════ */
@keyframes bhGpPlayPulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(200,255,0,0), 0 6px 24px rgba(200,255,0,0.5); }
  50%       { box-shadow: 0 0 0 8px rgba(200,255,0,0.12), 0 6px 24px rgba(200,255,0,0.6); }
}
@keyframes bhGpSlide {
  from { opacity:0; transform:translateY(10px) translateX(-50%); }
  to   { opacity:1; transform:translateY(0)    translateX(-50%); }
}

.bh-home-v5 .bh-app-main-player.bst-glass-player {
  --gp-accent:      #C8FF00;
  --gp-accent-hi:   #5BC4F8;
  --gp-bg:          rgba(6, 7, 13, 0.97);
  --gp-border:      rgba(26, 150, 232, 0.18);
  --gp-text:        #F0EDEA;
  --gp-muted:       rgba(240, 237, 234, 0.42);
  --gp-track-bg:    rgba(255, 255, 255, 0.14);
  --gp-title-font:  'Syne', system-ui, sans-serif;
  --gp-mono-font:   'DM Mono', 'Space Mono', monospace;

  width: min(440px, calc(100vw - 28px));
  bottom: 72px;
  padding: 20px 22px 22px;
  border-radius: 18px;
  background: var(--gp-bg) !important;
  backdrop-filter: blur(40px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(40px) saturate(180%) !important;
  border: 1px solid var(--gp-border) !important;
  box-shadow:
    0 0 0 1px rgba(26, 150, 232, 0.06),
    0 24px 64px rgba(0, 0, 0, 0.65),
    0 8px 20px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(26, 150, 232, 0.12) !important;
  animation: bhGpSlide 0.3s cubic-bezier(0.22, 1, 0.36, 1) both;
}
/* Accent stripe at top */
.bh-home-v5 .bh-app-main-player.bst-glass-player::before {
  content: '';
  position: absolute;
  top: 0; left: 16px; right: 16px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(200,255,0,.55) 40%, rgba(200,255,0,.55) 60%, transparent);
  border-radius: 1px;
  pointer-events: none;
}

/* Collapsed state */
.bh-home-v5 .bh-app-main-player.bst-glass-player.is-collapsed .bst-gp-progress-wrap,
.bh-home-v5 .bh-app-main-player.bst-glass-player.is-collapsed .bst-gp-controls {
  display: none;
}
.bh-home-v5 .bh-app-main-player.bst-glass-player.is-collapsed {
  padding: 12px 16px;
  border-radius: 12px;
}

/* Legacy fallback for non-glass */
.bh-home-v5 .bh-app-main-player:not(.bst-glass-player) {
  width: min(880px, calc(100vw - 36px));
  bottom: 72px;
  padding: 0;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* ── Header row: cover + meta + tools ── */
.bh-home-v5 .bh-app-main-player .bst-gp-header {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 16px;
}
.bh-home-v5 .bh-app-main-player.is-collapsed .bst-gp-header {
  margin-bottom: 0;
}

.bh-home-v5 .bh-app-main-player .bst-gp-cover-wrap {
  flex: 0 0 76px;
  width: 76px;
  height: 76px;
  position: relative;
}
.bh-home-v5 .bh-app-main-player.is-collapsed .bst-gp-cover-wrap {
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
}

.bh-home-v5 .bh-app-main-player .bh-app-main-player__avatar {
  width: 76px !important;
  height: 76px !important;
  border-radius: 0 !important;
  object-fit: cover !important;
  display: block;
  border: 0 !important;
  box-shadow:
    0 0 0 1px rgba(26, 150, 232, 0.28),
    0 0 16px rgba(26, 150, 232, 0.15),
    0 6px 20px rgba(0, 0, 0, 0.55) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
.bh-home-v5 .bh-app-main-player .bh-app-main-player__avatar:hover {
  transform: scale(1.04) !important;
  box-shadow:
    0 0 0 1px rgba(26, 150, 232, 0.4),
    0 0 22px rgba(26, 150, 232, 0.22),
    0 8px 24px rgba(0, 0, 0, 0.6) !important;
}
.bh-home-v5 .bh-app-main-player.is-collapsed .bh-app-main-player__avatar {
  width: 38px !important;
  height: 38px !important;
  border-radius: 6px !important;
}

.bh-home-v5 .bh-app-main-player__avatar-link {
  display: block;
  text-decoration: none;
  line-height: 0;
}

.bh-home-v5 .bh-app-main-player .bst-gp-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.bh-home-v5 .bh-app-main-player .bst-gp-title,
.bh-home-v5 .bh-app-main-player__title-link {
  display: block;
  font: 700 16px/1.2 var(--gp-title-font) !important;
  color: var(--gp-text) !important;
  letter-spacing: -0.01em;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bh-home-v5 .bh-app-main-player .bst-gp-producer,
.bh-home-v5 .bh-app-main-player .js-app-player-subtitle {
  font: 600 10px/1 var(--gp-mono-font) !important;
  color: var(--gp-accent-hi) !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-decoration: none;
  opacity: 0.9;
}

.bh-home-v5 .bh-app-main-player__title-link:hover,
.bh-home-v5 .bh-app-main-player .js-app-player-subtitle:hover {
  color: #fff !important;
}
.bh-home-v5 .bh-app-main-player__title-link[aria-disabled="true"],
.bh-home-v5 .bh-app-main-player__avatar-link[aria-disabled="true"] {
  pointer-events: none;
}

.bh-home-v5 .bh-app-main-player .bh-app-main-player__tools {
  display: flex;
  gap: 2px;
  margin-left: auto;
  flex-shrink: 0;
  align-self: flex-start;
}

/* ── Progress bar ── */
.bh-home-v5 .bh-app-main-player .bst-gp-progress-wrap {
  margin-bottom: 14px;
  overflow: hidden;
}
.bh-home-v5 .bh-app-main-player .bst-gp-progress {
  --_fill: 0%;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 5px;
  border-radius: 3px;
  box-sizing: border-box;
  padding: 0;
  background: linear-gradient(
    to right,
    var(--gp-accent) 0%,
    var(--gp-accent) var(--_fill),
    var(--gp-track-bg) var(--_fill),
    var(--gp-track-bg) 100%
  );
  outline: none;
  cursor: pointer;
  margin: 0 0 2px;
  display: block;
  transition: height 0.18s ease;
}
.bh-home-v5 .bh-app-main-player .bst-gp-progress:hover {
  height: 7px;
}
/* Safari/Chrome track — must be transparent so input background shows through */
.bh-home-v5 .bh-app-main-player .bst-gp-progress::-webkit-slider-runnable-track {
  height: 5px;
  border-radius: 3px;
  background: transparent;
}
.bh-home-v5 .bh-app-main-player .bst-gp-progress:hover::-webkit-slider-runnable-track {
  height: 7px;
}
.bh-home-v5 .bh-app-main-player .bst-gp-progress::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
  margin-top: -4.5px;
  box-shadow: 0 0 10px rgba(26, 150, 232, 0.65);
  opacity: 0;
  transition: opacity 0.2s;
}
.bh-home-v5 .bh-app-main-player .bst-gp-progress:hover::-webkit-slider-thumb {
  opacity: 1;
}
.bh-home-v5 .bh-app-main-player .bst-gp-progress::-moz-range-track {
  height: 5px;
  border-radius: 3px;
  background: var(--gp-track-bg);
}
.bh-home-v5 .bh-app-main-player .bst-gp-progress::-moz-range-thumb {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
  border: none;
  box-shadow: 0 0 10px rgba(26, 150, 232, 0.65);
  opacity: 0;
  transition: opacity 0.2s;
}
.bh-home-v5 .bh-app-main-player .bst-gp-progress:hover::-moz-range-thumb {
  opacity: 1;
}
.bh-home-v5 .bh-app-main-player .bst-gp-progress::-moz-range-progress {
  height: 5px;
  border-radius: 3px;
  background: var(--gp-accent);
}
.bh-home-v5 .bh-app-main-player .bst-gp-times {
  display: flex;
  justify-content: space-between;
  margin-top: 6px;
}
.bh-home-v5 .bh-app-main-player .bst-gp-time-current,
.bh-home-v5 .bh-app-main-player .bst-gp-time-remaining {
  font: 600 10px/1 var(--gp-mono-font) !important;
  color: var(--gp-muted);
  letter-spacing: 0.08em;
}
.bh-home-v5 .bh-app-main-player .bst-gp-time-current {
  color: var(--gp-accent-hi) !important;
}

/* Hidden waveform for WaveSurfer compat */
.bh-home-v5 .bh-app-main-player .bh-app-main-player__wave[hidden] {
  display: none !important;
}

/* ── Controls row ── */
.bh-home-v5 .bh-app-main-player .bst-gp-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: 0;
}

.bh-home-v5 .bh-app-main-player .bst-gp-icon-btn {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.04) !important;
  color: var(--gp-muted);
  cursor: pointer;
  transition: color 0.16s, background 0.16s, border-color 0.16s;
  padding: 0;
  min-width: 0;
  box-shadow: none !important;
}
.bh-home-v5 .bh-app-main-player .bst-gp-icon-btn:hover {
  color: var(--gp-accent-hi) !important;
  background: rgba(200,255,0,0.1) !important;
  border-color: rgba(200,255,0,0.3) !important;
}
.bh-home-v5 .bh-app-main-player .bst-gp-icon-btn svg {
  width: 16px;
  height: 16px;
}
.bh-home-v5 .bh-app-main-player .bst-gp-icon-btn i {
  font-size: 15px;
  line-height: 1;
}

/* Tools buttons (close/collapse) — top-right, smaller */
.bh-home-v5 .bh-app-main-player .bh-app-main-player__tools .bst-gp-icon-btn {
  width: 28px;
  height: 28px;
  border: 1px solid rgba(255,255,255,.06) !important;
  background: rgba(255,255,255,.03) !important;
}
.bh-home-v5 .bh-app-main-player .bh-app-main-player__tools .bst-gp-icon-btn svg {
  width: 13px;
  height: 13px;
}
.bh-home-v5 .bh-app-main-player .bh-app-main-player__tools .bst-gp-icon-btn:hover {
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.15) !important;
  color: #fff !important;
}

.bh-home-v5 .bh-app-main-player .bst-gp-transport {
  display: flex;
  align-items: center;
  gap: 6px;
}

.bh-home-v5 .bh-app-main-player .bst-gp-ctrl {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: rgba(240, 237, 234, 0.65);
  cursor: pointer;
  transition: color 0.15s, transform 0.13s;
  padding: 0;
  min-width: 0;
  box-shadow: none !important;
}
.bh-home-v5 .bh-app-main-player .bst-gp-ctrl:hover {
  color: #fff !important;
  transform: scale(1.12);
  background: transparent !important;
}
.bh-home-v5 .bh-app-main-player .bst-gp-ctrl:active {
  transform: scale(0.9);
}

.bh-home-v5 .bh-app-main-player .bst-gp-prev,
.bh-home-v5 .bh-app-main-player .bst-gp-next {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
}
.bh-home-v5 .bh-app-main-player .bst-gp-prev svg,
.bh-home-v5 .bh-app-main-player .bst-gp-next svg {
  width: 18px;
  height: 18px;
}

.bh-home-v5 .bh-app-main-player .bst-gp-play {
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  min-height: 56px !important;
  background: var(--gp-accent) !important;
  color: #fff !important;
  border-radius: 50% !important;
  border: none !important;
  box-shadow: 0 0 0 0 rgba(200,255,0,0), 0 6px 24px rgba(200,255,0,0.5) !important;
  transition: background 0.15s, box-shadow 0.2s, transform 0.13s !important;
}
.bh-home-v5 .bh-app-main-player .bst-gp-play:hover {
  background: var(--gp-accent-hi) !important;
  box-shadow: 0 0 0 8px rgba(200,255,0,0.1), 0 8px 28px rgba(200,255,0,0.6) !important;
  transform: scale(1.06);
}
.bh-home-v5 .bh-app-main-player .bst-gp-play:active {
  transform: scale(0.94);
}
.bh-home-v5 .bh-app-main-player .bst-gp-play svg {
  width: 22px;
  height: 22px;
}
.bh-home-v5 .bh-app-main-player .bst-gp-play.is-playing {
  animation: bhGpPlayPulse 2s ease-in-out infinite !important;
}

.bh-home-v5 .bh-app-main-player .bst-gp-pause-icon {
  display: none;
}
.bh-home-v5 .bh-app-main-player .bst-gp-play.is-playing .bst-gp-play-icon {
  display: none;
}
.bh-home-v5 .bh-app-main-player .bst-gp-play.is-playing .bst-gp-pause-icon {
  display: flex;
}

/* Record / Vocal Studio button */
.bh-home-v5 .bh-app-main-player .bst-gp-record-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 32px;
  padding: 0 13px;
  border-radius: 16px;
  background: rgba(239, 68, 68, 0.12);
  border: 1px solid rgba(239, 68, 68, 0.3);
  color: #f87171;
  font: 700 10px/1 'Manrope', system-ui, sans-serif;
  letter-spacing: 0.05em;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
  -webkit-tap-highlight-color: transparent;
}
.bh-home-v5 .bh-app-main-player .bst-gp-record-btn svg {
  width: 13px; height: 13px; flex-shrink: 0; pointer-events: none;
}
.bh-home-v5 .bh-app-main-player .bst-gp-record-btn:hover {
  background: rgba(239, 68, 68, 0.22);
  border-color: rgba(239, 68, 68, 0.55);
  color: #fca5a5;
}

/* Fav active state */
.bh-home-v5 .bh-app-main-player .bst-gp-fav.is-faved {
  color: #f43f5e !important;
  border-color: rgba(244, 63, 94, 0.3) !important;
  background: rgba(244, 63, 94, 0.1) !important;
}

@media (max-width: 768px) {
  .bh-home-v5 .bh-home-trackrow {
    grid-template-columns: 28px 38px minmax(0, 1fr);
    gap: 12px;
  }

  .bh-home-v5 .bh-home-wave-cell,
  .bh-home-v5 .bh-home-trackprice {
    grid-column: 3;
  }

  .bh-home-v5 .bh-app-main-player.bst-glass-player {
    width: calc(100vw - 20px);
    max-width: 440px;
    bottom: 70px;
    border-radius: 14px;
    padding: 16px 18px 18px;
  }
  .bh-home-v5 .bh-app-main-player .bst-gp-cover-wrap {
    flex: 0 0 60px;
    width: 60px;
    height: 60px;
  }
  .bh-home-v5 .bh-app-main-player .bh-app-main-player__avatar {
    width: 60px !important;
    height: 60px !important;
  }
  .bh-home-v5 .bh-app-main-player .bst-gp-title,
  .bh-home-v5 .bh-app-main-player__title-link {
    font-size: 14px !important;
  }
  .bh-home-v5 .bh-app-main-player .bst-gp-play {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
  }
  .bh-home-v5 .bh-app-main-player .bst-gp-transport {
    gap: 4px;
  }
}

/* Auth gate for new users */
.bh-home-v5 .bh-auth-panel {
  max-width: 520px;
  margin: 24px auto 0;
  text-align: left;
}

.bh-home-v5 .bh-auth-panel__eyebrow {
  margin: 0 0 10px;
  color: rgba(233, 243, 255, 0.62);
  font: 700 10px/1 "Space Mono", ui-monospace, monospace;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.bh-home-v5 .bh-auth-panel h4 {
  margin: 0 0 10px;
  color: #f5f9ff;
  font-size: 28px;
  line-height: 1;
  letter-spacing: -0.02em;
}

.bh-home-v5 .bh-auth-panel p {
  max-width: 46ch;
  margin: 0;
  color: rgba(233, 243, 255, 0.74);
  line-height: 1.6;
}

.bh-home-v5 .bh-auth-panel__actions {
  margin-top: 18px;
  gap: 18px;
}

.bh-home-v5 .bh-auth-panel__actions .bh-home-btn {
  padding: 0;
  min-height: auto;
  color: #eef5ff !important;
}

.bh-home-v5 .bh-auth-panel__actions .bh-home-btn--primary {
  color: #ffffff !important;
}

.bh-home-auth-modal-open {
  overflow: hidden;
}

.bh-home-auth-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: center;
  padding: 20px;
}

.bh-home-auth-modal[hidden] {
  display: none !important;
}

.bh-home-auth-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.76);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.bh-home-auth-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(360px, calc(100vw - 24px));
  padding: 28px 24px;
  border: 1px solid rgba(200,255,0,.14);
  border-radius: 0;
  background: #080808;
  color: #F0EDE8;
  box-shadow: 0 32px 80px rgba(0,0,0,.7), 0 0 0 1px rgba(200,255,0,.06);
  box-sizing: border-box;
  overflow: hidden;
}

.bh-home-auth-modal__close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}

.bh-home-auth-modal__eyebrow {
  margin: 0 0 8px;
  color: rgba(255, 255, 255, 0.56);
  font: 700 10px/1 "Space Mono", ui-monospace, monospace;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.bh-home-auth-modal__dialog h3 {
  margin: 0;
  color: #F0EDE8;
  font-family: 'Syne', system-ui, sans-serif !important;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.0;
  letter-spacing: -0.04em;
  text-transform: uppercase;
}

.bh-home-auth-modal__copy {
  margin: 10px 0 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 13px;
  line-height: 1.5;
}

.bh-home-auth-modal__actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin-top: 16px;
}

.bh-home-auth-modal__actions .bh-home-btn {
  width: 100%;
  min-height: 40px;
}

/* ── In-app login form ── */
.bh-home-auth-form {
  display: grid;
  gap: 12px;
  margin-top: 16px;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

.bh-home-auth-form *,
.bh-home-auth-form *::before,
.bh-home-auth-form *::after {
  box-sizing: border-box;
}

.bh-home-auth-form__label {
  display: grid;
  gap: 6px;
}

.bh-home-auth-form__label span {
  color: rgba(255, 255, 255, 0.6);
  font: 600 11px/1 'Manrope', system-ui, sans-serif;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.bh-home-auth-form__label input {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  height: 48px;
  padding: 0 14px;
  background: #111 !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  border-radius: 0 !important;
  color: #F0EDE8 !important;
  font: 500 14px/1 'Manrope', system-ui, sans-serif;
  outline: none;
  transition: border-color 0.18s cubic-bezier(0.19,1,0.22,1);
}

.bh-home-auth-modal__dialog *,
.bh-home-auth-form * {
  box-sizing: border-box;
}

.bh-home-auth-form__label input:focus {
  border-color: rgba(200,255,0,.5) !important;
  background: #0d0d0d !important;
}

.bh-home-auth-form__label input::placeholder {
  color: rgba(255, 255, 255, 0.25);
}

.bh-home-auth-form__submit {
  width: 100%;
  min-height: 50px;
  padding: 0 18px;
  border: none !important;
  border-radius: 0 !important;
  background: #C8FF00 !important;
  color: #000 !important;
  font: 800 12px/1 'Manrope', system-ui, sans-serif !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.18s cubic-bezier(0.19,1,0.22,1), transform 0.16s;
}

.bh-home-auth-form__submit:hover {
  background: #E8FF88 !important;
  transform: translateY(-1px);
}

.bh-home-auth-form__submit:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

.bh-home-auth-form__error {
  padding: 10px 14px;
  border-radius: 0;
  background: rgba(248, 113, 113, 0.08);
  border: 1px solid rgba(248, 113, 113, 0.25);
  border-left: 2px solid #ff5252;
  color: #fca5a5;
  font: 600 12px/1.4 'Manrope', system-ui, sans-serif;
}

.bh-home-auth-form__error[hidden] {
  display: none;
}

.bh-home-auth-form__footer {
  margin: 0;
  text-align: center;
  color: rgba(255, 255, 255, 0.45);
  font: 500 12px/1.4 'Manrope', system-ui, sans-serif;
}

.bh-home-auth-form__footer a {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Brutal luxury — acid green primary CTAs */
.bh-home-v5 .bh-home-btn--primary,
.bh-home-v5 .bh-home-unified-actions .bh-home-btn--primary,
.bh-home-v5 .bh-auth-panel__actions .bh-home-btn--primary,
.bh-home-v5 #bh-home-app-stage .bh-home-cart-empty-actions .bh-home-btn--primary,
.bh-home-v5 .js-bh-open-auth-modal {
  background: #C8FF00 !important;
  border-color: #C8FF00 !important;
  border-bottom-color: #C8FF00 !important;
  color: #000 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.bh-home-v5 .bh-home-btn--primary:hover,
.bh-home-v5 .bh-home-unified-actions .bh-home-btn--primary:hover,
.bh-home-v5 .bh-auth-panel__actions .bh-home-btn--primary:hover,
.bh-home-v5 #bh-home-app-stage .bh-home-cart-empty-actions .bh-home-btn--primary:hover,
.bh-home-v5 .js-bh-open-auth-modal:hover {
  background: #E8FF88 !important;
  border-color: #E8FF88 !important;
  border-bottom-color: #E8FF88 !important;
  color: #000 !important;
}

.bh-home-v5 .bh-home-btn:focus-visible,
.bh-home-v5 .bh-home-unified-actions .bh-home-btn:focus-visible,
.bh-home-v5 .bh-home-master-play:focus-visible,
.bh-home-v5 .bh-home-track-play:focus-visible,
.bh-home-v5 .bh-app-main-player__btn:focus-visible {
  outline: 2px solid rgba(200,255,0,.6) !important;
  outline-offset: 2px !important;
}

.bh-home-v5 .bh-home-master-play,
.bh-home-v5 .bh-home-track-play,
.bh-home-v5 .bh-app-main-player__btn,
.bh-home-v5 .bh-app-main-player__tool {
  color: rgba(255,255,255,0.94) !important;
  border-color: rgba(255,255,255,0.18) !important;
  background: rgba(255,255,255,0.04) !important;
  box-shadow: none !important;
}

.bh-home-v5 .bh-home-master-play:hover,
.bh-home-v5 .bh-home-track-play:hover,
.bh-home-v5 .bh-app-main-player__btn:hover,
.bh-home-v5 .bh-app-main-player__tool:hover,
.bh-home-v5 .master-play.is-playing,
.bh-home-v5 .master-play.is-loading {
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.34) !important;
  background: rgba(255,255,255,0.1) !important;
  box-shadow: none !important;
}

.bh-home-v5 .bh-home-trackrow:has(.master-play.is-playing),
.bh-home-v5 .bh-home-trackrow:has(.master-play.is-loading) {
  border-bottom-color: rgba(200,255,0,.22) !important;
  background: rgba(200,255,0,.03) !important;
}

.bh-home-v5 .bh-home-trackrow:has(.master-play.is-playing) .bh-home-trackname a,
.bh-home-v5 .bh-home-trackrow:has(.master-play.is-loading) .bh-home-trackname a,
.bh-home-v5 .bh-app-main-player__title-link,
.bh-home-v5 .js-app-player-subtitle {
  color: rgba(255,255,255,0.96) !important;
}

@media (max-width: 768px) {
  .bh-home-v5 .bh-auth-panel {
    margin-top: 16px;
  }

  .bh-home-v5 .bh-auth-panel h4 {
    font-size: 22px;
  }

  .bh-home-v5 .bh-auth-panel__actions {
    gap: 12px;
  }
}

/* Player avatar circular frame */
.bh-home-v5 .bh-app-main-player__avatar {
  border-radius: 999px !important;
  border: 1px solid rgba(233, 243, 255, 0.22) !important;
  box-shadow: 0 0 0 4px rgba(233, 243, 255, 0.05);
  background: rgba(255, 255, 255, 0.02);
}

/* Player contrast pass */
.bh-home-v5 .bh-app-main-player {
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.42);
}

.bh-home-v5 .bh-app-main-player__meta strong,
.bh-home-v5 .bh-app-main-player__title-link {
  color: #ffffff !important;
}

.bh-home-v5 .bh-app-main-player__meta a,
.bh-home-v5 .bh-app-main-player__time {
  color: rgba(255, 255, 255, 0.84) !important;
}

.bh-home-v5 .bh-app-main-player__tool,
.bh-home-v5 .bh-app-main-player__btn,
.bh-home-v5 .bh-home-master-play,
.bh-home-v5 .bh-home-track-play {
  color: rgba(255, 255, 255, 0.92) !important;
}

.bh-home-v5 .bh-app-main-player__tool:hover,
.bh-home-v5 .bh-app-main-player__btn:hover,
.bh-home-v5 .bh-home-master-play:hover,
.bh-home-v5 .bh-home-track-play:hover {
  color: #ffffff !important;
}

.bh-home-v5 .bh-app-main-player__wave,
.bh-home-v5 .bh-home-wave {
  border-bottom-color: rgba(255, 255, 255, 0.28) !important;
}

.bh-home-v5 .bh-app-main-player__head {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 8px;
}

.bh-home-v5 .master-play.is-playing,
.bh-home-v5 .bh-app-main-player__btn--play {
  color: #ffffff !important;
}

/* Reinforced global player shell to avoid theme/page bleed */
.bh-home-v5 .bh-app-main-player {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  width: min(920px, calc(100vw - 32px)) !important;
  bottom: calc(18px + env(safe-area-inset-bottom, 0px)) !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(150, 197, 255, 0.18) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(8, 12, 20, 0.96), rgba(5, 8, 14, 0.98)) !important;
  box-shadow: 0 18px 54px rgba(0, 0, 0, 0.44), 0 0 0 1px rgba(255, 255, 255, 0.03) inset !important;
  backdrop-filter: blur(18px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.12) !important;
  isolation: isolate;
}

.bh-home-v5 .bh-app-main-player::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background:
    radial-gradient(120% 160% at 0% 0%, rgba(92, 200, 255, 0.12), transparent 42%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0));
  pointer-events: none;
  z-index: 0;
}

.bh-home-v5 .bh-app-main-player > * {
  position: relative;
  z-index: 1;
}

.bh-home-v5 .bh-app-main-player__head {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.bh-home-v5 .bh-app-main-player__meta {
  min-width: 0;
}

.bh-home-v5 .bh-app-main-player__meta strong,
.bh-home-v5 .bh-app-main-player__title-link {
  font-size: 13px;
  line-height: 1.15;
  letter-spacing: 0.01em;
}

.bh-home-v5 .bh-app-main-player__meta a,
.bh-home-v5 .bh-app-main-player__time {
  font-size: 11px;
}

.bh-home-v5 .bh-app-main-player__tool,
.bh-home-v5 .bh-app-main-player__btn {
  width: 34px;
  height: 34px;
  min-width: 34px;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 0 !important;
  background: rgba(255, 255, 255, 0.04) !important;
  transition: background-color .16s ease, border-color .16s ease, transform .16s ease, color .16s ease;
}

.bh-home-v5 .bh-app-main-player__btn--play {
  width: 42px;
  height: 42px;
  min-width: 42px;
  border-radius: 13px !important;
  background: linear-gradient(180deg, rgba(92, 200, 255, 0.24), rgba(92, 200, 255, 0.14)) !important;
  border-color: rgba(92, 200, 255, 0.38) !important;
}

.bh-home-v5 .bh-app-main-player__tool:hover,
.bh-home-v5 .bh-app-main-player__btn:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  transform: translateY(-1px);
}

.bh-home-v5 .bh-app-main-player__wave {
  min-height: 56px;
  margin: 0 0 10px;
  padding: 6px 8px;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.015)) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02) !important;
}

.bh-home-v5 .bh-app-main-player.is-single-template-skin {
  width: min(980px, calc(100vw - 32px)) !important;
  border-color: rgba(122, 226, 255, 0.24) !important;
  background:
    radial-gradient(140% 180% at 0% 0%, rgba(17, 22, 28, 0.98), rgba(7, 9, 11, 0.98) 62%),
    linear-gradient(180deg, rgba(8, 12, 20, 0.96), rgba(5, 8, 14, 0.98)) !important;
}

.bh-home-v5 .bh-app-main-player.is-single-template-skin .bh-app-main-player__head {
  grid-template-columns: 48px minmax(0, 1fr) auto;
  gap: 14px;
  padding-bottom: 12px;
}

.bh-home-v5 .bh-app-main-player.is-single-template-skin .bh-app-main-player__avatar {
  width: 48px;
  height: 48px;
  border-color: rgba(255,255,255,0.18) !important;
  box-shadow: 0 0 0 4px rgba(255,255,255,0.04);
}

.bh-home-v5 .bh-app-main-player.is-single-template-skin .bh-app-main-player__title-link {
  color: #f7fbff !important;
  font-family: "Syne", Impact, system-ui, sans-serif;
  font-size: clamp(26px, 3vw, 42px);
  line-height: 0.9;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bh-home-v5 .bh-app-main-player.is-single-template-skin .js-app-player-subtitle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 6px;
  color: rgba(255, 255, 255, 0.72) !important;
  font: 700 10px/1 "Space Mono", ui-monospace, monospace;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.bh-home-v5 .bh-app-main-player.is-single-template-skin .js-app-player-subtitle::before {
  content: attr(data-bh-label);
  color: rgba(255, 255, 255, 0.46);
}

.bh-home-v5 .bh-app-main-player.is-single-template-skin .bh-app-main-player__wave {
  min-height: 64px;
  padding: 8px 10px;
  border-color: rgba(255,255,255,0.10) !important;
  background: rgba(255, 255, 255, 0.03) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.04), 0 0 18px rgba(200,255,0,0.06) !important;
}

.bh-home-v5 .bh-app-main-player.is-single-template-skin .bh-app-main-player__btn--play {
  background: rgba(200,255,0,0.12) !important;
  border-color: rgba(200,255,0,0.4) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,0.08), 0 0 26px rgba(255,255,255,0.10);
}

/* Final player normalization: app player == single product player */
.bh-home-v5 .bh-app-main-player,
.bh-home-v5 .bh-app-main-player.is-single-template-skin {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02)) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 0 !important;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.22) !important;
  backdrop-filter: blur(16px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.1) !important;
}

.bh-home-v5 .bh-app-main-player::before,
.bh-home-v5 .bh-app-main-player.is-single-template-skin::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0)) !important;
}

.bh-home-v5 .bh-app-main-player__avatar,
.bh-home-v5 .bh-app-main-player.is-single-template-skin .bh-app-main-player__avatar {
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.05) !important;
  background: rgba(255, 255, 255, 0.02) !important;
}

.bh-home-v5 .bh-app-main-player__tool,
.bh-home-v5 .bh-app-main-player__btn,
.bh-home-v5 .bh-app-main-player.is-single-template-skin .bh-app-main-player__tool,
.bh-home-v5 .bh-app-main-player.is-single-template-skin .bh-app-main-player__btn {
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: #f4f4f5 !important;
  box-shadow: none !important;
}

.bh-home-v5 .bh-app-main-player__tool:hover,
.bh-home-v5 .bh-app-main-player__btn:hover,
.bh-home-v5 .bh-app-main-player.is-single-template-skin .bh-app-main-player__tool:hover,
.bh-home-v5 .bh-app-main-player.is-single-template-skin .bh-app-main-player__btn:hover {
  border-color: rgba(255, 255, 255, 0.22) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
  transform: none !important;
}

.bh-home-v5 .bh-app-main-player__btn--play,
.bh-home-v5 .bh-app-main-player.is-single-template-skin .bh-app-main-player__btn--play {
  background: #f4f4f5 !important;
  border-color: transparent !important;
  color: #0c0c0d !important;
  box-shadow: none !important;
}

.bh-home-v5 .bh-app-main-player__wave,
.bh-home-v5 .bh-app-main-player.is-single-template-skin .bh-app-main-player__wave {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 0 !important;
  background: rgba(255, 255, 255, 0.02) !important;
  box-shadow: none !important;
}

.bh-home-v5 .bh-app-main-player__meta strong,
.bh-home-v5 .bh-app-main-player__title-link,
.bh-home-v5 .bh-app-main-player.is-single-template-skin .bh-app-main-player__title-link {
  color: #ffffff !important;
}

.bh-home-v5 .bh-app-main-player__meta a,
.bh-home-v5 .bh-app-main-player__time,
.bh-home-v5 .bh-app-main-player.is-single-template-skin .js-app-player-subtitle,
.bh-home-v5 .bh-app-main-player.is-single-template-skin .js-app-player-subtitle::before {
  color: rgba(255, 255, 255, 0.72) !important;
}

@media (max-width: 768px) {
  .bh-home-v5 .bh-home-shell {
    padding-left: 12px;
    padding-right: 12px;
  }

  .bh-home-v5 .bh-app-main-player {
    width: calc(100vw - 16px) !important;
    left: 8px;
    right: 8px;
    transform: none;
    bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
    padding: 10px 10px calc(10px + env(safe-area-inset-bottom, 0px)) !important;
    border-radius: 0 !important;
  }

  .bh-home-v5 .bh-app-main-player__head {
    grid-template-columns: 36px minmax(0, 1fr) auto;
    gap: 10px;
    margin-bottom: 8px;
    padding-bottom: 8px;
  }

  .bh-home-v5 .bh-app-main-player__avatar {
    width: 36px;
    height: 36px;
  }

  .bh-home-v5 .bh-app-main-player__wave {
    min-height: 48px;
    margin-bottom: 8px;
    padding: 4px 6px;
  }

  .bh-home-v5 .bh-app-main-player__controls {
    gap: 8px;
    justify-content: space-between;
  }

  .bh-home-v5 .bh-app-main-player__time {
    min-width: 84px;
    text-align: right;
    font-size: 10px;
  }

  .bh-home-v5 .bh-app-main-player.is-single-template-skin {
    width: calc(100vw - 16px) !important;
  }

  .bh-home-v5 .bh-app-main-player.is-single-template-skin .bh-app-main-player__head {
    grid-template-columns: 40px minmax(0, 1fr) auto;
    gap: 10px;
  }

  .bh-home-v5 .bh-app-main-player.is-single-template-skin .bh-app-main-player__avatar {
    width: 40px;
    height: 40px;
  }

  .bh-home-v5 .bh-app-main-player.is-single-template-skin .bh-app-main-player__title-link {
    font-size: clamp(22px, 8vw, 30px);
  }

  .bh-home-v5 .bh-app-main-player.is-single-template-skin .js-app-player-subtitle {
    margin-top: 4px;
    font-size: 9px;
    letter-spacing: 0.1em;
  }
}

/* ==========================================================================
   CART CROSS-SELLS — FINAL OVERRIDE
   Neutralizes all conflicting earlier layers so home.php inline styles win.
   ========================================================================== */

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product {
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: unset !important;
  grid-template-rows: unset !important;
  column-gap: unset !important;
  row-gap: unset !important;
  text-align: left !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product img.bh-cross-cover {
  display: block !important;
  grid-row: unset !important;
  grid-column: unset !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1/1 !important;
  object-fit: cover !important;
  border-radius: 0 !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  align-self: unset !important;
  margin-bottom: 8px !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product img:not(.bh-cross-cover) {
  display: none !important;
}

/* Reset grid-column forcing on child elements */
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product .woocommerce-loop-product__title,
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product .woocommerce-LoopProduct-link,
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product .price,
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product .bh-license-badges,
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product :is(.button, a.button, .add_to_cart_button) {
  grid-column: unset !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product .woocommerce-loop-product__title {
  margin: 0 0 2px !important;
  color: #fff !important;
  font: 700 14px/1.2 "Manrope", system-ui, sans-serif !important;
  text-shadow: none !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product .price {
  margin: 0 0 8px !important;
  color: rgba(255,255,255,.6) !important;
  font: 600 12px/1.3 "Manrope", system-ui, sans-serif !important;
}

/* Hide license badges in cross-sells */
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product .bh-license-badges {
  display: none !important;
}

/* Quick Add button — final style */
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product :is(.button, a.button, .add_to_cart_button, .product_type_simple, .product_type_variable, .product_type_external) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 36px !important;
  margin-top: auto !important;
  padding: 0 12px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 0 !important;
  background: rgba(255,255,255,.05) !important;
  color: rgba(255,255,255,.8) !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  font: 700 10px/1 "Manrope", system-ui, sans-serif !important;
  box-shadow: none !important;
  opacity: 1 !important;
  cursor: pointer !important;
  transition: all .18s ease !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product :is(.button, a.button, .add_to_cart_button, .product_type_simple, .product_type_variable, .product_type_external):hover {
  border-color: rgba(255,255,255,.22) !important;
  border-bottom-color: rgba(255,255,255,.22) !important;
  background: rgba(255,255,255,.08) !important;
  color: #fff !important;
  transform: none !important;
}


/* ==========================================================================
   CART v5 — definitive: 2-col grid + flex item rows + glass totals card
   This block is last in the file and wins all previous is-cart-module layers.
   ========================================================================== */

/* ── 1. Grid container ── */
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce {
  display: grid !important;
  grid-template-columns: 1fr 290px !important;
  grid-template-rows: auto !important;
  gap: 24px !important;
  align-items: start !important;
  max-width: 1060px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 16px 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce::before,
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce::after {
  display: none !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce > .woocommerce-notices-wrapper {
  grid-column: 1 / -1 !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce > form.woocommerce-cart-form {
  grid-column: 1 !important;
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce > .cart-collaterals {
  grid-column: 2 !important;
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
}

/* ── 2. Item rows — flex cards ── */
/* Only affect the cart FORM table (.cart class) — NOT the cart totals table */
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table.cart { display: block !important; margin: 0 !important; border: 0 !important; background: transparent !important; border-radius: 0 !important; }
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table.cart thead { display: none !important; }
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table.cart tbody { display: flex !important; flex-direction: column !important; gap: 6px !important; }
/* Cart totals table — keep native table layout */
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cart_totals table.shop_table { display: table !important; width: 100% !important; border-collapse: collapse !important; }
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cart_totals table.shop_table tbody { display: table-row-group !important; }
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cart_totals table.shop_table tr { display: table-row !important; }
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cart_totals table.shop_table th,
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cart_totals table.shop_table td { display: table-cell !important; padding: 8px 12px !important; color: rgba(240,237,234,0.85) !important; font: 400 13px/1.4 "Manrope",system-ui,sans-serif !important; border: 0 !important; vertical-align: middle !important; }
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cart_totals table.shop_table .order-total th,
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cart_totals table.shop_table .order-total td { font-weight: 700 !important; font-size: 15px !important; color: #fff !important; padding-top: 12px !important; }
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cart_totals table.shop_table .order-total td .woocommerce-Price-amount { font-size: 18px !important; }

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table tr.cart_item {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  padding: 12px 14px !important;
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 12px !important;
  gap: 0 !important;
}

/* Column order: name → subtotal → remove */
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce td.product-thumbnail { display: none !important; }
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce td.product-price    { display: none !important; }
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce td.product-quantity  { display: none !important; }
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce td.product-name      { order: 1 !important; flex: 1 !important; padding: 0 12px 0 0 !important; min-width: 0 !important; border: 0 !important; background: transparent !important; }
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce td.product-subtotal  { order: 2 !important; padding: 0 10px 0 0 !important; white-space: nowrap !important; border: 0 !important; background: transparent !important; }
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce td.product-remove    { order: 3 !important; width: auto !important; padding: 0 !important; text-align: right !important; border: 0 !important; background: transparent !important; }

/* Name */
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce td.product-name a {
  display: block !important;
  font: 700 14px/1.3 "Manrope", system-ui, sans-serif !important;
  color: #f0edea !important;
  text-decoration: none !important;
  text-shadow: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce td.product-name .variation {
  margin-top: 3px !important;
  font-size: 11px !important;
  color: rgba(240,237,234,0.4) !important;
}

/* Price */
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce td.product-subtotal .amount,
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce td.product-subtotal bdi {
  font: 700 14px/1 "Manrope", system-ui, sans-serif !important;
  color: #f0edea !important;
  letter-spacing: .02em !important;
}

/* Remove button */
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce td.product-remove a.remove {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 26px !important;
  height: 26px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  background: rgba(255,255,255,.06) !important;
  color: rgba(240,237,234,0.4) !important;
  font-size: 15px !important;
  line-height: 1 !important;
  text-decoration: none !important;
  transition: background .15s, color .15s, border-color .15s !important;
}
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce td.product-remove a.remove:hover {
  background: rgba(239,68,68,.18) !important;
  border-color: rgba(239,68,68,0.3) !important;
  color: #fca5a5 !important;
}

/* ── 3. Cart totals — glass card ── */
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals {
  background: rgba(7,9,14,0.96) !important;
  border: 1px solid rgba(200,255,0,0.2) !important;
  border-top: 1px solid rgba(200,255,0,0.2) !important;
  border-radius: 0 !important;
  padding: 20px 18px !important;
  box-shadow: 0 0 0 1px rgba(200,255,0,0.05), 0 20px 48px rgba(0,0,0,0.5), inset 0 1px 0 rgba(200,255,0,0.1) !important;
  max-width: none !important;
  margin: 0 !important;
  position: sticky !important;
  top: 24px !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals h2 {
  display: block !important;
  font: 700 16px/1 "Syne", system-ui, sans-serif !important;
  color: #f0edea !important;
  letter-spacing: -0.01em !important;
  margin: 0 0 16px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}

/* Totals table */
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals table {
  width: 100% !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  border-collapse: collapse !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals table th {
  font: 500 11px/1 "Manrope", sans-serif !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: rgba(240,237,234,0.42) !important;
  padding: 9px 0 !important;
  border: 0 !important;
  text-align: left !important;
  background: transparent !important;
  font-weight: 500 !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals table td {
  padding: 9px 0 !important;
  border: 0 !important;
  border-bottom: 0 !important;
  text-align: right !important;
  color: #f0edea !important;
  font: 700 14px/1 "Manrope", sans-serif !important;
  background: transparent !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals .cart-subtotal th,
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals .cart-subtotal td {
  padding-bottom: 12px !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals .order-total th,
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals .order-total td {
  padding-top: 14px !important;
  border: 0 !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals .order-total :is(th, td, .amount, bdi) {
  font: 800 26px/1 "Syne", system-ui, sans-serif !important;
  color: #f0edea !important;
  letter-spacing: -0.02em !important;
  font-size: 26px !important;
}

/* Dotted connectors — remove */
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals table th::after { display: none !important; }

/* Coupon discount row — green */
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals .cart-discount th,
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals .cart-discount td,
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals .cart-discount .amount,
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals .cart-discount bdi {
  color: #86efac !important;
  font-weight: 700 !important;
  font-size: 13px !important;
}

/* Remove coupon × */
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals .woocommerce-remove-coupon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 16px !important;
  height: 16px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  color: rgba(255,255,255,0.45) !important;
  text-decoration: none !important;
  font-size: 11px !important;
  margin-left: 4px !important;
  vertical-align: middle !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals .woocommerce-remove-coupon:hover {
  background: rgba(252,165,165,0.15) !important;
  border-color: rgba(252,165,165,0.3) !important;
  color: #fca5a5 !important;
}

/* ── 4. Checkout button — blue pill ── */
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .wc-proceed-to-checkout {
  padding: 0 !important;
  margin-top: 14px !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .wc-proceed-to-checkout .checkout-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 50px !important;
  background: #C8FF00 !important;
  background-image: none !important;
  color: #fff !important;
  border: none !important;
  border-color: transparent !important;
  border-radius: 999px !important;
  font: 800 13px/1 "Manrope", sans-serif !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  cursor: pointer !important;
  box-shadow: 0 6px 24px rgba(200,255,0,0.4) !important;
  transform: none !important;
  transition: background 0.18s, box-shadow 0.18s, transform 0.15s !important;
}

.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .wc-proceed-to-checkout .checkout-button:hover {
  background: #5bc4f8 !important;
  background-image: none !important;
  border-color: transparent !important;
  color: #06050a !important;
  box-shadow: 0 8px 32px rgba(200,255,0,0.55) !important;
  transform: translateY(-2px) !important;
  opacity: 1 !important;
}

/* ── 5. Cross-sells — hidden ── */
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells { display: none !important; }

/* ── 6. WC native noise suppression ── */
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .return-to-shop,
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module a.wc-backward { display: none !important; }

/* ── 7. Empty cart state ── */
/* Hide WC native empty cart message — replaced by custom .bh-home-cart-empty */
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module p.cart-empty,
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .cart-empty.woocommerce-info,
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .return-to-shop {
  display: none !important;
}

/* Empty cart: span both grid columns, centered layout */
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce > .bh-home-cart-empty {
  grid-column: 1 / -1 !important;
}
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-cart-empty {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 64px 24px 56px !important;
  gap: 0 !important;
  min-height: 60vh !important;
}
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-cart-empty-icon {
  width: 72px;
  height: 72px;
  margin-bottom: 24px;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 40%, rgba(200,255,0,0.18), rgba(200,255,0,0.04));
  border: 1px solid rgba(200,255,0,0.28);
  box-shadow: 0 0 32px rgba(200,255,0,0.12);
  position: relative;
}
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-cart-empty-icon::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23C8FF00' stroke-width='1.4'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 00-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 00-16.536-1.84M7.5 14.25L5.106 5.272M6 20.25a.75.75 0 11-1.5 0 .75.75 0 011.5 0zm12.75 0a.75.75 0 11-1.5 0 .75.75 0 011.5 0z' /%3E%3C/svg%3E") center/32px no-repeat;
}
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-cart-empty h3 {
  margin: 0 0 10px !important;
  font: 700 22px/1.2 "Manrope", system-ui, sans-serif !important;
  color: #fff !important;
  text-shadow: none !important;
  letter-spacing: -.01em !important;
}
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-cart-empty p {
  margin: 0 0 28px !important;
  font: 400 14px/1.55 "Manrope", system-ui, sans-serif !important;
  color: rgba(240,237,234,0.42) !important;
  max-width: 240px !important;
}
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-cart-empty-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
}
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-cart-empty-actions .bh-home-btn--primary {
  background: #C8FF00 !important;
  border: none !important;
  color: #fff !important;
  font: 700 12px/1 "Manrope", sans-serif !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  min-height: 44px !important;
  padding: 0 28px !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 20px rgba(200,255,0,0.35) !important;
  cursor: pointer !important;
  transition: background .18s, box-shadow .18s !important;
}
.bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-cart-empty-actions .bh-home-btn--primary:hover {
  background: #5bc4f8 !important;
  color: #06050a !important;
  box-shadow: 0 6px 28px rgba(200,255,0,.48) !important;
}

/* ── 8. Mobile — single column ── */
@media (max-width: 700px) {
  .bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  .bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce > form.woocommerce-cart-form,
  .bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce > .cart-collaterals {
    grid-column: 1 !important;
  }
  .bh-home-v5 #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals {
    position: static !important;
    top: auto !important;
  }
}


/* ═══════════════════════════════════════════
   EXTRACTED FROM home.php INLINE STYLE BLOCKS
   ═══════════════════════════════════════════ */

/* ═══════════════════════════════════════
   HOME · top-beats-table
   ═══════════════════════════════════════ */
.bh-tb{padding:0 0 40px}
.bh-tb-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px 14px 10px}
.bh-tb-stat{background:rgba(200,255,0,.06);border:1px solid rgba(200,255,0,.13);border-radius:12px;padding:14px 10px;text-align:center}
.bh-tb-sv{display:block;font:700 20px/1 'Syne','Manrope',sans-serif;color:#fff;margin-bottom:4px;letter-spacing:-.02em}
.bh-tb-sl{display:block;font:600 9px/1 'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.38)}
.bh-tb-hd{padding:0 14px 8px;display:flex;align-items:center;justify-content:space-between}
.bh-tb-hd h4{font:700 9px/1 'DM Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.38);margin:0}
.bh-tb-list{display:flex;flex-direction:column;gap:6px;padding:0 14px}
.bh-tb-row{display:grid;grid-template-columns:22px 1fr 58px 52px 68px 48px 56px;align-items:center;gap:8px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.055);border-radius:10px;padding:10px 10px}
.bh-tb-row:hover{background:rgba(255,255,255,.05);border-color:rgba(200,255,0,0.18)}
.bh-tb-rank{font:700 11px/1 'DM Mono',monospace;color:rgba(255,255,255,.2);text-align:center}
.bh-tb-id{display:flex;align-items:center;gap:8px;min-width:0}
.bh-tb-img{width:34px;height:34px;border-radius:6px;object-fit:cover;flex-shrink:0;background:rgba(255,255,255,.07)}
.bh-tb-img-ph{width:34px;height:34px;border-radius:6px;background:rgba(200,255,0,.09);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:rgba(200,255,0,0.5);font-size:12px}
.bh-tb-name{min-width:0}
.bh-tb-name span{display:block;font:600 12px/1.3 'Manrope',sans-serif;color:rgba(255,255,255,.88);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px}
.bh-tb-bar{height:2px;background:rgba(255,255,255,.07);border-radius:2px;overflow:hidden}
.bh-tb-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,#C8FF00,#C8FF00);transition:width .4s ease}
.bh-tb-c{text-align:center}
.bh-tb-cv{display:block;font:700 12px/1 'DM Mono',monospace;color:rgba(255,255,255,.82)}
.bh-tb-cl{display:block;font:500 8px/1 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.28);margin-top:3px}
.bh-tb-cv--good{color:#22c55e}
.bh-tb-cv--hot{color:#f97316}
.bh-tb-acts{display:flex;gap:5px;justify-content:flex-end}
.bh-tb-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);color:rgba(255,255,255,.5);font-size:10px;cursor:pointer;text-decoration:none;transition:background 220ms cubic-bezier(0.19,1,0.22,1),color 220ms cubic-bezier(0.19,1,0.22,1),border-color 220ms cubic-bezier(0.19,1,0.22,1),transform 140ms cubic-bezier(0.19,1,0.22,1);flex-shrink:0}
.bh-tb-btn:hover{background:rgba(200,255,0,0.15);border-color:rgba(200,255,0,0.3);color:#C8FF00}
@media(max-width:600px){
  .bh-tb-stats{grid-template-columns:repeat(2,1fr)}
  .bh-tb-row{grid-template-columns:18px 1fr 52px 44px 56px}
  .bh-tb-row > :nth-child(6),.bh-tb-row > :nth-child(7){display:none}
}

/* ═══════════════════════════════════════
   HOME · topnav-dock
   ═══════════════════════════════════════ */
    /* ── Top nav — redesigned (non-standalone only) ── */
    .bh-topnav{
      position:fixed;top:0;left:0;right:0;z-index:99999;pointer-events:auto;
    }
    /* ── In-app-browser (Instagram/Facebook/TikTok) compatibility ──
       Keep position:fixed (sticky needs a sized scrolling ancestor we
       don't have). We also JS-move the nav to be body's first child so
       fixed anchors against the viewport correctly. The real fixes here
       are: solid background (IAB breaks backdrop-filter) and safe-area
       padding-top so the iOS IAB URL bar doesn't overlap. */
    html.bh-iab .bh-topnav{
      position:fixed !important;
      top:0 !important;
      left:0 !important;
      right:0 !important;
      z-index:99999 !important;
    }
    html.bh-iab .bh-topnav__bar{
      background:#000 !important;
      backdrop-filter:none !important;
      -webkit-backdrop-filter:none !important;
      padding-top:calc(12px + env(safe-area-inset-top, 0px)) !important;
    }
    /* Offset page content so the fixed nav doesn't overlap */
    html.bh-iab .bh-home-v5 .bh-home-shell{
      padding-top:calc(64px + env(safe-area-inset-top, 0px)) !important;
    }
    html.bh-iab .bh-slide-menu{backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}
    html.bh-iab .bh-slide-backdrop{backdrop-filter:none !important;-webkit-backdrop-filter:none !important;background:rgba(0,0,0,.85) !important;}
    html.bh-iab .bh-topnav .bh-dock-item{min-height:44px;min-width:44px;}
    html.bh-iab .bh-dash-card__edit,
    html.bh-iab button{-webkit-tap-highlight-color:rgba(255,255,255,.08);}
    /* Dynamic viewport units are broken on older IAB webviews — fall back to vh */
    html.bh-iab .bh-slide-menu{max-height:min(560px, calc(100vh - 120px)) !important;}
    .bh-topnav__bar{
      display:flex;justify-content:space-between;align-items:center;gap:6px;
      padding:12px max(24px, 4vw);
      background:#000;
      backdrop-filter:none;
      -webkit-backdrop-filter:none;
      border-bottom:1px solid rgba(255,255,255,.08);
      box-shadow:none;
    }
    /* Desktop: cap the spread so buttons don't drift too far apart on wide screens */
    @media(min-width:900px){
      .bh-topnav__bar{
        justify-content:center;
        gap:clamp(16px, 4vw, 48px);
      }
    }
    .bh-topnav .bh-dock-item{
      display:inline-flex;flex-direction:row;align-items:center;justify-content:center;
      gap:8px;height:40px;min-height:44px;padding:0 16px;
      border-radius:999px;border:1px solid transparent;background:transparent;
      color:rgba(255,255,255,.55);
      cursor:pointer;text-decoration:none;
      touch-action:manipulation;
      transition:color 180ms cubic-bezier(0.19,1,0.22,1), background 180ms cubic-bezier(0.19,1,0.22,1), border-color 180ms cubic-bezier(0.19,1,0.22,1), transform 100ms cubic-bezier(0.19,1,0.22,1);
      -webkit-tap-highlight-color:rgba(200,255,0,0.10);-webkit-appearance:none;appearance:none;
      position:relative;
      font-family:'Manrope',system-ui,sans-serif;
    }
    .bh-topnav .bh-dock-item:hover{
      color:#ffffff;
      background:rgba(255,255,255,.05);
      border-color:rgba(255,255,255,.08);
    }
    .bh-topnav .bh-dock-item:active{transform:scale(.97);}
    .bh-topnav .bh-dock-item i{
      font-size:16px;line-height:1;pointer-events:none;
      display:inline-flex;align-items:center;justify-content:center;
    }
    .bh-topnav .bh-dock-item svg{pointer-events:none;display:block;}
    .bh-topnav .bh-dock-item__label{
      display:inline;
      font:700 11px/1 'Manrope',system-ui,sans-serif;
      letter-spacing:.12em;text-transform:uppercase;
      white-space:nowrap;pointer-events:none;
    }
    /* Active state — acid green (brutal luxury) */
    .bh-topnav .bh-dock-item.active{
      background:rgba(200,255,0,.08) !important;
      border-color:rgba(200,255,0,.22) !important;
      box-shadow:none;
    }
    .bh-topnav .bh-dock-item.active i,
    .bh-topnav .bh-dock-item.active svg{color:#C8FF00 !important;}
    .bh-topnav .bh-dock-item.active .bh-dock-item__label{color:#C8FF00;}
    .bh-topnav .bh-dock-item.active:hover{background:rgba(200,255,0,.14) !important;}
    /* Menu button — precision icon pill, premium finish */
    .bh-topnav .bh-dock-item--menu{
      width:40px;min-width:40px;max-width:40px;padding:0;gap:0;
      justify-content:center;border-radius:999px;
      border-color:rgba(255,255,255,.12);
      background:
        radial-gradient(120% 120% at 50% 0%, rgba(255,255,255,.10), rgba(255,255,255,0) 60%),
        rgba(255,255,255,.035);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        inset 0 -1px 0 rgba(0,0,0,.25),
        0 2px 8px rgba(0,0,0,.25);
      transition:background 220ms cubic-bezier(0.19,1,0.22,1), border-color 220ms cubic-bezier(0.19,1,0.22,1), transform 220ms cubic-bezier(0.19,1,0.22,1), box-shadow 220ms cubic-bezier(0.19,1,0.22,1);
    }
    .bh-topnav .bh-dock-item--menu .bh-dock-menu-icon{
      width:20px;height:14px;flex-shrink:0;display:block;overflow:visible;
      color:currentColor;
    }
    .bh-topnav .bh-dock-item--menu .bh-dock-menu-stroke{
      transition:transform .35s cubic-bezier(.76,0,.18,1), opacity .18s ease, width .3s ease;
      transform-origin:center;
    }
    .bh-topnav .bh-dock-item--menu:hover{
      background:
        radial-gradient(120% 120% at 50% 0%, rgba(255,255,255,.16), rgba(255,255,255,0) 60%),
        rgba(255,255,255,.06);
      border-color:rgba(255,255,255,.22);
      transform:translateY(-1px);
    }
    .bh-topnav .bh-dock-item--menu:active{transform:translateY(0) scale(.97);}
    .bh-topnav .bh-dock-item--menu.is-menu-open{
      background:rgba(200,255,0,.10);
      border-color:rgba(200,255,0,.3);
      color:#C8FF00;
      box-shadow:none;
    }
    .bh-topnav .bh-dock-item--menu.is-menu-open .bh-dock-menu-stroke{color:#C8FF00;}
    .bh-topnav .bh-dock-item--menu.is-menu-open .bh-dock-menu-stroke--top{
      transform:translateY(7px) rotate(45deg);
    }
    .bh-topnav .bh-dock-item--menu.is-menu-open .bh-dock-menu-stroke--bot{
      transform:translateY(-7px) rotate(-45deg);
    }
    .bh-topnav .bh-dock-item--menu.is-menu-open .bh-dock-menu-stroke--mid{
      opacity:0;
      width:0;
    }
    .bh-topnav .bh-dock-item--menu.active .bh-dock-menu-icon{color:#C8FF00;}
    @media(max-width:560px){
      .bh-topnav .bh-dock-item--menu{width:36px;min-width:36px;max-width:36px;height:36px;}
      .bh-topnav .bh-dock-item--menu .bh-dock-menu-icon{width:18px;height:12px;}
    }
    /* Cart badge — clean small pill */
    .bh-topnav .bh-dock-badge{
      position:absolute;top:-2px;right:-4px;
      min-width:18px;height:18px;padding:0 5px;
      border-radius:999px;
      background:#f4f4f5;color:#0a0a0a;
      font:800 10px/18px 'Manrope',sans-serif;
      text-align:center;pointer-events:none;
      box-shadow:0 0 0 2px rgba(10,10,12,1), 0 2px 6px rgba(0,0,0,.4);
    }
    .bh-topnav .bh-dock-badge.is-empty{display:none;}
    /* Active pill → invert badge */
    .bh-topnav .bh-dock-item.active .bh-dock-badge{
      background:#0a0a0a;color:#f4f4f5;
      box-shadow:0 0 0 2px #f4f4f5, 0 2px 6px rgba(0,0,0,.3);
    }
    /* Mobile: tighter text-only pills */
    @media(max-width:560px){
      .bh-topnav__bar{padding:10px 12px;gap:2px;}
      .bh-topnav .bh-dock-item{padding:0 10px;height:36px;gap:0;}
      .bh-topnav .bh-dock-item__label{font-size:10px;letter-spacing:.1em;}
    }
    @media(max-width:380px){
      .bh-topnav__bar{padding:10px 8px;}
      .bh-topnav .bh-dock-item{padding:0 8px;}
      .bh-topnav .bh-dock-item__label{font-size:9px;letter-spacing:.08em;}
    }

    /* ════════════════════════════════════════════════════
       BH DOCK · flat black, no oval, no border, centered.
       Wrapper is 100% width, bar inside centers items via flex.
    ════════════════════════════════════════════════════ */
    .bh-topnav{
      padding:0 !important;
      left:0 !important;
      right:0 !important;
      width:100% !important;
      max-width:100% !important;
      margin:0 !important;
    }
    .bh-topnav__bar{
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      gap:6px !important;
      border-radius:0 !important;
      padding:10px 14px !important;
      background:#000 !important;
      backdrop-filter:none !important;
      -webkit-backdrop-filter:none !important;
      border:0 !important;
      border-bottom:1px solid rgba(200,255,0,.10) !important;
      box-shadow:none !important;
      max-width:100% !important;
      width:100% !important;
      margin:0 auto !important;
      box-sizing:border-box !important;
    }
    /* Items — stay simple: border-radius pill, color transition only */
    .bh-topnav .bh-dock-item{
      position:relative !important;
      border:0 !important;
      background:transparent !important;
      color:rgba(255,255,255,.65) !important;
      pointer-events:auto !important;
      visibility:visible !important;
      touch-action:manipulation !important;
      min-height:44px !important;
      min-width:44px !important;
      height:auto !important;
      text-decoration:none !important;
      transition:background-color .2s ease, color .2s ease !important;
      -webkit-tap-highlight-color:rgba(200,255,0,0.18) !important;
    }
    .bh-topnav .bh-dock-item__label{
      pointer-events:none !important;
      font:700 11px/1 'Manrope',system-ui,sans-serif !important;
      letter-spacing:.12em !important;
      text-transform:uppercase !important;
    }
    /* Hover (desktop only — touch uses :active) */
    @media(hover:hover){
      .bh-topnav .bh-dock-item:hover{
        color:#ffffff !important;
        background:rgba(255,255,255,.06) !important;
      }
    }
    /* Press feedback — short + snappy on both mouse and touch */
    .bh-topnav .bh-dock-item:active{
      transform:scale(.96) !important;
      transition:transform .08s ease, background-color .1s ease !important;
    }
    /* Active — amber accent glass pill */
    .bh-topnav .bh-dock-item.active,
    .bh-topnav .bh-dock-item.active:hover{
      background:rgba(200,255,0,.14) !important;
      color:#C8FF00 !important;
      box-shadow:
        0 0 0 1px rgba(200,255,0,0.35) inset,
        0 6px 18px rgba(200,255,0,.14) !important;
    }
    .bh-topnav .bh-dock-item.active i,
    .bh-topnav .bh-dock-item.active svg,
    .bh-topnav .bh-dock-item.active .bh-dock-item__label{color:#C8FF00 !important;}
    .bh-topnav .bh-dock-item.active .bh-dock-badge{
      background:#C8FF00 !important;color:#000 !important;
      box-shadow:0 0 0 2px rgba(6,5,10,.9), 0 2px 6px rgba(0,0,0,.3) !important;
    }
    /* Kill any lingering underline from earlier pass */
    .bh-topnav .bh-dock-item .bh-dock-item__label::after{display:none !important;}

    /* Menu button — minimalist icon, no chip. Thin ring appears on
       hover / open so it still reads as an interactive control. */
    .bh-topnav .bh-dock-item--menu{
      width:38px !important;min-width:38px !important;
      height:38px !important;
      padding:0 !important;
      background:transparent !important;
      border:1px solid transparent !important;
      box-shadow:none !important;
      transition:background-color .2s ease, border-color .25s cubic-bezier(.2,.8,.2,1), transform .2s ease !important;
    }
    @media(hover:hover){
      .bh-topnav .bh-dock-item--menu:hover{
        background:rgba(255,255,255,.06) !important;
        border-color:rgba(255,255,255,.16) !important;
      }
    }
    .bh-topnav .bh-dock-item--menu:active{transform:scale(.92) !important;}
    .bh-topnav .bh-dock-item--menu.is-menu-open{
      background:rgba(200,255,0,.16) !important;
      border-color:rgba(200,255,0,0.4) !important;
      box-shadow:
        0 0 0 1px rgba(200,255,0,.26) inset,
        0 4px 18px rgba(200,255,0,.16) !important;
    }
    .bh-topnav .bh-dock-item--menu .bh-dock-menu-icon{
      transition:transform .3s cubic-bezier(.2,.8,.2,1), color .2s ease !important;
    }
    .bh-topnav .bh-dock-item--menu:hover .bh-dock-menu-icon{
      transform:scale(1.06) !important;
    }
    .bh-topnav .bh-dock-item--menu.is-menu-open .bh-dock-menu-icon{
      transform:scale(1) !important;
      color:#C8FF00 !important;
    }

    /* ── Menu icon: 4-dot grid ↔ X ── */
    .bh-topnav .bh-dock-item--menu .bh-dock-menu-icon{
      width:12px !important;height:12px !important;overflow:visible !important;
    }
    /* Dots: visible by default */
    .bh-topnav .bh-dock-item--menu .bh-menu-dots{
      opacity:1;transform:rotate(0deg) scale(1);
      transform-box:fill-box;transform-origin:center;
      transition:opacity .22s ease, transform .3s cubic-bezier(.2,.8,.2,1);
    }
    /* X: hidden by default */
    .bh-topnav .bh-dock-item--menu .bh-menu-x{
      opacity:0;transform:scale(.6) rotate(-45deg);
      transform-box:fill-box;transform-origin:center;
      transition:opacity .22s ease, transform .3s cubic-bezier(.2,.8,.2,1);
    }
    /* Hover: dots rotate 45° (grid → diamond) */
    @media(hover:hover){
      .bh-topnav .bh-dock-item--menu:not(.is-menu-open):hover .bh-menu-dots{
        transform:rotate(45deg) scale(1.08);
      }
    }
    /* Open state: swap to X */
    .bh-topnav .bh-dock-item--menu.is-menu-open .bh-menu-dots{
      opacity:0;transform:rotate(45deg) scale(.5);
    }
    .bh-topnav .bh-dock-item--menu.is-menu-open .bh-menu-x{
      opacity:1;transform:scale(1) rotate(0deg);
    }

    /* Cart badge bump on count change (still CSS-only) */
    .bh-topnav .bh-dock-badge{
      transition:transform .22s cubic-bezier(.2,.8,.2,1) !important;
      transform-origin:center center !important;
    }
    .bh-topnav .bh-dock-badge.is-bump{
      animation:bhBadgeBump .55s cubic-bezier(.2,.8,.2,1) !important;
    }
    @keyframes bhBadgeBump{
      0%{transform:scale(1)}
      40%{transform:scale(1.3)}
      65%{transform:scale(.94)}
      100%{transform:scale(1)}
    }

    @media(max-width:560px){
      .bh-topnav__bar{padding:4px 6px !important;}
      .bh-topnav .bh-dock-item{min-height:44px !important;padding:0 12px !important;}
      .bh-topnav .bh-dock-item__label{font-size:9.5px !important;letter-spacing:.1em !important;}
    }

    /* ================================================================
       FULL HOME REDESIGN — ANALOG HEAT BLUE · v1
       Nav identity · Slide menu · Hero · Catalog · Player · Stage
       All !important — last in cascade, wins everything.
       ================================================================ */

    /* ── Nav bar: brand wordmark left, items center ── */
    .bh-topnav__bar{
      position:relative !important;
      background:rgba(6,5,10,.97) !important;
      border-bottom:1px solid rgba(200,255,0,0.12) !important;
      backdrop-filter:none !important;
      -webkit-backdrop-filter:none !important;
    }
    /* BH wordmark injected via ::before pseudo (no HTML change needed) */
    .bh-topnav__bar::before{
      content:"BH" !important;
      position:absolute !important;
      left:max(16px,3vw) !important;
      top:50% !important;
      transform:translateY(-50%) !important;
      font:800 13px/1 'Syne',system-ui,sans-serif !important;
      letter-spacing:.18em !important;
      color:#C8FF00 !important;
      pointer-events:none !important;
    }
    /* Nav items — DM Mono, sharp no radius, underline-style active */
    .bh-topnav .bh-dock-item{
      font-family:'Manrope',system-ui,sans-serif !important;
      border-radius:3px !important;
    }
    .bh-topnav .bh-dock-item.active,
    .bh-topnav .bh-dock-item.active:hover{
      background:rgba(200,255,0,0.12) !important;
      color:#C8FF00 !important;
      box-shadow:
        0 0 0 1px rgba(200,255,0,0.28) inset,
        0 4px 16px rgba(200,255,0,0.1) !important;
      border-radius:3px !important;
    }
    .bh-topnav .bh-dock-item.active .bh-dock-item__label,
    .bh-topnav .bh-dock-item.active i,
    .bh-topnav .bh-dock-item.active svg{ color:#C8FF00 !important; }
    /* Cart badge — blue */
    .bh-topnav .bh-dock-badge{
      background:#C8FF00 !important;
      color:#000 !important;
      font-family:'DM Mono','Space Mono',monospace !important;
      font-weight:700 !important;
      box-shadow:0 0 0 2px rgba(6,5,10,1), 0 2px 8px rgba(200,255,0,0.4) !important;
    }
    /* Menu button open state — blue */
    .bh-topnav .bh-dock-item--menu.is-menu-open{
      background:rgba(200,255,0,.14) !important;
      border-color:rgba(200,255,0,.36) !important;
    }
    .bh-topnav .bh-dock-item--menu.is-menu-open .bh-dock-menu-icon{
      color:#C8FF00 !important;
    }
    /* ── Nav dock icons ── */
    .bh-topnav .bh-dock-item{gap:6px !important;}
    .bh-topnav .bh-dock-item i{
      font-size:13px !important;
      line-height:1 !important;
      display:inline-flex !important;
      align-items:center !important;
      opacity:.75 !important;
      transition:opacity .18s ease !important;
    }
    .bh-topnav .bh-dock-item.active i,
    .bh-topnav .bh-dock-item:hover i{opacity:1 !important;}
    @media(max-width:560px){
      .bh-topnav .bh-dock-item{gap:4px !important;}
      .bh-topnav .bh-dock-item i{font-size:12px !important;}
    }
    @media(max-width:380px){
      .bh-topnav .bh-dock-item__label{display:none !important;}
      .bh-topnav .bh-dock-item{width:40px !important;min-width:40px !important;padding:0 !important;justify-content:center !important;}
      .bh-topnav .bh-dock-item i{font-size:15px !important;opacity:1 !important;}
      .bh-topnav .bh-dock-item--menu{width:38px !important;min-width:38px !important;}
    }

    /* ── Slide menu — app tokens, no box ── */
    .bh-slide-menu{
      background:rgba(6,5,10,.96) !important;
      border:0 !important;
      box-shadow:0 20px 60px rgba(0,0,0,.7) !important;
    }
    .bh-slide-menu__head{
      background:transparent !important;
      border-bottom:1px solid rgba(242,237,228,.06) !important;
    }
    .bh-slide-menu__avatar{
      border-radius:10px !important;
      box-shadow:0 0 0 1px rgba(242,237,228,.12),0 4px 12px rgba(0,0,0,.4) !important;
    }
    .bh-slide-menu__name{
      font:700 15px/1.15 'Manrope',system-ui,sans-serif !important;
      color:rgba(242,237,228,.92) !important;
      letter-spacing:-.01em !important;
    }
    .bh-slide-menu__role{
      font:700 8.5px/1 'Space Mono',monospace !important;
      letter-spacing:.2em !important;
      text-transform:uppercase !important;
      color:rgba(242,237,228,.38) !important;
    }
    .bh-slide-menu__item{
      font:500 13px/1 'Manrope',system-ui,sans-serif !important;
      color:rgba(242,237,228,.55) !important;
      border-radius:8px !important;
    }
    .bh-slide-menu__item::before{
      background:var(--bh-accent,#C8FF00) !important;
      box-shadow:none !important;
    }
    @media(hover:hover){
      .bh-slide-menu__item:hover{
        color:rgba(242,237,228,.92) !important;
        background:rgba(242,237,228,.05) !important;
      }
      .bh-slide-menu__item:hover i{color:rgba(242,237,228,.7) !important;}
    }
    .bh-slide-menu__item:active{background:rgba(242,237,228,.07) !important;}
    .bh-slide-menu__item i{color:rgba(242,237,228,.28) !important;}
    .bh-slide-menu__item--primary{
      background:rgba(200,255,0,.1) !important;
      color:var(--bh-accent,#C8FF00) !important;
      box-shadow:0 0 0 1px rgba(200,255,0,.18) inset !important;
    }
    .bh-slide-menu__item--primary:hover{
      background:rgba(200,255,0,.16) !important;
      color:#F5A832 !important;
    }
    .bh-slide-menu__item--admin i{color:rgba(242,237,228,.22) !important;}
    .bh-slide-menu__item--admin:hover{color:rgba(242,237,228,.92) !important;background:rgba(242,237,228,.05) !important;}
    .bh-slide-menu__item--admin:hover i{color:rgba(242,237,228,.6) !important;}
    .bh-slide-menu__sep{background:rgba(242,237,228,.06) !important;margin:8px 14px !important;}
    .bh-slide-menu__sep[data-label]{height:auto !important;background:transparent !important;margin:12px 14px 4px !important;font:600 10px/1 'Manrope',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.22);}
    .bh-slide-menu__sep[data-label]::before{content:attr(data-label);display:block;}
    .bh-slide-menu__sep[data-label]::before{
      font:600 8px/1 'Space Mono',monospace !important;
      letter-spacing:.2em !important;
      color:rgba(242,237,228,.28) !important;
      background:rgba(6,5,10,.96) !important;
    }
    .bh-slide-menu__badge{
      background:rgba(242,237,228,.07) !important;
      color:rgba(242,237,228,.55) !important;
      font-family:'Space Mono',monospace !important;
      box-shadow:none !important;
    }
    /* Section color identities */
    .bh-fullmenu-sec-lbl{color:rgba(255,255,255,.3)!important;}
    .bh-fullmenu-sec--browse .bh-fullmenu-sec-lbl{color:rgba(200,255,0,.6)!important;}
    .bh-fullmenu-sec--browse .bh-slide-menu__item i{color:rgba(200,255,0,.45)!important;}
    @media(hover:hover){.bh-fullmenu-sec--browse .bh-slide-menu__item:hover i{color:#C8FF00!important;}}
    .bh-fullmenu-sec--explore .bh-fullmenu-sec-lbl{color:rgba(52,211,153,.55)!important;}
    .bh-fullmenu-sec--explore .bh-slide-menu__item i{color:rgba(52,211,153,.4)!important;}
    @media(hover:hover){.bh-fullmenu-sec--explore .bh-slide-menu__item:hover i{color:#34d399!important;}}
    .bh-fullmenu-sec--account .bh-fullmenu-sec-lbl{color:rgba(167,139,250,.55)!important;}
    .bh-fullmenu-sec--account .bh-slide-menu__item i{color:rgba(167,139,250,.4)!important;}
    @media(hover:hover){.bh-fullmenu-sec--account .bh-slide-menu__item:hover i{color:#a78bfa!important;}}
    .bh-fullmenu-sec--create .bh-fullmenu-sec-lbl{color:rgba(251,146,60,.55)!important;}
    .bh-fullmenu-sec--create .bh-slide-menu__item i{color:rgba(251,146,60,.4)!important;}
    @media(hover:hover){.bh-fullmenu-sec--create .bh-slide-menu__item:hover i{color:#fb923c!important;}}
    /* Primary (Sign In, View Plans) keep their accent colors */
    .bh-fullmenu-sec--account .bh-slide-menu__item--primary i{color:#C8FF00!important;}
    .bh-slide-backdrop{
      background:rgba(6,5,10,.7) !important;
      backdrop-filter:blur(10px) !important;
      -webkit-backdrop-filter:blur(10px) !important;
    }

    /* ══════════════════════════════════════════════════════════════
       LIQUID CRYSTAL GLASS — Nav override · teal/amethyst/ice
       ══════════════════════════════════════════════════════════════ */

    /* Nav bar glass */
    .bh-topnav__bar{
      background:linear-gradient(180deg,rgba(255,255,255,.055) 0%,rgba(255,255,255,.01) 100%),rgba(5,4,14,.91) !important;
      backdrop-filter:blur(36px) saturate(210%) brightness(1.05) !important;
      -webkit-backdrop-filter:blur(36px) saturate(210%) brightness(1.05) !important;
      border-bottom:0 !important;
      box-shadow:
        0 1px 0 rgba(255,255,255,.055) inset,
        0 0 0 0.5px rgba(94,234,212,.15) inset,
        0 8px 32px rgba(0,0,0,.45),
        0 1px 0 rgba(56,189,248,.12) !important;
    }
    /* Iridescent top-line accent */
    .bh-topnav__bar::after{
      content:"" !important;
      position:absolute !important;
      inset:0 0 auto 0 !important;
      height:1px !important;
      background:linear-gradient(90deg,transparent 0%,#5eead4 22%,#c4b5f4 50%,#38bdf8 78%,transparent 100%) !important;
      opacity:.55 !important;
      pointer-events:none !important;
    }
    /* BH wordmark — crystal teal */
    .bh-topnav__bar::before{
      color:transparent !important;
      background:linear-gradient(135deg,#5eead4 0%,#c4b5f4 100%) !important;
      -webkit-background-clip:text !important;
      background-clip:text !important;
      -webkit-text-fill-color:transparent !important;
    }

    /* Active nav item — crystal pill */
    .bh-topnav .bh-dock-item.active,
    .bh-topnav .bh-dock-item.active:hover{
      background:linear-gradient(135deg,rgba(94,234,212,.18) 0%,rgba(129,140,248,.18) 100%) !important;
      color:#5eead4 !important;
      box-shadow:
        0 0 0 1px rgba(94,234,212,.35) inset,
        0 4px 20px rgba(94,234,212,.14) !important;
      border-radius:6px !important;
    }
    .bh-topnav .bh-dock-item.active .bh-dock-item__label,
    .bh-topnav .bh-dock-item.active i,
    .bh-topnav .bh-dock-item.active svg{ color:#5eead4 !important; fill:#5eead4 !important; }

    /* Cart badge — teal crystal */
    .bh-topnav .bh-dock-badge{
      background:linear-gradient(135deg,#5eead4,#c4b5f4) !important;
      color:#000 !important;
      box-shadow:0 0 0 2px rgba(6,5,10,1),0 2px 10px rgba(94,234,212,.45) !important;
    }

    /* Menu button open — crystal */
    .bh-topnav .bh-dock-item--menu.is-menu-open{
      background:linear-gradient(135deg,rgba(94,234,212,.16) 0%,rgba(129,140,248,.16) 100%) !important;
      border-color:rgba(94,234,212,.32) !important;
    }
    .bh-topnav .bh-dock-item--menu.is-menu-open .bh-dock-menu-icon{
      color:#5eead4 !important;
    }

    /* Slide menu glass */
    .bh-slide-menu{
      background:linear-gradient(180deg,rgba(255,255,255,.045) 0%,rgba(255,255,255,.005) 100%),rgba(5,4,14,.94) !important;
      backdrop-filter:blur(40px) saturate(200%) !important;
      -webkit-backdrop-filter:blur(40px) saturate(200%) !important;
      border:0.5px solid rgba(94,234,212,.14) !important;
      box-shadow:0 0 0 0.5px rgba(129,140,248,.12),0 24px 64px rgba(0,0,0,.65),0 8px 24px rgba(94,234,212,.06) !important;
    }
    .bh-slide-menu__head{
      border-bottom:1px solid rgba(94,234,212,.1) !important;
    }
    .bh-slide-menu__item::before{
      background:linear-gradient(90deg,#5eead4,#c4b5f4) !important;
    }
    /* ══ end crystal nav ══ */

/* ═══════════════════════════════════════
   HOME · menu-overlay
   ═══════════════════════════════════════ */
    /* ── Hero section refinements ── */
    .bh-home-v5 .bh-hero__badge{
      font-family:'DM Mono','Space Mono',monospace !important;
      border-radius:2px !important;
      letter-spacing:.22em !important;
    }
    .bh-home-v5 .bh-hero__genre{
      font:700 9px/1 'DM Mono','Space Mono',monospace !important;
      letter-spacing:.18em !important;
      text-transform:uppercase !important;
      color:rgba(242,237,228,.45) !important;
      border:1px solid rgba(255,255,255,.1) !important;
      padding:4px 8px !important;
      border-radius:2px !important;
    }
    .bh-home-v5 .bh-hero__title{
      font-family:'Syne',system-ui,sans-serif !important;
    }
    .bh-home-v5 .bh-hero__spec{
      font:600 11px/1 'DM Mono','Space Mono',monospace !important;
      color:rgba(242,237,228,.55) !important;
    }
    .bh-home-v5 .bh-hero__sep{color:rgba(200,255,0,0.4) !important;}
    .bh-home-v5 .bh-hero__prices{
      display:flex !important;
      gap:8px !important;
      flex-wrap:wrap !important;
    }
    .bh-home-v5 .bh-hero__prices span{
      font:700 10px/1 'DM Mono','Space Mono',monospace !important;
      letter-spacing:.1em !important;
      color:rgba(242,237,228,.45) !important;
      padding:4px 8px !important;
      border:1px solid rgba(200,255,0,0.12) !important;
      border-radius:2px !important;
    }
    .bh-home-v5 .bh-hero__prices strong{
      color:#C8FF00 !important;
    }

    /* ── Catalog: section header ── */
    .bh-home-v5 .bh-home-list-title,
    .bh-home-v5 .section-title{
      font:700 10px/1 'DM Mono','Space Mono',monospace !important;
      letter-spacing:.22em !important;
      text-transform:uppercase !important;
      color:#C8FF00 !important;
      display:flex !important;
      align-items:center !important;
      gap:12px !important;
      margin-bottom:18px !important;
    }
    .bh-home-v5 .bh-home-list-title::before,
    .bh-home-v5 .section-title::before{
      content:"" !important;
      flex-shrink:0 !important;
      width:16px !important;height:1px !important;
      background:#C8FF00 !important;
      opacity:.6 !important;
    }

    /* ── Catalog cards ── */
    .bh-home-v5 .bh-catalog__card.beat-card{
      background:rgba(255,255,255,.03) !important;
      border:1px solid rgba(255,255,255,.06) !important;
      border-radius:0 !important;
      overflow:hidden !important;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 2px 12px rgba(0,0,0,.2) !important;
      transition:all 220ms cubic-bezier(0.19,1,0.22,1) !important;
    }
    @media (hover:hover) and (pointer:fine){
      .bh-home-v5 .beat-card:hover{
        background:rgba(255,255,255,.055) !important;
        border-color:rgba(255,255,255,.12) !important;
        box-shadow:
          inset 0 1px 0 rgba(255,255,255,.08),
          0 8px 32px rgba(0,0,0,.35) !important;
        transform:translateY(-2px) !important;
      }
    }
    .bh-home-v5 .beat-card:active{ transform:scale(0.97) !important; }
    .bh-home-v5 .bh-catalog__cover{
      background:#0d0d0d !important;
      border-radius:0 !important;
      aspect-ratio:1 !important;
      overflow:hidden !important;
      position:relative !important;
    }
    .bh-home-v5 .bh-catalog__cover img{
      width:100% !important;height:100% !important;
      object-fit:cover !important;
      display:block !important;
    }
    .bh-home-v5 .bh-catalog__play{
      background:#C8FF00 !important;
      color:#fff !important;
      border-radius:0 !important;
      box-shadow:0 4px 16px rgba(200,255,0,.35) !important;
    }
    .bh-home-v5 .bh-catalog__play:hover{
      background:#E8FF88 !important;
      box-shadow:0 6px 22px rgba(200,255,0,.5) !important;
    }
    .bh-home-v5 .bh-catalog__info{
      padding:12px !important;
      text-decoration:none !important;
      display:block !important;
    }
    .bh-home-v5 .bh-catalog__title{
      font:700 13px/1.2 'Syne',system-ui,sans-serif !important;
      color:#F2EDE4 !important;
      letter-spacing:.01em !important;
      margin:0 0 4px !important;
      white-space:nowrap !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
    }
    .bh-home-v5 .bh-catalog__author{
      font:500 11px/1 'Manrope',system-ui,sans-serif !important;
      color:rgba(242,237,228,.45) !important;
      margin:0 0 8px !important;
    }
    .bh-home-v5 .bh-catalog__foot{
      display:flex !important;
      align-items:center !important;
      justify-content:space-between !important;
      gap:6px !important;
    }
    .bh-home-v5 .bh-catalog__specs{
      font:600 9.5px/1 'DM Mono','Space Mono',monospace !important;
      color:rgba(242,237,228,.35) !important;
      letter-spacing:.06em !important;
      white-space:nowrap !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
    }
    .bh-home-v5 .bh-catalog__price{
      font:700 10px/1 'DM Mono','Space Mono',monospace !important;
      color:#c4b5f4 !important;
      background:rgba(200,255,0,.1) !important;
      border:1px solid rgba(200,255,0,.2) !important;
      border-radius:999px !important;
      padding:3px 8px !important;
      white-space:nowrap !important;
      flex-shrink:0 !important;
    }
    .bh-home-v5 .beat-card:hover .bh-catalog__price{
      background:rgba(200,255,0,.2) !important;
      border-color:rgba(200,255,0,.45) !important;
      box-shadow:0 0 12px rgba(200,255,0,.15) !important;
      color:#d8ccff !important;
    }
    /* Fav button */
    .bh-home-v5 .bh-catalog__fav{
      border-radius:0 !important;
      background:rgba(255,255,255,.04) !important;
      border:1px solid rgba(255,255,255,.08) !important;
      color:rgba(255,255,255,.35) !important;
    }
    .bh-home-v5 .bh-catalog__fav:hover{
      color:#c4b5f4 !important;
      background:rgba(200,255,0,.12) !important;
    }

    /* ── Stage area (section loader) ── */
    .bh-home-embed-stage{
      background:transparent !important;
      /* leave room for the fixed topnav (~64px) when scrollIntoView is called */
      scroll-margin-top:64px !important;
    }
    #bh-home-app-stage{scroll-margin-top:64px;}
    .bh-home-embed-head{
      display:flex !important;
      align-items:center !important;
      gap:12px !important;
      padding:14px 16px !important;
      border-bottom:1px solid rgba(200,255,0,0.1) !important;
      background:rgba(6,5,10,.98) !important;
      /* stick below the fixed topnav so back button stays visible while scrolling */
      position:sticky !important;
      top:60px !important;
      z-index:500 !important;
    }
    .bh-home-stage-back{
      width:32px !important;height:32px !important;
      border:1px solid rgba(200,255,0,0.2) !important;
      border-radius:3px !important;
      background:rgba(200,255,0,0.07) !important;
      color:#C8FF00 !important;
      font-size:18px !important;
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      cursor:pointer !important;
      transition:background .18s ease, border-color .18s ease !important;
    }
    .bh-home-stage-back::before{
      content:"←" !important;
      font-family:'DM Mono','Space Mono',monospace !important;
      font-size:14px !important;
      color:#C8FF00 !important;
    }
    .bh-home-stage-back:hover{
      background:rgba(200,255,0,.14) !important;
      border-color:rgba(200,255,0,0.4) !important;
    }
    .bh-stage-title{
      font:700 11px/1 'DM Mono','Space Mono',monospace !important;
      letter-spacing:.2em !important;
      text-transform:uppercase !important;
      color:rgba(242,237,228,.65) !important;
    }

    /* ── Player bar — styles consolidated in home.css ── */

    /* ── Loader spinner — blue ── */
    .bh-home-v5 .bh-home-loader::after,
    .bh-home-v5 .bh-loader::after,
    .bh-home-v5 .loader-ring{
      border-top-color:#C8FF00 !important;
    }

    /* ── Body ambient — blue halo ── */
    body{
      background:
        radial-gradient(ellipse 80% 45% at 50% -8%, rgba(200,255,0,0.08) 0%, transparent 60%),
        radial-gradient(circle at 88% 92%, rgba(200,255,0,.05) 0%, transparent 40%),
        #000 !important;
      background-attachment:fixed, fixed, fixed !important;
    }

    /* ── Selection / scrollbar — blue ── */
    .bh-home-v5 ::selection,
    .bh-home-v5 ::-moz-selection{
      background:rgba(200,255,0,0.28) !important;
      color:#F2EDE4 !important;
    }
    .bh-home-v5 ::-webkit-scrollbar-thumb{
      background:rgba(200,255,0,0.25) !important;
    }
    .bh-home-v5 ::-webkit-scrollbar-thumb:hover{
      background:rgba(200,255,0,.45) !important;
    }

/* ═══════════════════════════════════════
   HOME · hero-cards
   ═══════════════════════════════════════ */
  /* ── UNIFIED CANVAS: single dark background under hero + home ── */
  /* The gradient lives on body/root; hero and home are transparent on top */
  body.bh-full-page,
  #bh-page-root{
    background:linear-gradient(180deg,#000 0%,#0A0810 100%) !important;
    min-height:100dvh;
  }
  /* Override bh-full-page.php padding on home — hero fills 100dvh, no nav offset needed.
     Scoped to #bh-home-feed so this does NOT persist after SPA navigation away from home. */
  #bh-page-root:has(#bh-home-feed){
    padding-top:0 !important;
    padding-bottom:0 !important;
  }
  /* bh-home--neutral has its own gradient in home.css — override to transparent */
  .bh-home--neutral{
    background:transparent !important;
  }
  /* Vignette: only darken when bg-art photo is loaded; otherwise transparent */
  .bh-home-bg-vignette{
    background:radial-gradient(ellipse 120% 60% at 50% 0%,rgba(0,0,0,0) 0%,rgba(0,0,0,.72) 80%) !important;
  }

  /* ── BeatsHouse Cinematic Hero ── */
  .bh-ch{
    position:relative;width:100%;min-height:100dvh;overflow-x:clip;overflow-y:visible;
    display:flex;flex-direction:column;align-items:center;
    /* No solid gradient base — page canvas shows through.
       Only decorative radial overlays float on top of the unified bg. */
    background:
      radial-gradient(ellipse 80% 45% at 50% -8%,rgba(200,255,0,.08) 0%,transparent 65%),
      radial-gradient(circle at 88% 92%,rgba(200,255,0,.04) 0%,transparent 45%);
    font-family:'Syne',system-ui,sans-serif;
    -webkit-font-smoothing:antialiased;color:#F2EDE4;box-sizing:border-box;
    /* push content below topnav (~64px) */
    padding-top:64px;
  }
  .bh-ch::before{
    content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
    background:
      radial-gradient(ellipse 45% 35% at 15% 65%,rgba(0,255,136,.07),transparent 60%);
  }
  @media(max-width:899px){.bh-ch::before{display:none;}}
  /* Bottom fade: blends hero bottom into the dark body bg so the
     hero→feed seam is invisible. z-index:2 sits above bg particles (z:1)
     but below all content layers (z:10+). */
  #bh-hero::after{
    content:'';position:absolute;bottom:0;left:0;right:0;pointer-events:none;z-index:2;
    height:clamp(100px,20dvh,220px);
    background:linear-gradient(to bottom,transparent,#000);
  }
  /* ── Phone: suppress browser focus rings & tap highlights on mobile ── */
  .bh-ch-phone,.bh-ch-mockup-wrap,.bh-ch-mockup-inner{
    outline:none !important;
    -webkit-tap-highlight-color:transparent !important;
  }
  .bh-ch-screen button,.bh-ch-screen [role="tab"],.bh-ch-screen a,.bh-ch-screen input{
    outline:none !important;
    -webkit-tap-highlight-color:transparent !important;
  }
  .bh-ch-grain,.bh-ch-grid{display:none;}
  /* Skip button — top-right corner, below topnav */
  .bh-ch-skip{
    position:absolute !important;
    top:calc(60px + env(safe-area-inset-top,0px)) !important;
    right:14px !important;
    bottom:auto !important;left:auto !important;
    z-index:200;
    display:inline-flex;align-items:center;
    padding:5px 10px;
    background:rgba(0,0,0,.38);
    border:1px solid rgba(255,255,255,.12);
    border-radius:999px;
    cursor:pointer;
    opacity:0;pointer-events:none;
    transition:opacity .4s ease,background .15s,border-color .15s;
    touch-action:manipulation;
  }
  .bh-ch-skip.is-visible{opacity:1;pointer-events:auto;}
  .bh-ch-skip:hover{
    background:rgba(0,0,0,.6) !important;
    border-color:rgba(255,255,255,.25) !important;
  }
  .bh-ch-skip:active{opacity:.7;}
  .bh-ch-skip__label{
    font:500 8.5px/1 'DM Mono',monospace;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:rgba(255,255,255,.5);
  }
  .bh-ch-skip:hover .bh-ch-skip__label{color:rgba(255,255,255,.8);}
  /* ESC badge: desktop only, minimal */
  .bh-ch-skip__key{
    display:none;
  }
  @media(min-width:900px){
    .bh-ch-skip__key{
      display:inline-flex;align-items:center;justify-content:center;
      font:600 7px/1 'DM Mono',monospace;
      color:rgba(255,255,255,.35);
      background:rgba(255,255,255,.06);
      border:1px solid rgba(255,255,255,.1);
      border-radius:3px;
      padding:2px 5px 3px;
      margin-left:6px;
    }
  }
  /* ── Mobile: skip hidden — svc-bar already provides navigation ── */
  @media(max-width:767px){
    .bh-ch-skip{display:none !important;}
    /* Push the phone down so the YT badge above it isn't clipped */
    .bh-ch-inner{
      padding-top:calc(64px + env(safe-area-inset-top,0px));
      padding-bottom:140px;
      align-items:flex-start;
      justify-content:center;
    }
    /* Give the badge more clearance from the phone top edge */
    .bh-ch-yt-social{
      top:-30px;
      font-size:7px;
      padding:5px 10px;
      gap:5px;
      max-width:calc(100vw - 32px);
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    /* Svc-bar pills: compact single row — no wrapping, or MASTERING clips */
    .bh-ch-svc-bar{gap:6px;bottom:calc(env(safe-area-inset-bottom,0px) + 22px);}
    .bh-ch-hero-nav-btn{padding:7px 12px;font-size:9px;letter-spacing:.06em;}
  }
  /* Very small screens (sub-375px — older Android, not iPhone 14 Pro which is 390px) */
  @media(max-width:374px){
    .bh-ch-inner{padding-top:calc(60px + env(safe-area-inset-top,0px));padding-bottom:130px;}
    .bh-ch-mockup-inner{transform:scale(.60);}
    .bh-ch-tagline{font-size:8px !important;letter-spacing:.16em !important;}
  }
  /* Short viewport (landscape mobile, tall phones in landscape) */
  @media(max-height:600px) and (max-width:899px){
    .bh-ch-inner{padding-top:24px;padding-bottom:110px;}
    .bh-ch-mockup-inner{transform:scale(.55);}
  }
  /* Nav dot — persistent indicator after hero dismiss */
  .bh-ch-nav-dot{
    position:absolute;top:3px;right:3px;width:5px;height:5px;border-radius:50%;
    background:#00ff88;box-shadow:0 0 6px rgba(0,255,136,.7);
    animation:bh-ch-pulse 2s infinite;pointer-events:none;
  }
  /* Text layer — absolute, centered, pointer-events off always */
  .bh-ch-text-wrap{
    position:absolute;z-index:10;inset:0;pointer-events:none;
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    text-align:center;padding:0 16px;will-change:transform;
  }
  #bh-hero .bh-ch-t1{
    font:700 clamp(2.6rem,7vw,5.2rem)/1.05 'Syne',sans-serif !important;
    letter-spacing:.04em !important;text-transform:uppercase !important;
    margin:0 0 10px !important;
    background:linear-gradient(90deg,#C8FF00 0%,rgba(242,237,228,.6) 60%) !important;
    -webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important;
    background-clip:text !important;
    /* opacity:0 removed — GSAP sets autoAlpha:0 in initCinematic() before the timeline runs.
       Without JS (slow Bluehost TTFB), the text must be visible by default. */
  }
  #bh-hero .bh-ch-t2{
    font:900 clamp(3.6rem,11vw,8rem)/1 'Syne',sans-serif !important;
    letter-spacing:-.05em !important;margin:0 !important;
    background:linear-gradient(135deg,#fff 0%,#c8e8ff 35%,#C8FF00 70%,#0d6bae 100%);
    -webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important;
    background-clip:text !important;transform:translateZ(0);
    filter:drop-shadow(0 0 40px rgba(200,255,0,0.4)) drop-shadow(0 8px 24px rgba(0,0,0,.7));
  }
  /* ── Unused CTA layer ── */
  .bh-ch-cta-wrap,.bh-ch-browse-btn,.bh-ch-card,.bh-ch-sheen{display:none;}
  /* ── Action panel — stats + service buttons, above catalog strip ── */
  /* ── In-phone svc nav ── */
  .bh-app__svc{
    position:absolute;bottom:0;left:0;right:0;
    z-index:30;
    background:rgba(6,5,10,.96);
    border-top:1px solid rgba(255,255,255,.08);
    padding:8px 12px 16px;
    display:flex;align-items:center;justify-content:space-around;gap:4px;
  }
  .bh-app__svc-spacer{flex-shrink:0;height:60px;}
  .bh-app__svc-btn{
    display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
    flex:1;padding:8px 4px;
    border-radius:12px;
    border:1px solid rgba(255,255,255,.09);
    background:rgba(255,255,255,.05);
    color:rgba(255,255,255,.55);
    cursor:pointer;
    font:700 7px/1 'DM Mono',monospace;
    letter-spacing:.1em;text-transform:uppercase;
    white-space:nowrap;
    transition:color .15s,background .15s,border-color .15s,box-shadow .15s;
    touch-action:manipulation;
    -webkit-tap-highlight-color:rgba(200,255,0,0.12);
  }
  .bh-app__svc-btn:hover{color:#fff;background:rgba(200,255,0,0.12);border-color:rgba(200,255,0,0.25);}
  .bh-app__svc-btn:active{transform:scale(.93);}
  .bh-app__svc-ico{display:block;font-size:13px;line-height:1;margin-bottom:1px;}
  /* Per-button accent colors */
  .bh-app__svc-btn--beats{color:#C8FF00;border-color:rgba(200,255,0,0.3);background:rgba(200,255,0,0.1);}
  .bh-app__svc-btn--beats:hover{color:#fff;background:rgba(200,255,0,0.22);border-color:rgba(200,255,0,0.5);}
  .bh-app__svc-btn--songs{color:#A855F7;border-color:rgba(168,85,247,.3);background:rgba(168,85,247,.1);}
  .bh-app__svc-btn--songs:hover{color:#fff;background:rgba(168,85,247,.22);border-color:rgba(168,85,247,.5);}
  .bh-app__svc-btn--master{color:#10B981;border-color:rgba(16,185,129,.3);background:rgba(16,185,129,.1);}
  .bh-app__svc-btn--master:hover{color:#fff;background:rgba(16,185,129,.22);border-color:rgba(16,185,129,.5);}
  /* ── Inner: phone only, flex-centered ── */
  .bh-ch-inner{
    position:relative;width:100%;flex:1;min-height:0;
    display:flex;align-items:center;justify-content:center;
    z-index:10;overflow:visible;padding-bottom:110px;
  }
  /* ── Phone wrapper ── */
  .bh-ch-mockup-wrap{
    position:relative;
    display:flex;align-items:center;justify-content:center;overflow:visible;
    /* CSS default: phone is visible. initCinematic() sets autoAlpha:0 BEFORE the
       timeline runs, then animates it back. If GSAP fails/is slow, phone shows. */
    opacity:1;visibility:visible;
  }
  .bh-ch-mockup-inner{
    position:relative;display:flex;align-items:center;justify-content:center;
    transform:scale(.68);transform-origin:center;
  }
  @media(min-width:600px){.bh-ch-mockup-inner{transform:scale(.82);}}
  @media(min-width:900px){.bh-ch-mockup-inner{transform:scale(1.05);}}
  @media(min-width:900px) and (max-height:760px){.bh-ch-mockup-inner{transform:scale(.90);}}
  @media(min-width:900px) and (max-height:640px){.bh-ch-mockup-inner{transform:scale(.76);}}
  /* ── iPhone bezel ── */
  .bh-ch-phone{
    position:relative;width:280px;height:580px;border-radius:3rem;background:#111;
    box-shadow:inset 0 0 0 2px #52525B,inset 0 0 0 7px #000,
      0 40px 80px -15px rgba(0,0,0,.9),0 15px 25px -5px rgba(0,0,0,.7);
    transform-style:preserve-3d;will-change:transform;flex-shrink:0;
  }
  .bh-ch-hwbtn{position:absolute;background:linear-gradient(90deg,#404040,#171717);box-shadow:-2px 0 5px rgba(0,0,0,.8);border-left:1px solid rgba(255,255,255,.05);}
  .bh-ch-hwbtn-v1{top:120px;left:-3px;width:3px;height:25px;border-radius:3px 0 0 3px;}
  .bh-ch-hwbtn-v2{top:160px;left:-3px;width:3px;height:45px;border-radius:3px 0 0 3px;}
  .bh-ch-hwbtn-v3{top:220px;left:-3px;width:3px;height:45px;border-radius:3px 0 0 3px;}
  .bh-ch-hwbtn-s{top:170px;right:-3px;width:3px;height:70px;border-radius:0 3px 3px 0;}
  .bh-ch-screen{position:absolute;inset:7px;background:#000;border-radius:2.5rem;overflow:hidden;color:#fff;z-index:10;overscroll-behavior:contain;pointer-events:none;}
  .bh-ch-screen-glare{position:absolute;inset:0;z-index:40;pointer-events:none;background:linear-gradient(110deg,rgba(255,255,255,.07) 0%,transparent 45%);}
  .bh-ch-island{position:absolute;top:5px;left:50%;transform:translateX(-50%);width:100px;height:28px;background:#000;border-radius:999px;z-index:50;display:flex;align-items:center;justify-content:flex-end;padding:0 12px;}
  .bh-ch-island-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px rgba(34,197,94,.8);animation:bh-ch-pulse 2s infinite;}
  @keyframes bh-ch-pulse{0%,100%{opacity:1;}50%{opacity:.5;}}
  /* ── YouTube app ── */
  .bh-ch-app,.bh-ch-yt-app{position:relative;width:100%;height:100%;display:flex;flex-direction:column;}
  .bh-ch-yt-app{padding:40px 0 12px;overflow-y:auto;scrollbar-width:none;}
  .bh-ch-yt-app::-webkit-scrollbar{display:none;}
  .bh-ch-yt-topbar{display:flex;justify-content:space-between;align-items:center;padding:0 12px 6px;flex-shrink:0;}
  .bh-ch-yt-logo{font:700 11px/1 'Syne',sans-serif;color:#FF0000;}
  .bh-ch-avatar{width:26px;height:26px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,#C8FF00,#0E6AAD);font:700 9px/26px 'DM Mono',monospace;color:#fff;text-align:center;}
  .bh-ch-yt-thumb{width:100%;aspect-ratio:16/9;background:#0f0d18;position:relative;overflow:hidden;flex-shrink:0;}
  .bh-ch-yt-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
  .bh-ch-yt-play-ico{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:20px;color:rgba(255,255,255,.85);}
  .bh-ch-yt-views-wrap{padding:7px 12px 3px;display:flex;align-items:baseline;gap:4px;flex-wrap:wrap;}
  #bh-hero .bh-ch-yt-views-big{font:800 24px/1 'Syne',sans-serif !important;color:#fff !important;letter-spacing:-.03em !important;margin:0 !important;}
  #bh-hero .bh-ch-yt-views-label{font:500 8px/1 'DM Mono',monospace !important;color:rgba(255,255,255,.4) !important;margin:0 3px !important;}
  #bh-hero .bh-ch-yt-views-trend{font:600 7px/1 'DM Mono',monospace !important;color:#00ff88 !important;margin:0 0 0 auto !important;}
  .bh-ch-yt-info{padding:3px 12px;}
  #bh-hero .bh-ch-yt-title{font:700 10px/1.3 'Syne',sans-serif !important;color:#fff !important;margin:0 0 5px !important;}
  .bh-ch-yt-channel{display:flex;align-items:center;gap:6px;}
  .bh-ch-yt-ch-avatar{width:20px;height:20px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,#C8FF00,#0E6AAD);font:700 8px/20px 'DM Mono',monospace;color:#fff;text-align:center;}
  .bh-ch-yt-ch-meta{flex:1;min-width:0;}
  #bh-hero .bh-ch-yt-ch-name{font:700 8px/1 'Syne',sans-serif !important;color:#fff !important;margin:0 0 2px !important;white-space:nowrap;}
  #bh-hero .bh-ch-yt-ch-subs{font:400 7px/1 'DM Mono',monospace !important;color:rgba(255,255,255,.3) !important;margin:0 !important;}
  .bh-ch-yt-sub-btn{font:700 7px/1 'DM Mono',monospace;color:#fff;background:rgba(255,255,255,.12);border:none;border-radius:999px;padding:3px 8px;cursor:pointer;flex-shrink:0;}
  .bh-ch-yt-actions{display:flex;gap:4px;padding:3px 12px;}
  .bh-ch-yt-action-btn{font:600 7px/1 'DM Mono',monospace;color:rgba(255,255,255,.55);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:3px 7px;cursor:pointer;}
  .bh-ch-yt-banner{margin:3px 12px 0;padding:4px 8px;background:rgba(0,255,136,.07);border:1px solid rgba(0,255,136,.18);border-radius:6px;font:600 7px/1.3 'DM Mono',monospace;color:#00ff88;}
  #bh-hero .bh-ch-yt-banner strong{color:#00ff88 !important;}
  .bh-ch-home-indicator{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);width:100px;height:3px;background:rgba(255,255,255,.15);border-radius:999px;}
  /* ── BH Music App (phone screen) ── */
  .bh-app{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:#000;color:#fff;font-family:'Syne',system-ui,sans-serif;}
  /* Topbar */
  .bh-app__topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 28px 10px;flex-shrink:0;}
  .bh-app__logo{font:800 15px/1 'Syne',sans-serif;color:#fff;letter-spacing:-.02em;}
  .bh-app__logo em{font-style:normal;color:#C8FF00;}
  .bh-app__avatar{
    width:30px;height:30px;border-radius:50%;flex-shrink:0;
    background:linear-gradient(135deg,#C8FF00,#0E6AAD);
    font:700 10px/30px 'DM Mono',monospace;color:#fff;text-align:center;
    box-shadow:0 0 0 2px rgba(200,255,0,0.3);
  }
  /* Tabs */
  .bh-app__tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;padding:0 28px;gap:0;}
  .bh-app__tab{
    font:700 9px/1 'DM Mono',monospace;letter-spacing:.15em;text-transform:uppercase;
    color:rgba(255,255,255,.3);padding:10px 0;margin-right:18px;
    border:none;background:none;cursor:pointer;
    border-bottom:2px solid transparent;position:relative;top:1px;
    transition:color .14s,border-color .14s;
  }
  .bh-app__tab.is-active{color:#fff;border-bottom-color:#C8FF00;}
  /* Track list (replaces horizontal carousel) */
  .bh-app__carousels{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;}
  .bh-app__panel{display:none;flex:1;min-height:0;}
  .bh-app__panel.is-active{display:flex;flex-direction:column;}
  .bh-app__carousel{
    display:flex;flex-direction:column;
    padding:6px 0 4px;
    overflow-y:scroll;overflow-x:hidden;
    scrollbar-width:none;flex:1;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-y;
    overscroll-behavior:contain;
  }
  .bh-app__carousel::-webkit-scrollbar{display:none;}
  /* Track row card */
  .bh-app__card{
    display:flex;align-items:center;gap:10px;
    padding:8px 18px 8px 22px;flex-shrink:0;
    border-bottom:1px solid rgba(255,255,255,.04);
    transition:background .12s;cursor:pointer;
  }
  .bh-app__card:hover{background:rgba(255,255,255,.03);}
  .bh-app__card:active{background:rgba(255,255,255,.04);}
  .bh-app__card.is-playing{background:rgba(200,255,0,0.07);}
  /* Artwork thumbnail */
  .bh-app__card-art{
    width:44px;height:44px;border-radius:8px;flex-shrink:0;overflow:hidden;
    background:linear-gradient(135deg,#0E2A45 0%,#08111C 100%);
    background-size:cover;background-position:center;
    position:relative;
  }
  .bh-app__card.is-playing .bh-app__card-art::after{
    content:'';position:absolute;inset:0;border-radius:8px;
    border:1.5px solid rgba(200,255,0,0.6);
    box-shadow:inset 0 0 8px rgba(200,255,0,0.2);
  }
  /* Info block */
  .bh-app__card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;}
  #bh-hero .bh-app__card-title{
    display:block !important;
    font:700 11px/1.2 'Syne',sans-serif !important;
    color:#fff !important;
    white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;
    text-decoration:none !important;margin:0 !important;
    transition:color .12s;
    cursor:pointer !important;
  }
  #bh-hero .bh-app__card-title:hover{color:#C8FF00 !important;}
  .bh-app__card.is-playing #bh-hero .bh-app__card-title,
  .bh-app__card.is-playing .bh-app__card-title{color:#C8FF00 !important;}
  .bh-app__card-sub{display:flex;align-items:center;gap:5px;}
  .bh-app__chip{font:600 7px/1 'DM Mono',monospace;color:rgba(255,255,255,.3);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);border-radius:3px;padding:2px 5px;white-space:nowrap;}
  .bh-app__chip--genre{color:rgba(200,255,0,.8);background:rgba(200,255,0,0.08);border-color:rgba(200,255,0,0.18);}
  #bh-hero .bh-app__card-price{font:700 9px/1 'DM Mono',monospace !important;color:#C8FF00 !important;white-space:nowrap;margin:0 0 0 auto !important;}
  /* Play button */
  .bh-app__play-ico{
    width:32px;height:32px;border-radius:50%;flex-shrink:0;
    background:#C8FF00;
    border:none;
    display:flex;align-items:center;justify-content:center;
    cursor:pointer;
    transition:background .14s,transform .1s,box-shadow .14s;
    color:#fff;
    box-shadow:0 2px 10px rgba(200,255,0,0.35);
    position:relative;
  }
  .bh-app__play-ico:hover{background:#2AAAF8;box-shadow:0 4px 14px rgba(200,255,0,.55);}
  .bh-app__play-ico:active{transform:scale(.88);}
  .bh-app__card.is-playing .bh-app__play-ico{background:#C8FF00;box-shadow:0 0 16px rgba(200,255,0,0.5);}
  .bh-app__play-svg{width:10px;height:10px;fill:currentColor;}
  @keyframes bh-spin{to{transform:rotate(360deg)}}
  .bh-app__play-ico.is-loading .bh-app__ico-play,
  .bh-app__play-ico.is-loading .bh-app__ico-pause{display:none !important;}
  .bh-app__play-ico.is-loading .bh-app__ico-spin{display:block !important;}
  .bh-app__ico-spin{animation:bh-spin .7s linear infinite;}
  .bh-app__ico-spin circle{stroke:#fff;}
  /* Mini player */
  .bh-app__player{
    flex-shrink:0;
    background:rgba(8,7,14,.97);
    border-top:1px solid rgba(200,255,0,0.15);
    padding:10px 14px 12px;
  }
  .bh-app__player-idle{font:500 8px/1 'DM Mono',monospace;color:rgba(255,255,255,.2);text-align:center;padding:3px 0;letter-spacing:.08em;}
  .bh-app__player-active{display:none;}
  .bh-app__player-active.is-shown{display:block;}
  .bh-app__player-row{display:flex;align-items:center;gap:10px;margin-bottom:8px;}
  #bh-hero .bh-app__player-title{flex:1;font:700 10px/1.2 'Syne',sans-serif !important;color:#fff !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 !important;}
  .bh-app__player-btn{
    width:32px;height:32px;border-radius:50%;
    background:#C8FF00;border:none;cursor:pointer;
    display:flex;align-items:center;justify-content:center;flex-shrink:0;
    box-shadow:0 0 14px rgba(200,255,0,0.4);
    transition:transform .12s,box-shadow .12s;
  }
  .bh-app__player-btn:active{transform:scale(.88);}
  .bh-app__progress-wrap{height:3px;background:rgba(255,255,255,.1);border-radius:999px;overflow:hidden;}
  .bh-app__progress-bar{height:100%;width:0%;background:linear-gradient(90deg,#C8FF00,#C8FF00);border-radius:999px;transition:width .1s linear;}
  /* removed extra phone lines */
  #bh-hero .bh-ch-yt-trending,.bh-ch-yt-ch-subs-grow{display:none !important;}
  /* ── 2 Floating badges only ── */
  .bh-ch-badge{
    position:absolute;background:rgba(10,8,16,.82);
    backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
    border:1px solid rgba(255,255,255,.09);border-radius:10px;
    padding:7px 10px;display:flex;align-items:center;gap:7px;z-index:30;
  }
  .bh-ch-badge--tl{top:8px;left:4px;}
  .bh-ch-badge--br{bottom:32px;right:4px;}
  .bh-ch-badge--tr,.bh-ch-badge--tr2,.bh-ch-badge--bl2{display:none;}
  @media(min-width:900px){
    .bh-ch-badge--tl{top:32px;left:-48px;}
    .bh-ch-badge--br{bottom:48px;right:-48px;}
  }
  .bh-ch-badge-ico{width:24px;height:24px;border-radius:50%;font-size:11px;display:flex;align-items:center;justify-content:center;background:rgba(200,255,0,0.12);border:1px solid rgba(200,255,0,0.22);}
  #bh-hero .bh-ch-badge-t{font:700 10px/1 'Syne',sans-serif !important;color:#fff !important;margin:0 0 3px !important;}
  #bh-hero .bh-ch-badge-s{font:500 8px/1 'DM Mono',monospace !important;color:rgba(255,255,255,.35) !important;margin:0 !important;}
  /* ── Desc: absolute LEFT overlay (desktop only) ── */
  .bh-ch-desc{display:none !important;}
  @media(min-width:900px){
    .bh-ch-desc{
      display:flex !important;flex-direction:column;justify-content:center;
      position:absolute;left:28px;top:0;bottom:90px;width:168px;z-index:20;
    }
  }
  /* Heading: hidden on mobile (too big for compact row), shown on desktop */
  #bh-hero .bh-ch-desc-h{
    display:none !important;
  }
  @media(min-width:900px){
    #bh-hero .bh-ch-desc-h{
      display:block !important;
      font:800 clamp(1.1rem,1.4vw,1.45rem)/1.05 'Syne',sans-serif !important;
      color:#C8FF00 !important;letter-spacing:.06em !important;text-transform:uppercase !important;
      margin:0 0 10px !important;
      text-shadow:0 0 24px rgba(200,255,0,0.5),0 0 6px rgba(200,255,0,0.2) !important;
    }
  }
  /* Subtitle: hidden on mobile */
  #bh-hero .bh-ch-desc-sub{
    display:none !important;
  }
  @media(min-width:900px){
    #bh-hero .bh-ch-desc-sub{
      display:block !important;
      font:500 italic .8rem/1.5 'Syne',sans-serif !important;
      color:rgba(242,237,228,.42) !important;
      margin:0 0 16px !important;
    }
  }
  #bh-hero .bh-ch-desc-p{display:none !important;}
  .bh-ch-desc-cta-wrap{display:flex;flex-direction:row;align-items:center;gap:8px;}
  @media(min-width:900px){.bh-ch-desc-cta-wrap{flex-direction:column;align-items:flex-start;}}
  #bh-hero .bh-ch-desc-cta{
    display:inline-flex;align-items:center;font:800 10px/1 'Syne',sans-serif !important;
    color:#fff !important;text-transform:uppercase !important;letter-spacing:.1em !important;
    background:#C8FF00 !important;border:none;border-radius:8px;
    padding:10px 14px !important;
    cursor:pointer;touch-action:manipulation;
    box-shadow:0 0 20px rgba(200,255,0,0.35),0 2px 8px rgba(0,0,0,.4);
    transition:transform .15s,box-shadow .15s;margin:0 !important;
  }
  #bh-hero .bh-ch-desc-cta:hover,#bh-hero .bh-ch-desc-cta:active{transform:translateY(-2px);box-shadow:0 0 28px rgba(200,255,0,.55),0 4px 12px rgba(0,0,0,.5);}
  #bh-hero .bh-ch-desc-proof{
    font:400 8px/1 'DM Mono',monospace !important;
    color:rgba(255,255,255,.28) !important;
    margin:0 !important;letter-spacing:.06em;
  }
  /* ── Brand: absolute RIGHT overlay (desktop only) ── */
  #bh-hero .bh-ch-brand{display:none !important;margin:0 !important;}
  @media(min-width:900px){
    #bh-hero .bh-ch-brand{
      display:flex !important;flex-direction:column;align-items:flex-start;justify-content:center;
      position:absolute;right:28px;top:0;bottom:90px;width:168px;z-index:20;
    }
  }
  #bh-hero .bh-ch-brand-name{
    display:block;font:900 clamp(1.8rem,2.4vw,2.4rem)/1 'Syne',sans-serif !important;
    color:#00ff88 !important;letter-spacing:-.05em !important;text-transform:uppercase !important;
    text-shadow:0 0 32px rgba(0,255,136,.5),0 0 8px rgba(0,255,136,.25) !important;
    margin:0 0 8px !important;
  }
  #bh-hero .bh-ch-brand-tag{
    font:600 9px/1.4 'DM Mono',monospace !important;color:rgba(0,255,136,.35) !important;
    letter-spacing:.12em !important;text-transform:uppercase !important;margin:0 0 14px !important;
  }
  #bh-hero .bh-ch-brand-quote{
    font:400 italic 10px/1.6 'Syne',sans-serif !important;color:rgba(242,237,228,.3) !important;
    border-left:2px solid rgba(0,255,136,.25);padding-left:10px !important;margin:0 !important;
  }
  /* ── Mastering promo card ── */
  #bh-hero .bh-ch-promo-card{
    display:flex;flex-direction:column;gap:0;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.09);
    border-radius:16px;padding:20px 18px 16px;
    text-decoration:none;color:inherit;
    backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
    transition:background .2s,border-color .2s,transform .22s,box-shadow .22s;
    width:100%;box-sizing:border-box;
    position:relative;overflow:hidden;
  }
  #bh-hero .bh-ch-promo-card::before{
    content:'';position:absolute;inset:0;
    background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(0,255,136,.06),transparent 70%);
    pointer-events:none;
  }
  #bh-hero .bh-ch-promo-card:hover{
    background:rgba(255,255,255,.07);
    border-color:rgba(0,255,136,.22);
    transform:translateY(-2px);
    box-shadow:0 12px 32px rgba(0,0,0,.35),0 0 0 1px rgba(0,255,136,.08);
  }
  #bh-hero .bh-ch-promo-icon{
    width:32px;height:32px;color:#00ff88;margin:0 0 12px;
    filter:drop-shadow(0 0 8px rgba(0,255,136,.4));
    flex-shrink:0;
  }
  #bh-hero .bh-ch-promo-icon svg{width:100%;height:100%;}
  #bh-hero .bh-ch-promo-eyebrow{
    font:600 8px/1 'DM Mono',monospace !important;
    color:rgba(0,255,136,.5) !important;letter-spacing:.16em !important;
    text-transform:uppercase !important;margin:0 0 8px !important;
  }
  #bh-hero .bh-ch-promo-title{
    font:800 clamp(1rem,1.5vw,1.25rem)/1.2 'Syne',sans-serif !important;
    color:#f2ede4 !important;margin:0 0 14px !important;letter-spacing:-.02em !important;
  }
  #bh-hero .bh-ch-promo-feats{
    display:flex;gap:6px;list-style:none;margin:0 0 16px !important;padding:0 !important;
    flex-wrap:wrap;
  }
  #bh-hero .bh-ch-promo-feats li{
    font:600 8px/1 'DM Mono',monospace !important;
    color:rgba(255,255,255,.4) !important;letter-spacing:.1em !important;
    text-transform:uppercase !important;
    border:1px solid rgba(255,255,255,.1);border-radius:4px;
    padding:4px 7px !important;
  }
  #bh-hero .bh-ch-promo-btn{
    display:inline-flex;align-items:center;
    font:700 9px/1 'DM Mono',monospace !important;
    color:#00ff88 !important;letter-spacing:.1em !important;
    text-transform:uppercase !important;
    transition:letter-spacing .18s,opacity .18s;
  }
  #bh-hero .bh-ch-promo-card:hover .bh-ch-promo-btn{
    letter-spacing:.14em !important;
  }
  /* ── Catalog strip ── */
  .bh-ch-catalog-strip{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:safe center;gap:8px;padding:0 14px 68px;box-sizing:border-box;overflow-x:auto;scrollbar-width:none;z-index:5;}
  .bh-ch-catalog-strip::-webkit-scrollbar{display:none;}
  .bh-ch-cat-card{
    flex:0 0 118px;border-radius:12px;overflow:hidden;cursor:pointer;
    background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);
    transition:background .18s,border-color .18s,transform .18s,box-shadow .18s;
  }
  .bh-ch-cat-card:hover{background:rgba(200,255,0,0.08);border-color:rgba(200,255,0,0.2);transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.4);}
  .bh-ch-cat-card.is-active{border-color:rgba(0,255,136,.45) !important;background:rgba(0,255,136,.05) !important;box-shadow:0 0 16px rgba(0,255,136,.12);}
  .bh-ch-cat-cover{width:100%;aspect-ratio:1;overflow:hidden;background:linear-gradient(135deg,#0f0d18,#181525);position:relative;}
  .bh-ch-cat-cover img{width:100%;height:100%;object-fit:cover;display:block;}
  .bh-ch-cat-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .18s;background:rgba(0,0,0,.52);}
  .bh-ch-cat-card:hover .bh-ch-cat-play-overlay,.bh-ch-cat-card.is-active .bh-ch-cat-play-overlay{opacity:1;}
  .bh-ch-cat-play-overlay svg{width:18px;height:18px;fill:#00ff88;filter:drop-shadow(0 0 6px rgba(0,255,136,.6));}
  .bh-ch-cat-info{padding:6px 8px 8px;}
  #bh-hero .bh-ch-cat-title{font:700 9.5px/1.2 'Syne',sans-serif !important;color:#fff !important;margin:0 0 3px !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  #bh-hero .bh-ch-cat-chips{display:flex;gap:3px;flex-wrap:wrap;margin:0 0 4px !important;}
  #bh-hero .bh-ch-cat-chip{
    display:inline-block;font:600 6.5px/1 'DM Mono',monospace !important;
    color:rgba(255,255,255,.45) !important;background:rgba(255,255,255,.06) !important;
    border:1px solid rgba(255,255,255,.09);border-radius:4px;padding:2px 4px !important;margin:0 !important;
  }
  #bh-hero .bh-ch-cat-chip--genre{color:rgba(0,255,136,.55) !important;background:rgba(0,255,136,.05) !important;border-color:rgba(0,255,136,.15) !important;}
  #bh-hero .bh-ch-cat-views{font:600 8px/1 'DM Mono',monospace !important;color:rgba(0,255,136,.45) !important;margin:0 0 2px !important;}
  #bh-hero .bh-ch-cat-price{font:600 8px/1 'DM Mono',monospace !important;color:#C8FF00 !important;margin:0 0 2px !important;}
  #bh-hero .bh-ch-cat-hint{font:400 6.5px/1.3 'DM Mono',monospace !important;color:rgba(0,255,136,.22) !important;margin:2px 0 0 !important;}
  /* ── Mini player ── */
  .bh-ch-mini-player{position:absolute;bottom:0;left:0;right:0;z-index:55;background:rgba(6,5,9,.97);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(0,255,136,.13);transform:translateY(100%);transition:transform .4s cubic-bezier(.22,1,.36,1);}
  .bh-ch-mini-player.is-open{transform:translateY(0);}
  .bh-ch-mp-idle{display:flex;align-items:center;justify-content:center;padding:11px 16px;font:500 9px/1 'DM Mono',monospace;color:rgba(0,255,136,.38);letter-spacing:.08em;cursor:pointer;}
  .bh-ch-mp-idle:hover{color:rgba(0,255,136,.65);}
  .bh-ch-mp-active{display:none;align-items:center;gap:10px;padding:8px 14px;}
  .bh-ch-mp-active.is-showing{display:flex;}
  .bh-ch-mp-thumb{width:32px;height:32px;border-radius:7px;flex-shrink:0;overflow:hidden;background:#141220;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,255,136,.15);}
  .bh-ch-mp-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
  .bh-ch-mp-thumb svg{width:15px;height:15px;fill:rgba(0,255,136,.4);}
  .bh-ch-mp-info{flex:1;min-width:0;}
  #bh-hero .bh-ch-mp-title{font:700 10px/1.2 'Syne',sans-serif !important;color:#fff !important;margin:0 0 5px !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .bh-ch-mp-bar-wrap{width:100%;height:2px;background:rgba(255,255,255,.07);border-radius:999px;overflow:hidden;cursor:pointer;}
  .bh-ch-mp-bar{height:100%;width:0%;background:#00ff88;border-radius:999px;transition:width .1s linear;}
  .bh-ch-mp-play{width:36px;height:36px;border-radius:50%;flex-shrink:0;background:#00ff88;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;color:#07060a;box-shadow:0 0 12px rgba(0,255,136,.25);transition:transform .12s;}
  .bh-ch-mp-play:hover{transform:scale(1.08);}
  @media(max-width:767px){.bh-ch-mp-play{width:44px;height:44px;font-size:15px;}}
  #bh-hero .bh-ch-mp-label{font:500 8px/1 'DM Mono',monospace !important;color:rgba(255,255,255,.22) !important;white-space:nowrap;flex-shrink:0;margin:0 !important;}
  #bh-hero .bh-ch-mp-unlock{font:400 8px/1.3 'DM Mono',monospace !important;color:rgba(0,255,136,.35) !important;text-align:center;padding:0 14px 8px;display:block;margin:0 !important;}
  /* ── Toast ── */
  .bh-ch-toast{position:absolute;top:14%;right:12px;z-index:70;background:rgba(0,255,136,.08);border:1px solid rgba(0,255,136,.22);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:10px;padding:8px 12px;font:600 9px/1.5 'DM Mono',monospace;color:#00ff88;pointer-events:none;max-width:170px;text-align:center;opacity:0;transform:translateY(-5px) scale(.97);transition:opacity .3s,transform .3s;white-space:pre-line;}
  .bh-ch-toast.is-visible{opacity:1;transform:translateY(0) scale(1);}
  /* ── Beat cards + mini-player idle hidden ── */
  .bh-ch-catalog-strip,.bh-ch-cat-card,.bh-ch-mp-idle{display:none !important;}
  /* .bh-ch-socials removed — social links live in the feed "Follow" section only */
  /* ── YouTube badge on phone ── */
  .bh-ch-yt-social{
    position:absolute;top:-22px;left:50%;transform:translateX(-50%);
    display:inline-flex;align-items:center;gap:6px;
    padding:5px 11px;border-radius:999px;
    background:rgba(255,59,48,.1);border:1px solid rgba(255,59,48,.28);
    color:rgba(255,100,90,.9);font:700 7.5px/1 'DM Mono',monospace;
    letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;
    box-shadow:0 0 16px rgba(255,59,48,.2);pointer-events:none;
  }
  .bh-ch-yt-social svg{width:10px;height:10px;fill:currentColor;flex-shrink:0;}
  .bh-ch-yt-dot{width:5px;height:5px;border-radius:50%;background:#FF3B30;
    box-shadow:0 0 6px rgba(255,59,48,.8);animation:bh-ch-pulse 2s infinite;flex-shrink:0;}

  /* ── PROMO VISUAL LAYER ─────────────────────────────────────────── */
  @keyframes bh-glow-pulse{0%,100%{opacity:.35;transform:translate(-50%,-50%) scale(1)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.15)}}
  @keyframes bh-particle-up{0%{transform:translateY(110vh) translateX(0);opacity:0}10%{opacity:.6}90%{opacity:.4}100%{transform:translateY(-50px) translateX(20px);opacity:0}}
  @keyframes bh-particle-up-2{0%{transform:translateY(110vh) translateX(0);opacity:0}10%{opacity:.5}90%{opacity:.3}100%{transform:translateY(-50px) translateX(-15px);opacity:0}}
  @keyframes bh-tagline-in{0%,8%{opacity:0;letter-spacing:.5em}18%,42%{opacity:1;letter-spacing:.18em}52%,100%{opacity:0;letter-spacing:.05em}}
  @keyframes bh-phone-float{0%,100%{transform:rotate(-1.5deg) translateY(0)}50%{transform:rotate(1.5deg) translateY(-8px)}}
  @keyframes bh-rim-pulse{0%,100%{opacity:.4}50%{opacity:.9}}
  @keyframes bh-play-pulse{0%,100%{box-shadow:0 2px 10px rgba(200,255,0,0.4),0 0 8px rgba(200,255,0,0.5)}50%{box-shadow:0 2px 10px rgba(200,255,0,0.4),0 0 18px rgba(200,255,0,.9),0 0 34px rgba(200,255,0,.45)}}
  @keyframes bh-cta-fadein{0%,55%{opacity:0;transform:translateX(-50%) translateY(8px)}65%,90%{opacity:1;transform:translateX(-50%) translateY(0)}100%{opacity:0;transform:translateX(-50%) translateY(-4px)}}
  /* Ambient bg glow */
  .bh-ch-bg-glow{position:absolute;top:35%;left:50%;width:340px;height:340px;background:radial-gradient(circle,rgba(200,255,0,.16) 0%,transparent 70%);transform:translate(-50%,-50%);animation:bh-glow-pulse 4s ease-in-out infinite;filter:blur(28px);pointer-events:none;z-index:0;}
  /* Particles */
  .bh-ch-particles{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden;}
  .bh-ch-particle{position:absolute;width:2px;height:2px;background:#22B6FF;border-radius:50%;box-shadow:0 0 6px #22B6FF;opacity:0;}
  .bh-ch-particles .bh-ch-particle:nth-child(1){left:8%;animation:bh-particle-up 7s linear infinite;animation-delay:0s}
  .bh-ch-particles .bh-ch-particle:nth-child(2){left:18%;animation:bh-particle-up-2 9s linear infinite;animation-delay:1.2s}
  .bh-ch-particles .bh-ch-particle:nth-child(3){left:32%;animation:bh-particle-up 11s linear infinite;animation-delay:3s}
  .bh-ch-particles .bh-ch-particle:nth-child(4){left:48%;animation:bh-particle-up-2 8s linear infinite;animation-delay:.8s}
  .bh-ch-particles .bh-ch-particle:nth-child(5){left:62%;animation:bh-particle-up 10s linear infinite;animation-delay:2.4s}
  .bh-ch-particles .bh-ch-particle:nth-child(6){left:78%;animation:bh-particle-up-2 12s linear infinite;animation-delay:4.1s}
  .bh-ch-particles .bh-ch-particle:nth-child(7){left:88%;animation:bh-particle-up 9s linear infinite;animation-delay:1.7s}
  .bh-ch-particles .bh-ch-particle:nth-child(8){left:25%;animation:bh-particle-up-2 13s linear infinite;animation-delay:5s}
  .bh-ch-particles .bh-ch-particle:nth-child(9){left:55%;animation:bh-particle-up 7.5s linear infinite;animation-delay:3.5s}
  .bh-ch-particles .bh-ch-particle:nth-child(10){left:72%;animation:bh-particle-up-2 10.5s linear infinite;animation-delay:6s}
  /* Tagline */
  .bh-ch-tagline{position:absolute;top:calc(68px + env(safe-area-inset-top,0px) + 8px);left:0;right:0;text-align:center;font:700 10px/1 'DM Mono',monospace;letter-spacing:.18em;color:#fff;text-transform:uppercase;animation:bh-tagline-in 8s ease-in-out infinite;opacity:0;z-index:15;pointer-events:none;}
  .bh-ch-tagline span{color:#22B6FF}
  /* Phone float */
  .bh-ch-mockup-wrap{animation:bh-phone-float 6s ease-in-out infinite;}
  /* Rim glow overlay */
  .bh-ch-rim{position:absolute;width:280px;height:580px;border-radius:3rem;box-shadow:inset 0 100px 60px -50px rgba(200,255,0,0.18);pointer-events:none;animation:bh-rim-pulse 4s ease-in-out infinite;z-index:50;}
  /* Play button pulse */
  .bh-app__play-ico{animation:bh-play-pulse 2.4s ease-in-out infinite;}
  .bh-app__play-ico:hover,.bh-app__play-ico:active{animation:none;}
  /* Phone screen: allow pointer events on svc nav only */
  #bh-app-svc{pointer-events:auto!important;}
  .bh-app__svc-btn{pointer-events:auto!important;text-decoration:none;display:flex;flex-direction:column;align-items:center;cursor:pointer;}

  /* Mobile promo CTA */
  .bh-ch-promo-cta{
    display:none;
    position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 136px);left:50%;
    transform:translateX(-50%) translateY(8px);
    animation:bh-cta-fadein 8s ease-in-out infinite;opacity:0;
    padding:10px 22px;background:#22B6FF;color:#000;
    border-radius:999px;font:800 11px/1 'Syne',sans-serif;
    letter-spacing:.08em;text-transform:uppercase;border:none;cursor:pointer;
    box-shadow:0 0 24px rgba(34,182,255,.55),0 0 48px rgba(34,182,255,.28);
    z-index:20;touch-action:manipulation;white-space:nowrap;
  }
  @media(max-width:899px){.bh-ch-promo-cta{display:block;}}

  /* ── Hero nav bar (svc-bar): styled pill buttons visible on mobile ── */
  .bh-ch-svc-bar{
    display:flex!important;
    position:absolute;
    bottom:calc(env(safe-area-inset-bottom,0px) + 14px);
    left:50%;transform:translateX(-50%);
    gap:8px;z-index:25;
  }
  .bh-ch-hero-nav-btn{
    display:flex;align-items:center;gap:5px;
    padding:8px 16px;border-radius:999px;border:none;cursor:pointer;
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
    border:1px solid rgba(255,255,255,.14);
    color:rgba(255,255,255,.8);
    font:700 10px/1 'Syne',sans-serif;letter-spacing:.08em;text-transform:uppercase;
    transition:all .15s;touch-action:manipulation;
    box-shadow:0 2px 12px rgba(0,0,0,.25);
  }
  .bh-ch-hero-nav-btn:hover,.bh-ch-hero-nav-btn:active{
    background:rgba(200,255,0,0.2);border-color:rgba(200,255,0,.45);
    color:#fff;transform:translateY(-2px);
    box-shadow:0 4px 16px rgba(200,255,0,0.25);
  }
  .bh-ch-hero-nav-btn__label{pointer-events:none;}
  @media(min-width:900px){
    /* On desktop the svc-bar shows alongside the phone mockup but slightly above */
    .bh-ch-svc-bar{bottom:calc(env(safe-area-inset-bottom,0px) + 20px);}
  }

  /* ── Mini player: hide when global BHPlayer is active ── */
  .bh-has-gp .bh-ch-mini-player{display:none!important;}

  /* ── Mobile hero: show headline, hide desktop-only overlays ── */
  @media(max-width:899px){
    /* Text wrap: SHOW on mobile — GSAP animates it in then out during cinematic;
       if GSAP fails the H1 stays visible as a fallback (better than blank hero). */
    .bh-ch-text-wrap{display:flex!important;}
    /* Scale down the huge type for small screens */
    #bh-hero .bh-ch-t1{font-size:clamp(1.5rem,7.5vw,2.6rem)!important;}
    #bh-hero .bh-ch-t2{font-size:clamp(2rem,10vw,3.6rem)!important;}
    /* CTA wrap (unused) */
    .bh-ch-cta-wrap{display:none!important;}
    /* Force desc/brand invisible — desktop-only absolute overlays */
    .bh-ch-desc,.bh-ch-desc *{visibility:hidden!important;pointer-events:none!important;}
    #bh-hero .bh-ch-brand,#bh-hero .bh-ch-brand *{visibility:hidden!important;pointer-events:none!important;}
    /* Compact tagline */
    .bh-ch-tagline{font-size:9px!important;letter-spacing:.22em!important;}
    /* Promo CTA: permanently visible on mobile — no CSS flicker animation */
    .bh-ch-promo-cta{
      animation:none!important;
      opacity:1!important;
      transform:translateX(-50%) translateY(0)!important;
    }
  }

  /* ── LIQUID GLASS ─────────────────────────────────────────────────────
     Translated from React liquid-glass component to vanilla CSS.
     SVG distortion filter is defined in the HTML block below (#bh-glass-filter).
     Elements use ::before for the backdrop+distortion layer and rely on
     inset box-shadow for the rim highlight.
  ──────────────────────────────────────────────────────────────────── */

  /* Distortion layer — shared ::before rule */
  .bh-ch-hero-nav-btn::before,
  .bh-ch-skip::before,
  .bh-ch-mini-player::before,
  .bh-ch-desc::before {
    content:'';
    position:absolute;inset:0;
    border-radius:inherit;
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    filter:url(#bh-glass-filter);
    z-index:0;
    pointer-events:none;
  }

  /* ── Hero nav pills ── */
  .bh-ch-hero-nav-btn{
    position:relative;overflow:hidden;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    background:rgba(255,255,255,.06) !important;
    border:1px solid rgba(255,255,255,.16) !important;
    box-shadow:
      0 6px 6px rgba(0,0,0,.22),
      0 0 18px rgba(0,0,0,.12),
      inset 1.5px 1.5px 0 rgba(255,255,255,.22),
      inset -1px -1px 0 rgba(255,255,255,.07) !important;
    transition:all .7s cubic-bezier(.175,.885,.32,2.2) !important;
  }
  .bh-ch-hero-nav-btn:hover,.bh-ch-hero-nav-btn:active{
    background:rgba(200,255,0,.14) !important;
    border-color:rgba(200,255,0,0.4) !important;
    box-shadow:
      0 8px 20px rgba(200,255,0,0.22),
      0 0 24px rgba(0,0,0,.1),
      inset 1.5px 1.5px 0 rgba(255,255,255,.28),
      inset -1px -1px 0 rgba(200,255,0,0.12) !important;
    transform:translateY(-3px) !important;
  }
  .bh-ch-hero-nav-btn>*{position:relative;z-index:1;}

  /* ── Skip button (desktop only, mobile hidden) ── */
  .bh-ch-skip{
    position:absolute !important;
    overflow:hidden;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    background:rgba(0,0,0,.18) !important;
    box-shadow:
      0 4px 12px rgba(0,0,0,.18),
      inset 1px 1px 0 rgba(255,255,255,.18),
      inset -1px -1px 0 rgba(255,255,255,.06) !important;
    border:1px solid rgba(255,255,255,.14) !important;
    transition:all .7s cubic-bezier(.175,.885,.32,2.2) !important;
  }
  .bh-ch-skip>*{position:relative;z-index:1;}

  /* ── Hero mini-player ── */
  .bh-ch-mini-player{
    position:absolute;overflow:hidden;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    background:rgba(6,5,9,.82) !important;
    border-top:1px solid rgba(255,255,255,.1) !important;
    box-shadow:
      0 -4px 24px rgba(0,0,0,.3),
      inset 0 1px 0 rgba(255,255,255,.12),
      inset 0 -1px 0 rgba(255,255,255,.04) !important;
  }
  .bh-ch-mini-player>*{position:relative;z-index:1;}

  /* ── Desktop left desc panel ── */
  @media(min-width:900px){
    .bh-ch-desc{overflow:hidden;}
    .bh-ch-desc>*{position:relative;z-index:1;}
  }

/* ═══════════════════════════════════════
   HOME · gallery
   ═══════════════════════════════════════ */
    /* ── BIG PICTURE PLAYER ── */
    /*
     * GSAP owns transform+opacity — no CSS default transform.
     * CSS-only fallback (no GSAP): opacity fade via .is-open class.
     */
    #bh-big-player{
      position:fixed;inset:0;z-index:10050;
      display:flex;align-items:center;justify-content:center;
      pointer-events:none;will-change:transform,opacity;
      overscroll-behavior:contain;
    }
    /* CSS-only fallback */
    #bh-big-player:not([style*="opacity"]){opacity:0;transition:opacity .32s cubic-bezier(.4,0,.2,1);}
    #bh-big-player.is-open:not([style*="opacity"]){opacity:1;pointer-events:auto;}
    .bh-bp__bg{position:absolute;inset:0;overflow:hidden;}
    .bh-bp__bg-img{position:absolute;inset:-8%;width:116%;height:116%;object-fit:cover;filter:blur(72px) saturate(1.6) brightness(.3);transform:scale(1.04);transition:opacity .5s ease;}
    .bh-bp__bg-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,4,10,.65) 0%,rgba(4,4,10,.3) 35%,rgba(4,4,10,.8) 80%,rgba(4,4,10,.94) 100%);}
    .bh-bp__grain{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;animation:bh-bp-grain 14s steps(8) infinite;}
    @keyframes bh-bp-grain{0%,100%{background-position:0 0}25%{background-position:-6% 10%}50%{background-position:10% -6%}75%{background-position:-8% -8%}}
    .bh-bp__dismiss{position:absolute;top:max(18px,env(safe-area-inset-top,0px));right:18px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:rgba(255,255,255,.6);cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;transition:background .18s,color .18s;}
    .bh-bp__dismiss:hover{background:rgba(255,255,255,.14);color:#fff;}
    .bh-bp__card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:18px;width:100%;max-width:360px;padding:0 24px max(32px,env(safe-area-inset-bottom,0px));transform:translateY(28px);transition:transform .42s cubic-bezier(.22,1,.36,1);}
    #bh-big-player.is-open .bh-bp__card{transform:translateY(0);}
    .bh-bp__art-wrap{position:relative;width:min(260px,72vw);height:min(260px,72vw);border-radius:16px;overflow:hidden;box-shadow:0 28px 80px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.07);flex-shrink:0;}
    .bh-bp__art-glow{position:absolute;inset:-50%;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#C8FF00 0%,transparent 65%);filter:blur(36px);opacity:.4;animation:bh-bp-pulse 5s ease-in-out infinite;}
    @keyframes bh-bp-pulse{0%,100%{opacity:.32;transform:scale(1)}50%{opacity:.58;transform:scale(1.1)}}
    .bh-bp__art{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .4s ease;}
    .bh-bp__vis{position:absolute;bottom:0;left:0;right:0;height:56px;display:flex;align-items:flex-end;gap:2px;padding:0 5px 5px;background:linear-gradient(to top,rgba(0,0,0,.68),transparent);}
    .bh-bp__bar{flex:1;min-width:2px;max-width:8px;background:rgba(255,255,255,.55);border-radius:2px 2px 0 0;transform-origin:bottom;transform:scaleY(.04);will-change:transform;transition:transform .07s ease-out;}
    .bh-bp__meta{text-align:center;display:flex;flex-direction:column;align-items:center;gap:3px;width:100%;}
    .bh-bp__eyebrow{font:700 8.5px/1 'DM Mono',ui-monospace,monospace;letter-spacing:.22em;color:rgba(200,255,0,.8);text-transform:uppercase;}
    .bh-bp__title{font:800 26px/1.15 'Syne',sans-serif;color:#fff;margin:5px 0 0;letter-spacing:-.025em;text-shadow:0 2px 20px rgba(0,0,0,.55);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;}
    .bh-bp__artist{font:400 12px/1 'DM Mono',ui-monospace,monospace;color:rgba(255,255,255,.38);letter-spacing:.06em;margin:0;}
    .bh-bp__tags{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;margin-top:5px;}
    .bh-bp__tag{font:600 7.5px/1 'DM Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.3);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);border-radius:999px;padding:3px 7px;}
    .bh-bp__progress-wrap{width:100%;}
    .bh-bp__progress-track{position:relative;height:2px;background:rgba(255,255,255,.1);border-radius:2px;}
    .bh-bp__progress-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#C8FF00,#C8FF00);border-radius:2px;pointer-events:none;transition:width .12s linear;}
    .bh-bp__seek{position:absolute;top:-9px;left:0;width:100%;height:20px;opacity:0;cursor:pointer;margin:0;-webkit-appearance:none;touch-action:none;}
    .bh-bp__times{display:flex;justify-content:space-between;margin-top:6px;font:400 9.5px/1 'DM Mono',monospace;color:rgba(255,255,255,.24);letter-spacing:.04em;}
    .bh-bp__transport{display:flex;align-items:center;gap:18px;}
    .bh-bp__ctrl{background:none;border:none;color:rgba(255,255,255,.55);cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:color .18s,transform .15s;}
    .bh-bp__ctrl:hover{color:#fff;}
    .bh-bp__ctrl:active{transform:scale(.9);}
    .bh-bp__btn-play{width:62px !important;height:62px !important;background:#fff !important;border-radius:0 !important;color:#080810 !important;box-shadow:0 8px 32px rgba(0,0,0,.55),0 0 0 6px rgba(255,255,255,.06) !important;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s !important;}
    .bh-bp__btn-play:hover{transform:scale(1.07) !important;box-shadow:0 12px 40px rgba(0,0,0,.65),0 0 0 8px rgba(255,255,255,.09) !important;}
    .bh-bp__btn-play:active{transform:scale(.94) !important;}
    .bh-bp__icon-pause{display:none;}
    .bh-bp__btn-play.is-playing .bh-bp__icon-play{display:none;}
    .bh-bp__btn-play.is-playing .bh-bp__icon-pause{display:block;}
    .bh-bp__actions{display:flex;gap:8px;width:100%;}
    .bh-bp__act-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:11px 10px;border-radius:10px;cursor:pointer;font:600 9.5px/1 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.05);color:rgba(255,255,255,.45);transition:background .18s,border-color .18s,color .18s;}
    .bh-bp__act-btn:hover{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.18);}
    .bh-bp__cart-btn{background:rgba(200,255,0,0.12) !important;border-color:rgba(200,255,0,0.25) !important;color:rgba(200,255,0,.8) !important;}
    .bh-bp__cart-btn:hover{background:rgba(200,255,0,0.25) !important;border-color:rgba(200,255,0,.45) !important;color:#fff !important;}
    .bh-bp-expand-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:rgba(255,255,255,.4);cursor:pointer;flex-shrink:0;transition:color .18s,background .18s;-webkit-appearance:none;}
    .bh-bp-expand-btn:hover{color:#fff;background:rgba(255,255,255,.08);}
    @media(max-width:480px){.bh-bp__card{max-width:100%;padding:0 16px max(28px,env(safe-area-inset-bottom,0px));gap:14px;}.bh-bp__title{font-size:22px;}.bh-bp__btn-play{width:54px !important;height:54px !important;}.bh-bp__transport{gap:12px;}}

    /* ── Studio Tools / Plan Cards / Tool Pills / Slide Menu badges ──
       Moved to bh-home-tools.css (enqueued via wp_enqueue_style) ── */


/* ═══════════════════════════════════════
   HOME · mega-block
   ═══════════════════════════════════════ */
    :root{
      /* Signature palette — dusty periwinkle (muted indigo).
         One distinctive hue applied at interactive moments only;
         the app stays near-black + neutral text everywhere else. */
      --bg:#07060a;
      --card:rgba(14,13,20,.85);
      --text:#f0f0f4;
      --text-light:#8a87a0;
      --accent:#C8FF00;           /* primary — readable on dark */
      --accent-2:#C8FF00;
      --accent-light:#74C8FF;     /* brighter variant for hover/text on tint */
      --accent-dark:#1070C4;      /* pressed / deep */
      --accent-soft:#C8FF00;      /* highest readability on accent-tinted fills */
      --neon-blue:#b0a7d4;
      --neon-purple:#C8FF00;
      --neon-pink:#ef4444;        /* kept for errors / danger */
      --accent-glow:0 0 24px rgba(200,255,0,0.28);
      --border:rgba(200,255,0,.14);
      --glow:var(--accent-glow);
      --gradient-cta:linear-gradient(135deg,#C8FF00 0%,#1070C4 100%);
      --gradient-card:linear-gradient(145deg,rgba(18,16,26,.9) 0%,rgba(11,10,16,.95) 100%);
    }
    #wpadminbar,
    body.page .site-header,
    body.page .site-footer,
    body.page .entry-header,
    body.page .entry-title,
    body.page .post-edit-link,
    body.page .skip-link{
      display:none !important;
    }
    html{
      margin-top:0 !important;
    }
    body.admin-bar{
      margin-top:0 !important;
      padding-top:0 !important;
    }
    body{
      background:var(--bg) !important;
      color:var(--text) !important;
      font-family:system-ui,-apple-system,sans-serif !important;
    }
    .bh-home-v5{
      width:100% !important;
      max-width:none !important;
      margin:0 !important;
      padding:0 !important;
    }
    .bh-home-shell{
      width:100% !important;
      max-width:680px !important;
      margin:0 auto !important;
      padding:0 16px 68px !important;
    }
    .bh-home-topmini{display:none !important}
    .bh-home-v5 .bh-dock-container{
      position:fixed !important;
      left:50% !important;
      bottom:14px !important;
      transform:translateX(-50%) !important;
      z-index:2147483000 !important;
      width:auto !important;
      display:block !important;
      opacity:1 !important;
      visibility:visible !important;
      pointer-events:none !important;
      background:transparent !important;
      border:0 !important;
      padding:0 !important;
      box-shadow:none !important;
      touch-action:none !important;
    }
    .bh-home-v5 .bh-dock-nav{
      pointer-events:auto !important;
      display:flex !important;
      align-items:center !important;
      gap:6px !important;
      padding:8px !important;
      border:0 !important;
      border-radius:18px !important;
      background:rgba(255,255,255,.05) !important;
      box-shadow:
        0 0 0 1px rgba(255,255,255,.06),
        0 4px 16px rgba(0,0,0,.35),
        0 12px 40px rgba(0,0,0,.2) !important;
      backdrop-filter:blur(32px) saturate(130%) !important;
      -webkit-backdrop-filter:blur(32px) saturate(130%) !important;
      touch-action:manipulation !important;
      -webkit-user-select:none !important;
      user-select:none !important;
      overscroll-behavior:none !important;
    }
    .bh-home-v5 .bh-dock-item{
      -webkit-appearance:none;
      appearance:none;
      border:0 !important;
      background:transparent !important;
      color:rgba(255,255,255,.35) !important;
      font-size:18px !important;
      line-height:1 !important;
      width:52px;
      height:44px;
      min-width:52px;
      min-height:44px;
      padding:0 !important;
      border-radius:12px !important;
      cursor:pointer;
      text-decoration:none !important;
      position:relative;
      display:flex;
      align-items:center;
      justify-content:center;
      -webkit-tap-highlight-color:transparent;
      touch-action:manipulation;
      transition:color .2s ease, background .2s ease;
    }
    .bh-home-v5 .bh-dock-item:focus,
    .bh-home-v5 .bh-dock-item:active{
      background:transparent !important;
      box-shadow:none !important;
      outline:none !important;
    }
    .bh-home-v5 .bh-dock-item i{
      pointer-events:none;
      transition:transform .2s cubic-bezier(.34,1.56,.64,1) !important;
    }
    .bh-home-v5 .bh-dock-item:hover{
      color:rgba(255,255,255,.7) !important;
    }
    .bh-home-v5 .bh-dock-item:hover i{
      transform:translateY(-1px) !important;
    }
    .bh-home-v5 .bh-dock-item.active{
      color:#fff !important;
      background:rgba(255,255,255,.1) !important;
      box-shadow:none !important;
    }
    .bh-home-v5 .bh-dock-item.active::after{
      content:'';
      position:absolute;
      bottom:5px;
      left:50%;
      transform:translateX(-50%);
      width:3px;
      height:3px;
      border-radius:50%;
      background:#fff;
      box-shadow:0 0 4px rgba(255,255,255,.5);
    }
    .bh-home-v5 .bh-dock-badge{
      position:absolute;
      top:4px;
      right:4px;
      min-width:16px;
      height:16px;
      padding:0 4px;
      border-radius:999px;
      background:#fff;
      color:#0c0c0c;
      font:800 8px/16px 'Manrope',system-ui,sans-serif;
      text-align:center;
      pointer-events:none;
      box-shadow:0 1px 4px rgba(0,0,0,.4);
    }
    .bh-home-v5 .bh-dock-badge.is-empty{
      display:none;
    }
    /* Hide labels on desktop dock — icon only */
    .bh-home-v5 .bh-dock-item__label{
      display:none !important;
    }

    /* ── Dock center menu pivot ── */
    .bh-home-v5 .bh-dock-item--menu{
      width:44px !important;
      height:44px !important;
      min-width:44px !important;
      min-height:44px !important;
      border-radius:12px !important;
      background:rgba(255,255,255,.08) !important;
      border:1px solid rgba(255,255,255,.06) !important;
      color:rgba(255,255,255,.6) !important;
      transition:background .2s ease, color .2s ease, border-color .2s ease, transform .15s ease !important;
    }
    .bh-home-v5 .bh-dock-item--menu:hover{
      background:rgba(255,255,255,.14) !important;
      color:#fff !important;
      border-color:rgba(255,255,255,.12) !important;
    }
    .bh-home-v5 .bh-dock-item--menu:active{
      transform:scale(.9) !important;
    }
    .bh-dock-menu-icon{
      display:block !important;
      overflow:visible !important;
    }
    .bh-dock-menu-stroke{
      transition:transform .35s cubic-bezier(.76,0,.18,1), opacity .2s ease, width .3s ease !important;
      transform-origin:center !important;
    }
    /* Menu open → clean 2-line X */
    .bh-dock-item--menu.is-menu-open .bh-dock-menu-stroke--top{
      transform:translateY(4px) rotate(45deg) !important;
    }
    .bh-dock-item--menu.is-menu-open .bh-dock-menu-stroke--bot{
      transform:translateY(-4px) translateX(2.5px) rotate(-45deg) scaleX(1.45) !important;
    }
    @media (max-width:480px){
      .bh-home-v5 .bh-dock-nav{
        gap:4px !important;
        padding:6px !important;
      }
      .bh-home-v5 .bh-dock-item{
        font-size:16px !important;
        width:48px;
        height:40px;
        min-width:48px;
        min-height:40px;
      }
    }
    .bh-home-hero,.bh-home-featured{
      border:0 !important;
      box-shadow:none !important;
      background:transparent !important;
      border-radius:0 !important;
      padding-left:0 !important;
      padding-right:0 !important;
    }
    .bh-home-hero{display:none !important;}
    .bh-home-recent,
    .bh-home-bottom{
      border:0 !important;
      box-shadow:none !important;
      background:transparent !important;
      border-radius:0 !important;
      padding-left:0 !important;
      padding-right:0 !important;
    }
    .bh-home-recent{margin-top:14px}
    .bh-home-list-title{
      margin:0 0 12px;
      font-size:11px;
      font-weight:700;
      color:#C8FF00;
      letter-spacing:.1em;
      text-transform:uppercase;
      font-family:'Manrope',system-ui,sans-serif;
    }
    .bh-foryou-title{
      color:#a78bfa;letter-spacing:.06em;
      animation:bhSparkle 3s ease-in-out 1.2s infinite;
    }
    /* Suppress the generic ::before line — ✦ is the visual marker */
    .bh-foryou-title::before{display:none !important;}
    .bh-foryou-title::after{display:none !important;}
    @keyframes bhSparkle{0%,100%{text-shadow:0 0 4px rgba(168,85,247,.4);}50%{text-shadow:0 0 12px rgba(168,85,247,.8),0 0 22px rgba(168,85,247,.25);}}
    /* Studio AI Tools section — purple accent */
    .bh-plans-title{color:var(--bh-purple2,#a855f7) !important;}
    .bh-plans-title::before{background:var(--bh-purple2,#a855f7) !important;}
    .bh-home-beatcard--foryou .bh-home-beatcard__bg{filter:brightness(.92) saturate(1.05);}
    .bh-home-foryou-list{grid-template-columns:repeat(auto-fill,minmax(140px,1fr)) !important;}
    .bh-home-tracklist{display:grid;gap:8px}
    .bh-home-trackrow{
      display:grid;
      grid-template-columns:34px 46px minmax(0,1fr) minmax(110px,1fr) auto;
      align-items:center;
      gap:12px;
      padding:12px 0;
      border-bottom:1px solid rgba(160,160,160,.12);
      transition:background .18s ease, border-color .18s ease;
    }
    .bh-home-trackrow:hover{
      background:rgba(255,255,255,.015);
      border-color:rgba(160,160,160,.2);
    }
    .bh-home-trackavatar{
      width:46px;
      height:46px;
      border-radius:0;
      object-fit:cover;
      display:block;
      border:1px solid rgba(200,255,0,.15);
    }
    .bh-home-master-play{
      width:38px;height:38px;border-radius:0;
      border:0;
      background:#C8FF00;
      color:#000;
      font-size:13px;
      cursor:pointer;
      touch-action:manipulation;
      -webkit-tap-highlight-color:transparent;
      box-shadow:0 4px 14px rgba(200,255,0,.25);
      transition:background .16s cubic-bezier(0.19,1,0.22,1), box-shadow .16s, transform .16s;
    }
    .bh-home-master-play:hover{
      background:#E8FF88;
      box-shadow:0 6px 20px rgba(200,255,0,.35);
      transform:translateY(-1px);
    }
    .bh-home-master-play:disabled{opacity:.35;cursor:not-allowed}
    .bh-home-master-play i{pointer-events:none}
    .bh-home-wave-cell{
      min-width:110px;
      align-self:center;
    }
    .bh-home-wave{
      height:30px;
      width:100%;
      border-bottom:1px solid rgba(160,160,160,.14);
    }
    .bh-home-trackauthor{margin:0;color:rgba(255,255,255,.58);font-size:11px;font-weight:700}
    .bh-home-trackmeta{display:flex;align-items:center;gap:6px;margin-top:2px}
    .bh-home-trackname{margin:2px 0 0;color:#f8fafc;font-size:14px;line-height:1.2;font-weight:800;letter-spacing:.2px}
    .bh-home-trackname a{
      color:#f8fafc !important;
      text-decoration:none !important;
      display:inline-block;
      font-size:14px;
      line-height:1.24;
      font-weight:800;
      letter-spacing:.2px;
      transition:color .14s ease, opacity .14s ease;
      text-shadow:0 1px 0 rgba(0,0,0,.26);
    }
    .bh-home-trackname a:hover{
      color:#ffffff !important;
      text-decoration:none !important;
      opacity:.96;
    }
    .bh-home-trackname a:focus-visible{
      outline:2px solid rgba(255,255,255,.35);
      outline-offset:2px;
      border-radius:6px;
    }
    .bh-home-trackprice{margin:0;color:#C8FF00;font-size:10px;font-weight:700;white-space:nowrap;letter-spacing:.04em;font-family:'DM Mono',ui-monospace,monospace}
    .bh-home-bottom{
      margin-top:16px;
      padding-top:14px;
      border-top:1px solid rgba(160,160,160,.14);
      display:grid;
      gap:12px;
    }
    .bh-home-bottom-head{display:grid;gap:6px}
    .bh-home-bottom-copy{
      margin:0;
      font-size:14px;
      line-height:1.45;
      color:#cccccc;
    }
    .bh-home-bottom-actions{
      display:flex;
      gap:14px;
      align-items:center;
      flex-wrap:wrap;
    }
    .bh-home-bottom-copyline{
      margin:2px 0 0;
      color:#999999;
      font-size:11px;
      line-height:1.4;
    }
    .bh-header-main,.bh-global-footer{display:none !important}
    .bh-home-v5 .bh-home-btn{
      min-height:32px;
      padding:0 2px;
      border:0;
      border-bottom:1px solid transparent;
      border-radius:0;
      background:transparent;
      color:#dddddd;
      font-size:11px;
      font-weight:700;
      letter-spacing:.11em;
      text-transform:uppercase;
      text-decoration:none;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      transition:color .16s ease,opacity .16s ease,border-color .16s ease,background .16s ease;
    }
    .bh-home-v5 .bh-home-btn:hover{
      color:#f8fafc;
      border-bottom-color:rgba(255,255,255,.78);
      opacity:.96;
    }
    .bh-home-v5 .bh-home-btn--primary{
      min-height:36px;
      padding:0 20px;
      border:1px solid rgba(200,255,0,.3);
      border-radius:999px;
      background:rgba(200,255,0,.15);
      color:#c4b5f4;
      font-weight:700;
      letter-spacing:-.01em;
      font-size:0.85rem;
      box-shadow:none;
      transition:background 220ms cubic-bezier(0.19,1,0.22,1), border-color 220ms cubic-bezier(0.19,1,0.22,1), transform 140ms cubic-bezier(0.19,1,0.22,1);
    }
    .bh-home-v5 .bh-home-btn--primary:hover{
      background:rgba(200,255,0,.25);
      border-color:rgba(200,255,0,.5);
    }
    /* CSS entrance animations removed — handled by GSAP */
    .bh-home-panel-empty{text-align:center;padding:24px 14px}
    .bh-home-panel-empty h4{margin:0 0 8px}
    .bh-home-panel-empty p{margin:0 0 12px;color:#cccccc}
    .bh-home-loader{
      width:100%;
      min-height:calc(100dvh - 140px);
      display:grid;
      place-items:center;
      text-align:center;
      padding:40px 14px;
      margin:0 auto;
      background:transparent !important;
      border:0 !important;
      box-shadow:none !important;
      border-radius:0 !important;
    }
    .bh-home-loader-inner{
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      gap:20px;
    }
    /* Spinner ring */
    .bh-loader-spinner{
      width:32px;
      height:32px;
      border:2px solid rgba(200,255,0,0.12);
      border-top-color:#C8FF00;
      border-radius:50%;
      animation:bhSpin .7s linear infinite;
    }
    .bh-home-loader-text{
      margin:0;
      color:rgba(200,255,0,.55);
      font:500 11px/1.2 'Manrope',system-ui,sans-serif;
      letter-spacing:.08em;
      text-transform:uppercase;
      animation:bhLoaderFade 1.5s ease-in-out infinite;
    }
    @keyframes bhSpin{
      to{transform:rotate(360deg)}
    }
    @keyframes bhLoaderFade{
      0%,100%{opacity:1}
      50%{opacity:.4}
    }
    @media (prefers-reduced-motion: reduce){
      .bh-loader-spinner{animation:none !important;border-top-color:rgba(255,255,255,.3)}
      .bh-home-loader-text{animation:none !important}
    }
    /* Legacy wave spans (keep for old markup compat) */
    .bh-home-loader-wave,.bh-home-loader-eq{display:none !important}
    /* @supports dvh override removed — premium layer handles loader height */
    .bh-home-profile-frame{
      width:100%;
      min-height:calc(100vh - 70px);
      height:calc(100vh - 70px);
      border:0;
      border-radius:0;
      background:#050505;
      overscroll-behavior:none;
    }
    .bh-home-v5.is-module-open .bh-home-embed-stage{
      min-height:calc(100dvh - 66px) !important;
      padding-top:66px !important;
    }
    .bh-home-unified-actions{
      display:flex;
      flex-wrap:wrap;
      gap:12px;
      margin-top:12px;
      padding:8px 10px;
      border:1px solid rgba(255,255,255,.09);
      border-radius:10px;
      background:rgba(7,9,13,.42);
      backdrop-filter:blur(10px) saturate(118%);
      -webkit-backdrop-filter:blur(10px) saturate(118%);
    }
    .bh-home-v5 .bh-home-unified-actions{
      background:transparent !important;
      border:0 !important;
      box-shadow:none !important;
      padding:0 !important;
      margin-top:12px !important;
      position:relative;
      z-index:2;
    }
    .bh-home-v5 .bh-home-unified-actions::before,
    .bh-home-v5 .bh-home-unified-actions::after{
      content:none !important;
      display:none !important;
      background:transparent !important;
      box-shadow:none !important;
    }
    .bh-home-v5 .bh-home-hero > div,
    .bh-home-v5 .bh-home-hero > nav{
      background:transparent !important;
      box-shadow:none !important;
      border:0 !important;
    }
    .bh-home-unified-actions .bh-home-btn{
      min-height:32px;
      padding:0 2px;
      border:0;
      border-bottom:1px solid transparent;
      border-radius:0;
      background:transparent;
      color:#dddddd;
      font-size:11px;
      font-weight:700;
      letter-spacing:.1em;
      text-transform:uppercase;
      transition:color .16s ease, opacity .16s ease, border-color .16s ease, background .16s ease;
      box-shadow:none;
    }
    .bh-home-unified-actions .bh-home-btn:hover{
      color:#f8fafc;
      border-bottom-color:rgba(255,255,255,.4);
      opacity:.96;
    }
    .bh-home-unified-actions .bh-home-btn:focus-visible,
    .bh-home-v5 .bh-home-btn:focus-visible{
      outline:2px solid rgba(255,255,255,.34);
      outline-offset:2px;
    }
    .bh-home-unified-actions .bh-home-btn--primary{
      min-height:32px;
      padding:0 2px;
      border:0;
      border-bottom:2px solid #C8FF00;
      border-radius:0;
      background:transparent;
      color:#C8FF00;
      font-weight:800;
      letter-spacing:.1em;
    }
    .bh-home-unified-actions .bh-home-btn--primary:hover{
      color:#C8FF00;
      border-bottom-color:#C8FF00;
      background:transparent;
    }
    .bh-home-v5 .bh-home-price-row{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      margin:12px 0 14px !important;
    }
    .bh-home-v5 .bh-home-price-row span{
      border:1px solid rgba(200,255,0,0.15);
      border-radius:999px;
      background:rgba(200,255,0,.06);
      padding:6px 14px;
      color:#C8FF00;
      font-size:11px;
      font-weight:700;
      letter-spacing:.04em;
      text-transform:uppercase;
      backdrop-filter:blur(4px);
      -webkit-backdrop-filter:blur(4px);
      text-shadow:0 0 12px rgba(255,255,255,.12);
    }
    .bh-home-v5 .bh-home-featured .bh-home-actions{
      display:flex;
      align-items:center;
      justify-content:flex-start;
      gap:10px;
      flex-wrap:nowrap;
    }
    .bh-home-v5 .bh-home-featured .bh-home-actions .bh-home-btn--primary{
      min-height:40px;
      display:inline-flex;
      align-items:center;
    }
    .bh-home-v5 .bh-home-featured .bh-home-actions .bh-home-master-play{
      margin:0;
      align-self:center;
      flex:0 0 auto;
    }
    .bh-home-v5 .bh-home-list-title{
      margin-bottom:8px;
      font-size:15px;
      letter-spacing:.02em;
    }
    /* ── YouTube Drops ── */
    .bh-home-v5 .bh-home-yt-section{
      margin-top:20px !important;
      padding:0 !important;
    }
    .bh-home-v5 .bh-home-yt-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:8px;
    }
    .bh-home-v5 .bh-home-yt-item{
      position:relative;
      padding-bottom:56.25%;
      height:0;
      overflow:hidden;
      border-radius:10px;
      background:#111;
    }
    .bh-home-v5 .bh-home-yt-item iframe{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      border:0;
    }
    @media (max-width:480px){
      .bh-home-v5 .bh-home-yt-grid{
        grid-template-columns:1fr;
      }
    }

    .bh-home-v5 .bh-home-tracklist{
      gap:2px;
    }

    /* ── Product Card Catalog Grid ── */
    .bh-home-v5 .bh-catalog{
      margin-top:20px !important;
      padding:0 !important;
      background:transparent !important;
      border:0 !important;
    }
    .bh-home-v5 .bh-catalog__grid,
    .bh-home-v5 .bh-catalog__grid.beats-grid{
      display:grid !important;
      grid-template-columns:repeat(3, 1fr) !important;
      gap:8px 6px !important;
      padding:0 !important;
    }
    @media (min-width:480px){
      .bh-home-v5 .bh-catalog__grid,
      .bh-home-v5 .bh-catalog__grid.beats-grid{
        grid-template-columns:repeat(4, 1fr) !important;
      }
    }
    @media (min-width:640px){
      .bh-home-v5 .bh-catalog__grid,
      .bh-home-v5 .bh-catalog__grid.beats-grid{
        grid-template-columns:repeat(5, 1fr) !important;
        gap:10px 8px !important;
      }
    }
    .bh-home-v5 .bh-catalog__card,
    .bh-home-v5 .bh-catalog__card.beat-card{
      display:flex !important;
      flex-direction:column !important;
      border-radius:8px !important;
      overflow:hidden !important;
      background:transparent !important;
      border:0 !important;
      padding:0 !important;
      margin:0 !important;
      box-shadow:none !important;
      transition:transform .2s ease !important;
    }
    .bh-home-v5 .bh-catalog__card:hover{
      transform:translateY(-1px) !important;
    }
    /* Cover — compact square */
    .bh-home-v5 .bh-catalog__cover{
      position:relative !important;
      aspect-ratio:1 !important;
      overflow:hidden !important;
      background:#100D18 !important;
      border-radius:8px !important;
      box-shadow:inset 0 0 0 1px rgba(200,255,0,0.07) !important;
      transition:box-shadow .25s ease !important;
    }
    .bh-home-v5 .bh-catalog__card:hover .bh-catalog__cover{
      box-shadow:inset 0 0 0 1px rgba(200,255,0,.20), 0 0 16px rgba(200,255,0,0.08) !important;
    }
    .bh-home-v5 .bh-catalog__cover img{
      width:100% !important;
      height:100% !important;
      object-fit:cover !important;
      display:block !important;
      transition:transform .3s ease !important;
    }
    .bh-home-v5 .bh-catalog__card:hover .bh-catalog__cover img{
      transform:scale(1.04) !important;
    }
    /* Play overlay — amber */
    .bh-home-v5 .bh-catalog__play{
      position:absolute !important;
      bottom:5px !important;
      left:5px !important;
      width:26px !important;
      height:26px !important;
      min-width:26px !important;
      border-radius:999px !important;
      background:#C8FF00 !important;
      backdrop-filter:none !important;
      color:#000 !important;
      border:0 !important;
      font-size:9px !important;
      display:inline-flex !important;
      align-items:center !important;
      justify-content:center !important;
      cursor:pointer !important;
      opacity:0 !important;
      transform:translateY(2px) !important;
      transition:opacity .15s ease, transform .15s ease !important;
      box-shadow:0 2px 8px rgba(200,255,0,.45) !important;
    }
    .bh-home-v5 .bh-catalog__card:hover .bh-catalog__play{
      opacity:1 !important;
      transform:translateY(0) !important;
    }
    .bh-home-v5 .bh-catalog__play:hover{
      background:#C8FF00 !important;
    }
    /* Fav overlay — small */
    .bh-home-v5 .bh-catalog__fav{
      position:absolute !important;
      top:5px !important;
      right:5px !important;
      width:22px !important;
      height:22px !important;
      border-radius:999px !important;
      background:rgba(0,0,0,.3) !important;
      color:rgba(255,255,255,.45) !important;
      border:0 !important;
      font-size:9px !important;
      display:inline-flex !important;
      align-items:center !important;
      justify-content:center !important;
      cursor:pointer !important;
      padding:0 !important;
      opacity:0 !important;
      transition:opacity .15s ease, color .15s ease, transform .2s cubic-bezier(.34,1.56,.64,1) !important;
    }
    .bh-home-v5 .bh-catalog__card:hover .bh-catalog__fav{
      opacity:1 !important;
    }
    .bh-home-v5 .bh-catalog__fav:hover{
      color:rgba(239,68,68,.7) !important;
      transform:scale(1.15) !important;
    }
    .bh-home-v5 .bh-catalog__fav.is-fav{
      opacity:1 !important;
      color:#ef4444 !important;
    }
    /* Info */
    .bh-home-v5 .bh-catalog__info{
      padding:8px 2px 2px !important;
      display:flex !important;
      flex-direction:column !important;
      gap:1px !important;
      text-decoration:none !important;
      color:inherit !important;
      min-width:0 !important;
    }
    .bh-home-v5 .bh-catalog__info:hover{
      text-decoration:none !important;
    }
    .bh-home-v5 .bh-catalog__title{
      margin:0 !important;
      font:700 12px/1.3 'Manrope',system-ui,sans-serif !important;
      color:#F2EDE4 !important;
      letter-spacing:-.01em !important;
      white-space:nowrap !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
    }
    .bh-home-v5 .bh-catalog__author{
      margin:0 !important;
      font:400 10px/1.2 'Manrope',system-ui,sans-serif !important;
      color:rgba(242,237,228,.38) !important;
      white-space:nowrap !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
    }
    .bh-home-v5 .bh-catalog__foot{
      display:flex !important;
      align-items:center !important;
      justify-content:space-between !important;
      margin-top:3px !important;
    }
    .bh-home-v5 .bh-catalog__specs{
      font:400 9px/1 'DM Mono',ui-monospace,monospace !important;
      color:rgba(242,237,228,.22) !important;
      white-space:nowrap !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
      min-width:0 !important;
    }
    .bh-home-v5 .bh-catalog__price{
      font:700 11px/1 'DM Mono',ui-monospace,monospace !important;
      color:#C8FF00 !important;
      white-space:nowrap !important;
      flex-shrink:0 !important;
    }
    .bh-home-v5 .bh-home-recent{
      margin-top:24px !important;
      padding:0 !important;
      background:transparent !important;
      border:0 !important;
      border-radius:0 !important;
    }
    .bh-home-v5 .bh-home-yt-section{
      margin-top:28px !important;
    }
    .bh-home-v5 .bh-home-yt-section .bh-home-list-title{
      font:600 14px/1 'Manrope',system-ui,sans-serif !important;
      color:rgba(255,255,255,.85) !important;
      letter-spacing:-.01em !important;
      text-transform:none !important;
      margin:0 0 14px 0 !important;
      padding:0 !important;
      border:0 !important;
    }
    .bh-home-v5 .bh-home-list-title{
      font:600 14px/1 'Manrope',system-ui,sans-serif !important;
      letter-spacing:-.01em !important;
      text-transform:none !important;
      color:rgba(255,255,255,.85) !important;
      margin:0 0 14px 0 !important;
      padding:0 !important;
      border:0 !important;
    }
    .bh-home-v5 .bh-home-hero{
      display:none !important;
    }
    .bh-home-v5 .bh-home-trackrow{
      grid-template-columns:44px minmax(0,1fr) auto;
      gap:10px;
      padding:8px 6px;
      border-bottom:0;
      border-radius:10px;
      transition:background .18s ease;
      border:0;
    }
    .bh-home-v5 .bh-home-trackrow:hover{
      background:rgba(255,255,255,.035);
    }
    .bh-home-v5 .bh-home-wave-cell{
      display:none;
    }
    .bh-home-v5 .bh-home-trackavatar{
      width:44px;
      height:44px;
      border-radius:10px;
      border:0;
      box-shadow:none;
      transition:transform .2s cubic-bezier(.34,1.56,.64,1);
    }
    .bh-home-v5 .bh-home-trackrow:hover .bh-home-trackavatar{
      transform:scale(1.04);
    }
    /* ── Beat cover placeholder (no real thumbnail) ── */
    .bh-lta-placeholder{
      display:flex;align-items:center;justify-content:center;
      position:relative;overflow:hidden;
    }
    .bh-lta-placeholder::after{
      content:'';position:absolute;inset:0;
      background:linear-gradient(135deg,rgba(255,255,255,.09) 0%,transparent 55%);
      pointer-events:none;
    }
    .bh-lta-g0{background:linear-gradient(145deg,#071828 0%,#0e3a5c 100%)}
    .bh-lta-g1{background:linear-gradient(145deg,#0e0720 0%,#2d1060 100%)}
    .bh-lta-g2{background:linear-gradient(145deg,#071820 0%,#0a4a42 100%)}
    .bh-lta-g3{background:linear-gradient(145deg,#100718 0%,#3d1255 100%)}
    .bh-lta-g4{background:linear-gradient(145deg,#181207 0%,#5a3a00 100%)}
    .bh-lta-g5{background:linear-gradient(145deg,#0a1218 0%,#1a3a50 100%)}
    /* Track number on placeholder covers */
    .bh-lta-num{
      font:800 11px/1 'DM Mono',ui-monospace,monospace;
      color:rgba(255,255,255,.45);
      letter-spacing:.04em;
      position:relative;z-index:1;
    }
    .bh-home-v5 .bh-home-trackrow:hover .bh-lta-placeholder .bh-lta-num{
      color:rgba(200,255,0,.85);
    }
    .bh-home-v5 .bh-home-trackrow:hover .bh-lta-g0{background:linear-gradient(145deg,#0a2236 0%,#C8FF00 100%)}
    .bh-home-v5 .bh-home-trackrow:hover .bh-lta-g1{background:linear-gradient(145deg,#120930 0%,#6236FF 100%)}
    .bh-home-v5 .bh-home-trackrow:hover .bh-lta-g2{background:linear-gradient(145deg,#091c20 0%,#00b896 100%)}
    .bh-home-v5 .bh-home-trackrow:hover .bh-lta-g3{background:linear-gradient(145deg,#140a20 0%,#8B2FD6 100%)}
    .bh-home-v5 .bh-home-trackrow:hover .bh-lta-g4{background:linear-gradient(145deg,#1c1408 0%,#C8FF00 100%)}
    .bh-home-v5 .bh-home-trackrow:hover .bh-lta-g5{background:linear-gradient(145deg,#0c1820 0%,#C8FF00 80%)}
    /* Track metadata layout */
    .bh-home-trackmeta{
      display:flex;
      align-items:center;
      gap:6px;
      margin-top:2px;
      flex-wrap:wrap;
      row-gap:1px;
    }
    .bh-home-trackspecs{
      font:500 10px/1 'DM Mono',ui-monospace,monospace;
      color:rgba(255,255,255,.32);
      letter-spacing:.02em;
      white-space:nowrap;
    }
    .bh-home-trackcreator{
      font:600 10px/1 'Manrope',system-ui,sans-serif;
      color:rgba(200,255,0,.7);
      letter-spacing:.01em;
      white-space:nowrap;
    }
    .bh-home-trackspecs + .bh-home-trackcreator::before{
      content:'·';
      color:rgba(255,255,255,.2);
      margin-right:6px;
      font-weight:400;
    }
    .bh-home-v5 .bh-home-trackname{
      display:flex;
      flex-direction:column;
      justify-content:center;
      min-width:0;
    }
    .bh-home-v5 .bh-home-trackname a{
      font:600 13px/1.2 'Manrope',system-ui,sans-serif;
      color:#f4f4f5 !important;
      letter-spacing:-.015em;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    .bh-home-v5 .bh-home-trackprice{
      min-width:auto;
      text-align:right;
      font:700 11px/1 'DM Mono',ui-monospace,monospace;
      color:rgba(255,255,255,.4);
      background:transparent;
      padding:0;
      border-radius:0;
      border:0;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
      max-width:72px;
      text-shadow:none;
      letter-spacing:.02em;
    }
    .bh-home-v5 .bh-home-trackrow:hover .bh-home-trackprice{
      color:rgba(200,255,0,.85);
    }
    .bh-home-service-quick{
      display:flex;
      gap:8px;
      margin-top:8px;
      overflow-x:auto;
      padding-bottom:4px;
      scrollbar-width:thin;
    }
    .bh-home-pill{
      flex:0 0 auto;
      min-height:0;
      padding:0;
      border-radius:0;
      border:0;
      background:transparent;
      color:#dddddd;
      font-size:11px;
      font-weight:700;
      cursor:pointer;
      transition:color .16s ease, opacity .16s ease;
    }
    .bh-home-pill:hover{
      color:#f8fafc;
      background:transparent;
      opacity:.95;
    }
    .bh-home-embed-section{margin-top:10px;border:0;border-radius:0;background:transparent;padding:0}
    .bh-home-embed-stage{margin-top:0;border:0;border-radius:0;background:transparent}
    /* The virtualization rule in home.css (contain: layout paint style +
       content-visibility: auto + contain-intrinsic-size: 320px) clips the
       stage content when long shortcodes (like the songs_library admin
       dashboard) are loaded. When the stage is actually open, opt out of
       containment so the full content renders and scrolls naturally. */
    .bh-home-v5 .bh-home-embed-section.is-open,
    .bh-home-v5.is-module-open .bh-home-embed-section,
    .bh-home-v5.is-module-open .bh-home-embed-stage{
      contain:none !important;
      content-visibility:visible !important;
      contain-intrinsic-size:auto !important;
      overflow:visible !important;
      height:auto !important;
      max-height:none !important;
    }
    .bh-home-v5.is-module-open .bh-home-embed-body,
    .bh-home-v5 .bh-home-embed-section.is-open .bh-home-embed-body{
      contain:none !important;
      content-visibility:visible !important;
      overflow:visible !important;
      height:auto !important;
      max-height:none !important;
      min-height:0 !important;
    }
    /* Keep the open stage centered and inside the viewport — no horizontal
       drift when a loaded shortcode contains a wide form/select/grid.
       NOTE: we deliberately leave overflow:visible on the stage so the page
       scrolls naturally; horizontal clamping is enforced on the inner
       shortcode root instead (see bh-hub-v5 / bh-genre-picker). */
    .bh-home-v5.is-module-open .bh-home-embed-section,
    .bh-home-v5.is-module-open .bh-home-embed-stage{
      width:100% !important;
      max-width:100vw !important;
      margin-left:0 !important;
      margin-right:0 !important;
      padding-left:0 !important;
      padding-right:0 !important;
      box-sizing:border-box !important;
    }
    .bh-home-v5.is-module-open .bh-home-embed-body{
      width:100% !important;
      max-width:100% !important;
      margin-left:auto !important;
      margin-right:auto !important;
      padding-left:0 !important;
      padding-right:0 !important;
      box-sizing:border-box !important;
    }
    /* Direct shortcode root inside the open stage fills available width,
       centers, and can't push the page horizontally. */
    .bh-home-v5.is-module-open .bh-home-embed-body > *{
      width:100% !important;
      max-width:100% !important;
      margin-left:auto !important;
      margin-right:auto !important;
      box-sizing:border-box !important;
      min-width:0 !important;
    }
    .bh-home-embed-head[hidden]{display:none !important}
    .bh-home-embed-head:not([hidden]){
      display:flex !important;align-items:center !important;gap:10px !important;
      padding:10px 16px !important;
      border-bottom:1px solid rgba(255,255,255,.06) !important;
      position:sticky !important;
      top:calc(46px + env(safe-area-inset-top,0px)) !important;
      z-index:100 !important;
      background:rgba(0,0,0,.97) !important;
      backdrop-filter:blur(8px) !important;
      -webkit-backdrop-filter:blur(8px) !important;
    }
    .bh-home-embed-body{min-height:60px}
    .bh-home-contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
    .bh-home-embed-section[hidden]{display:none !important}
    /* ── Beat theme !important overrides on headings/paragraphs inside stage ── */
    #main #bh-home-app-stage h1,#main #bh-home-app-stage h2,
    #main #bh-home-app-stage h3,#main #bh-home-app-stage h4{
      color:inherit !important;font-family:inherit !important;
      background:none !important;text-transform:none !important;
      letter-spacing:normal !important;
    }
    #main #bh-home-app-stage p{
      color:inherit !important;font-family:inherit !important;background:none !important;
    }
    .bh-home-embed-section.is-open{animation:bhHomeIn .28s cubic-bezier(0.19,1,0.22,1)}
    .bh-home-v5.is-module-open .bh-home-hero,
    .bh-home-v5.is-module-open .bh-home-featured,
    .bh-home-v5.is-module-open .bh-home-recent,
    .bh-home-v5.is-module-open .bh-home-bottom,
    .bh-home-v5.is-module-open .bh-home-yt-section,
    .bh-home-v5.is-module-open .bh-home-feed-section{
      display:none !important;
    }
    .bh-home-v5.is-module-open .bh-home-embed-stage{
      margin-top:0;
      padding-top:60px;
    }
    /* Ensure the home section (and its absolute bg element) covers
       the full viewport so the dots/grain/gradient don't cut off. */
    .bh-home-v5.is-module-open{
      min-height:100vh !important;
    }
    /* Break the stage out of the 680px shell when a module is open.
       The shell itself must also expand so the stage can go full-width.
       Remove padding-top here — the stage manages its own top offset
       (padding-top:66px) so the shell's own 66px would double it. */
    .bh-home-v5.is-module-open .bh-home-shell{
      max-width:100% !important;
      padding-left:0 !important;
      padding-right:0 !important;
      padding-top:0 !important;
    }
    .bh-home-embed-body > .services-page,
    .bh-home-embed-body > .bh-songs-library,
    .bh-home-embed-body > [data-shortcode-root]{margin-top:6px}
    .bh-home-embed-body > *{max-width:none !important}
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce{
      color:#eeeeee;
    }
    /* Thumbnails hidden — licenses don't need cover art in cart */
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table th.product-thumbnail,
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table td.product-thumbnail,
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .wc-block-cart-item__image,
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .wc-block-components-product-image{
      display:none !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table{
      background:transparent;
      border:none;
      border-radius:0;
      border-collapse:separate;
      border-spacing:0 4px;
      width:100%;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table thead{
      display:none;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table tr.woocommerce-cart-form__cart-item{
      position:relative;
      background:rgba(255,255,255,.03);
      border-radius:10px;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table tr.woocommerce-cart-form__cart-item td:first-child{
      border-radius:10px 0 0 10px;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table tr.woocommerce-cart-form__cart-item td:last-child{
      border-radius:0 10px 10px 0;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table th,
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table td{
      border:none;
      color:#eeeeee;
      padding:8px 6px;
      vertical-align:middle;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table td.product-name{
      font-size:13px;
      font-weight:600;
      color:#fff;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table td.product-name a{
      color:#fff !important;
      text-decoration:none;
      font-size:13px;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table td.product-quantity .quantity input.qty{
      width:40px !important;
      height:30px !important;
      min-height:30px !important;
      padding:0 4px !important;
      text-align:center;
      background:rgba(255,255,255,.06) !important;
      border:1px solid rgba(255,255,255,.12) !important;
      border-radius:6px !important;
      color:#eee !important;
      font-size:12px !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table td.product-price,
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table td.product-subtotal{
      text-align:right;
      font-size:12px;
      font-weight:600;
      color:#ccc;
      white-space:nowrap;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table td.product-remove{
      width:30px;
      min-width:30px;
      padding:0 4px;
      text-align:center;
      vertical-align:middle;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table td.product-remove a.remove{
      display:inline-flex !important;
      align-items:center;
      justify-content:center;
      width:22px;
      height:22px;
      border-radius:6px;
      background:rgba(255,255,255,.06);
      border:1px solid rgba(255,255,255,.1);
      color:#aaa !important;
      font-size:14px;
      line-height:1;
      text-decoration:none;
      transition:background .15s ease,color .15s ease;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table td.product-remove a.remove:hover{
      background:rgba(239,68,68,.15);
      border-color:rgba(239,68,68,.3);
      color:#ef4444 !important;
    }
    /* cart_totals and button styles managed by home.css CART v5 block */
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-cart-empty{
      max-width:860px;
      min-height:200px;
      margin:0 auto;
      text-align:center;
      display:grid;
      align-content:center;
      justify-items:center;
      gap:12px;
      padding:22px 16px 28px;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-cart-empty h3{
      margin:0;
      font-size:30px;
      line-height:1.12;
      letter-spacing:.06em;
      text-transform:uppercase;
      color:#f3f7ff;
      font-weight:900;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-cart-empty p{
      margin:0;
      color:#bbbbbb;
      font-size:14px;
      line-height:1.45;
      max-width:56ch;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-cart-empty-icon{
      width:66px;
      height:66px;
      margin:0 auto 4px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.16);
      background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.1), rgba(255,255,255,.03));
      box-shadow:0 0 0 1px rgba(255,255,255,.04), 0 0 28px rgba(255,255,255,.1);
      position:relative;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-cart-empty-icon::before{
      content:"";
      position:absolute;
      left:50%;
      top:50%;
      width:24px;
      height:16px;
      transform:translate(-50%,-50%);
      border:2px solid rgba(235,247,255,.92);
      border-top:0;
      border-radius:2px 2px 5px 5px;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-cart-empty-actions{
      display:flex;
      gap:10px;
      justify-content:center;
      flex-wrap:wrap;
      margin-top:4px;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-cart-empty-actions .bh-home-btn{
      min-height:44px;
      border-radius:4px;
      padding:0 18px;
      text-transform:uppercase;
      letter-spacing:.1em;
      font-weight:800;
      border:1px solid rgba(255,255,255,.2);
      border-bottom-color:rgba(255,255,255,.2);
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-cart-empty-actions .bh-home-btn--primary{
      background:#cccccc;
      border-color:#cccccc;
      color:#030303;
      box-shadow:0 0 18px rgba(203,213,225,.15);
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-cart-empty-actions .bh-home-btn--primary:hover{
      background:#f0f0f0;
      border-color:#f0f0f0;
      color:#030303;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-cart-empty-actions .bh-home-btn:not(.bh-home-btn--primary){
      background:transparent;
      color:#eeeeee;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-cart-empty-trending{
      width:min(100%, 900px);
      margin-top:10px;
      display:grid;
      gap:10px;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-cart-empty-kicker{
      margin:0;
      color:#d1d1d1;
      font:700 10px/1.2 "Space Mono",ui-monospace,monospace;
      letter-spacing:.14em;
      text-transform:uppercase;
      opacity:.92;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-cart-empty-grid{
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:10px;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-cart-empty-item{
      border:1px solid rgba(255,255,255,.14);
      border-radius:4px;
      background:rgba(255,255,255,.03);
      padding:8px;
      text-align:left;
      display:grid;
      gap:8px;
      cursor:pointer;
      transition:border-color .16s ease, background-color .16s ease, transform .16s ease;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-cart-empty-item:hover{
      border-color:rgba(255,255,255,.24);
      background:rgba(255,255,255,.04);
      transform:translateY(-1px);
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-cart-empty-cover{
      width:100%;
      aspect-ratio:16/10;
      object-fit:cover;
      border-radius:2px;
      display:block;
      border:1px solid rgba(255,255,255,.1);
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-cart-empty-name{
      margin:0;
      color:#f1f7ff;
      font-size:12px;
      font-weight:800;
      line-height:1.2;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-cart-empty-price{
      margin:0;
      color:#cccccc;
      font:700 10px/1.2 "Space Mono",ui-monospace,monospace;
      letter-spacing:.04em;
    }
    #bh-home-app-stage .js-bh-stage-body.is-profile-module .bh-home-profile-toolbar{
      width:min(100%,1120px);
      margin:0 auto 14px;
      display:flex;
      justify-content:flex-end;
      align-items:center;
      gap:10px;
    }
    #bh-home-app-stage .js-bh-stage-body.is-profile-module .bh-home-profile-toolbar .bh-home-btn{
      min-width:0;
      padding:10px 16px;
    }
    #bh-home-app-stage .js-bh-stage-body.is-profile-module #bh-edit-drawer:not(.is-open){
      display:none !important;
      opacity:0 !important;
      pointer-events:none !important;
      visibility:hidden !important;
    }
    @media (max-width:640px){
      #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-cart-empty{padding:18px 8px 26px;min-height:76vh}
      #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-cart-empty h3{font-size:22px}
      #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-cart-empty-actions{
        width:100%;
        display:grid;
        grid-template-columns:1fr;
      }
      #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-cart-empty-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
      }
    }
    /* Early cross-sells rules removed — consolidated in the final cart pass below */
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .related.products img{
      display:none !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product .price .screen-reader-text,
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product .button .screen-reader-text,
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product .added_to_cart,
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product .wc-forward{
      display:none !important;
    }
    #bh-home-app-stage .js-bh-stage-body:is(.is-cart-module,.is-checkout-module) .woocommerce,
    #bh-home-app-stage .js-bh-stage-body:is(.is-cart-module,.is-checkout-module) .woocommerce-checkout{
      max-width:980px !important;
      margin:0 auto !important;
      color:#eeeeee !important;
      background:transparent !important;
    }
    #bh-home-app-stage .js-bh-stage-body:is(.is-cart-module,.is-checkout-module) .woocommerce :is(table.shop_table,.woocommerce-cart-form,.cart_totals,.cross-sells,#customer_details,.woocommerce-checkout-review-order,form.checkout){
      border:0 !important;
      border-radius:0 !important;
      background:transparent !important;
      box-shadow:none !important;
    }
    /* ═══════════════════════════════════════════════════════
       CHECKOUT MODULE — Complete redesign (single column, uniform sizing)
       ═══════════════════════════════════════════════════════ */
    #bh-home-app-stage .js-bh-stage-body:is(.is-cart-module,.is-checkout-module) .woocommerce{
      max-width:560px !important;
      margin:0 auto !important;
      font-family:'Manrope',system-ui,sans-serif !important;
    }

    /* ── All inputs — uniform height, padding, radius ── */
    #bh-home-app-stage .js-bh-stage-body:is(.is-cart-module,.is-checkout-module) .woocommerce :is(input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="password"],input[type="url"],input[type="search"],select,textarea,.select2-container .select2-selection){
      width:100% !important;
      height:44px !important;
      min-height:44px !important;
      padding:0 14px !important;
      border:1px solid rgba(255,255,255,.1) !important;
      border-radius:12px !important;
      background:rgba(255,255,255,.04) !important;
      color:#f0f0f2 !important;
      font:500 14px/42px 'Manrope',system-ui,sans-serif !important;
      box-sizing:border-box !important;
      transition:border-color .2s ease !important;
      outline:none !important;
    }
    #bh-home-app-stage .js-bh-stage-body:is(.is-cart-module,.is-checkout-module) .woocommerce :is(input,select,textarea,.select2-selection):focus{
      border-color:rgba(255,255,255,.2) !important;
      box-shadow:0 0 0 3px rgba(255,255,255,.04) !important;
    }
    #bh-home-app-stage .js-bh-stage-body:is(.is-cart-module,.is-checkout-module) .woocommerce textarea{
      height:auto !important;
      min-height:80px !important;
      padding:12px 14px !important;
      line-height:1.5 !important;
      resize:vertical !important;
    }

    /* Select2 dropdown match */
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .select2-container{
      width:100% !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .select2-container .select2-selection{
      height:44px !important;
      min-height:44px !important;
      padding:0 14px !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .select2-container--default .select2-selection--single .select2-selection__rendered{
      color:#f0f0f2 !important;
      line-height:42px !important;
      padding-left:0 !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .select2-container--default .select2-selection--single .select2-selection__arrow{
      height:42px !important;
    }

    /* ── Buttons — uniform ── */
    #bh-home-app-stage .js-bh-stage-body:is(.is-cart-module,.is-checkout-module) .woocommerce :is(.button,button.button,a.button){
      height:44px !important;
      min-height:44px !important;
      padding:0 20px !important;
      border:1px solid rgba(255,255,255,.12) !important;
      border-radius:12px !important;
      background:rgba(255,255,255,.06) !important;
      color:#f4f4f5 !important;
      font:700 13px/42px 'Manrope',system-ui,sans-serif !important;
      text-transform:uppercase !important;
      letter-spacing:.06em !important;
      cursor:pointer !important;
      transition:all .2s ease !important;
    }
    #bh-home-app-stage .js-bh-stage-body:is(.is-cart-module,.is-checkout-module) .woocommerce :is(.button,button.button,a.button):hover{
      background:rgba(255,255,255,.1) !important;
      border-color:rgba(255,255,255,.1) !important;
    }

    /* ── Form layout — single column, clean ── */
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module form.checkout{
      padding:0 !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout .col2-set{
      display:block !important;
      margin:0 0 16px !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout .col-1,
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout .col-2{
      float:none !important;
      width:100% !important;
      padding:0 !important;
    }

    /* Form field wrapper — CSS grid for side-by-side fields */
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-billing-fields__field-wrapper,
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-shipping-fields__field-wrapper{
      display:grid !important;
      grid-template-columns:1fr 1fr !important;
      gap:0 12px !important;
    }
    /* Form rows — default full width (span 2 cols) */
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce form .form-row{
      margin:0 0 12px !important;
      padding:0 !important;
      float:none !important;
      width:100% !important;
      grid-column:1 / -1 !important;
    }
    /* Side-by-side fields: first + last take 1 col each */
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce form .form-row-first{
      grid-column:1 !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce form .form-row-last{
      grid-column:2 !important;
    }

    /* Labels — monospace uppercase */
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce form .form-row label{
      display:block !important;
      color:rgba(255,255,255,.45) !important;
      font:700 9px/1.2 'Space Mono',ui-monospace,monospace !important;
      letter-spacing:.08em !important;
      text-transform:uppercase !important;
      margin-bottom:6px !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce form .form-row label .required{
      color:rgba(255,255,255,.3) !important;
    }

    /* Section headings */
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout :is(.woocommerce-billing-fields > h3,.woocommerce-shipping-fields > h3,.woocommerce-additional-fields > h3){
      color:#f4f4f5 !important;
      font:800 18px/1.2 'Manrope',system-ui,sans-serif !important;
      margin:28px 0 16px !important;
      padding-bottom:0 !important;
      border-bottom:0 !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-billing-fields > h3{
      margin-top:4px !important;
    }

    /* ── Payment section ── */
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout #payment{
      border:1px solid rgba(255,255,255,.08) !important;
      border-radius:16px !important;
      background:rgba(255,255,255,.02) !important;
      padding:16px !important;
      margin-top:20px !important;
      backdrop-filter:blur(8px) !important;
      -webkit-backdrop-filter:blur(8px) !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout #payment ul.payment_methods{
      list-style:none !important;
      border-bottom:0 !important;
      padding:0 !important;
      margin:0 0 16px !important;
      display:grid !important;
      gap:8px !important;
      background:transparent !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout #payment ul.payment_methods > li{
      margin:0 !important;
      padding:14px 16px !important;
      border:1px solid rgba(255,255,255,.08) !important;
      border-radius:12px !important;
      background:rgba(255,255,255,.025) !important;
      cursor:pointer !important;
      transition:border-color .2s ease, background .2s ease !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout #payment ul.payment_methods > li:hover{
      border-color:rgba(255,255,255,.14) !important;
    }
    /* Selected payment method — visible highlight */
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout #payment ul.payment_methods > li:has(input:checked){
      border-color:rgba(255,255,255,.18) !important;
      background:rgba(255,255,255,.045) !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout #payment ul.payment_methods > li > label{
      display:flex !important;
      align-items:center !important;
      gap:10px !important;
      color:#f4f4f5 !important;
      font:700 14px/1.3 'Manrope',system-ui,sans-serif !important;
      cursor:pointer !important;
      margin:0 !important;
    }
    /* Custom radio buttons */
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout #payment ul.payment_methods input[type="radio"]{
      -webkit-appearance:none !important;
      appearance:none !important;
      width:18px !important;
      height:18px !important;
      min-width:18px !important;
      margin:0 !important;
      border:2px solid rgba(255,255,255,.2) !important;
      border-radius:0 !important;
      background:transparent !important;
      cursor:pointer !important;
      opacity:1 !important;
      visibility:visible !important;
      pointer-events:auto !important;
      position:relative !important;
      z-index:2 !important;
      box-shadow:none !important;
      flex-shrink:0 !important;
      transition:border-color .16s ease !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout #payment ul.payment_methods input[type="radio"]:checked{
      border-color:#f4f4f5 !important;
      background:radial-gradient(circle, #f4f4f5 40%, transparent 42%) !important;
    }
    /* Payment description box */
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout #payment div.payment_box{
      background:rgba(255,255,255,.03) !important;
      color:rgba(255,255,255,.55) !important;
      border-radius:10px !important;
      margin:12px 0 0 !important;
      padding:14px 16px !important;
      border:1px solid rgba(255,255,255,.05) !important;
      font:400 12px/1.5 'Manrope',system-ui,sans-serif !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout #payment div.payment_box::before{
      display:none !important;
    }
    /* Stripe Elements iframe containers */
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout #payment div.payment_box fieldset{
      border:0 !important;
      padding:0 !important;
      margin:0 !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout #payment div.payment_box .wc-stripe-elements-field,
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout #payment div.payment_box .StripeElement,
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout #payment div.payment_box .wc-stripe-upe-element{
      background:rgba(255,255,255,.04) !important;
      border:1px solid rgba(255,255,255,.1) !important;
      border-radius:10px !important;
      padding:12px 14px !important;
      margin-top:8px !important;
      min-height:44px !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout #payment div.payment_box .wc-stripe-elements-field:focus-within,
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout #payment div.payment_box .StripeElement--focus{
      border-color:rgba(255,255,255,.2) !important;
    }
    /* Stripe inline card inputs */
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout #payment div.payment_box label{
      display:block !important;
      color:rgba(255,255,255,.5) !important;
      font:600 10px/1 'Manrope',system-ui,sans-serif !important;
      letter-spacing:.04em !important;
      text-transform:uppercase !important;
      margin:10px 0 4px !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout #payment div.payment_box label:first-child{
      margin-top:0 !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout #payment div.payment_box input[type="text"],
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout #payment div.payment_box input[type="tel"]{
      width:100% !important;
      height:42px !important;
      padding:0 12px !important;
      background:rgba(255,255,255,.04) !important;
      border:1px solid rgba(255,255,255,.1) !important;
      border-radius:10px !important;
      color:#f4f4f5 !important;
      font:500 14px/40px 'Manrope',system-ui,sans-serif !important;
    }
    /* YITH Stripe Payment Element container */
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module #yith-stripe-payments-element{
      min-height:60px !important;
      margin-top:10px !important;
      border-radius:10px !important;
      overflow:hidden !important;
    }
    /* Ensure Stripe iframes are visible */
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module #yith-stripe-payments-element iframe{
      min-height:50px !important;
    }
    /* Payment section place-order area */
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout #payment .place-order{
      margin:0 !important;
      padding:0 !important;
    }

    /* ── Order review table ── */
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout #order_review_heading{
      font:700 11px/1 'Space Mono',ui-monospace,monospace !important;
      color:rgba(255,255,255,.5) !important;
      letter-spacing:.1em !important;
      text-transform:uppercase !important;
      margin:28px 0 12px !important;
      padding-bottom:0 !important;
      border-bottom:0 !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout #order_review{
      margin-top:0 !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout #order_review table.shop_table{
      border:0 !important;
      border-radius:0 !important;
      overflow:visible !important;
      background:transparent !important;
      width:100% !important;
      border-collapse:collapse !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout #order_review table.shop_table thead{
      display:none !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout #order_review table.shop_table :is(th,td){
      padding:8px 0 !important;
      color:rgba(255,255,255,.7) !important;
      border-color:rgba(255,255,255,.05) !important;
      font:500 13px/1.4 'Manrope',system-ui,sans-serif !important;
      background:transparent !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout #order_review table.shop_table td{
      text-align:right !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout #order_review table.shop_table .order-total th{
      color:#fff !important;
      font:600 14px/1 'Manrope',system-ui,sans-serif !important;
      border-bottom:0 !important;
      padding-top:12px !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout #order_review table.shop_table .order-total td,
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout #order_review table.shop_table .order-total .amount,
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout #order_review table.shop_table .order-total bdi{
      color:#fff !important;
      font:800 20px/1 'Manrope',system-ui,sans-serif !important;
      border-bottom:0 !important;
      padding-top:12px !important;
    }

    /* ── Place order button ── */
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout #place_order{
      width:100% !important;
      height:52px !important;
      min-height:52px !important;
      border-radius:999px !important;
      background:#f4f4f5 !important;
      color:#0c0c0d !important;
      font:800 13px/50px 'Manrope',system-ui,sans-serif !important;
      border:0 !important;
      letter-spacing:.08em !important;
      text-transform:uppercase !important;
      cursor:pointer !important;
      box-shadow:0 4px 16px rgba(255,255,255,.06) !important;
      transition:all .2s ease !important;
      margin-top:14px !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout #place_order:hover{
      background:#fff !important;
      transform:translateY(-1px) !important;
      box-shadow:0 6px 20px rgba(255,255,255,.1) !important;
    }

    /* ── Privacy text ── */
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout .woocommerce-privacy-policy-text{
      color:rgba(255,255,255,.35) !important;
      font:400 11px/1.5 'Manrope',system-ui,sans-serif !important;
      margin-top:10px !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout .woocommerce-privacy-policy-text a{
      color:rgba(255,255,255,.45) !important;
      text-underline-offset:2px !important;
    }

    /* ── Coupon toggle ── */
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout .woocommerce-info{
      border:1px solid rgba(255,255,255,.08) !important;
      border-radius:12px !important;
      background:rgba(255,255,255,.025) !important;
      color:rgba(255,255,255,.55) !important;
      padding:12px 14px !important;
      font:400 13px/1.4 'Manrope',system-ui,sans-serif !important;
      margin-bottom:18px !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout .woocommerce-info::before{
      color:rgba(255,255,255,.4) !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout .woocommerce-info a{
      color:rgba(255,255,255,.7) !important;
    }

    /* ── Checkbox + newsletter ── */
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout input[type="checkbox"]{
      -webkit-appearance:none !important;
      appearance:none !important;
      width:16px !important;
      height:16px !important;
      min-height:auto !important;
      border:2px solid rgba(255,255,255,.2) !important;
      border-radius:4px !important;
      background:transparent !important;
      cursor:pointer !important;
      position:relative !important;
      transition:border-color .16s ease !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout input[type="checkbox"]:checked{
      border-color:#f4f4f5 !important;
      background:#f4f4f5 !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout input[type="checkbox"]:checked::after{
      content:'✓' !important;
      position:absolute !important;
      top:-1px !important;
      left:1px !important;
      color:#0c0c0d !important;
      font-size:11px !important;
      font-weight:800 !important;
    }
    #bh-home-app-stage .js-bh-stage-body:is(.is-cart-module,.is-checkout-module) .woocommerce table.shop_table :is(th,td){
      color:rgba(255,255,255,.94) !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals table th{
      color:rgba(255,255,255,.82) !important;
      font-weight:700 !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals table td{
      color:#fff !important;
      font-weight:700 !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals .order-total :is(th,td,.amount,bdi){
      color:#e0e0e0 !important;
      font-weight:800 !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .wc-proceed-to-checkout .checkout-button{
      background:#e0e0e0 !important;
      border-color:#e0e0e0 !important;
      color:#070707 !important;
      font-weight:800 !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .wc-proceed-to-checkout .checkout-button:hover{
      background:#f0f0f0 !important;
      border-color:#f0f0f0 !important;
      color:#050505 !important;
    }
    @media (max-width:860px){
      #bh-home-app-stage .js-bh-stage-body.is-checkout-module .woocommerce-checkout .col2-set{
        grid-template-columns:1fr !important;
      }
    }
    #bh-home-app-stage .services-page{max-width:none !important;margin:0 !important;padding:8px 0 20px !important;border:0 !important;background:transparent !important}
    #bh-home-app-stage .services-hero{display:none !important}
    #bh-home-app-stage .services-page .service-card{border:0 !important;border-color:transparent !important;background:transparent !important;box-shadow:none !important;border-radius:0 !important}
    #bh-home-app-stage .services-page .cta-bar{display:none !important}
    #bh-home-app-stage .js-bh-stage-body:not(.is-cart-module):not(.is-single-beat-module) [class*="container"],
    #bh-home-app-stage .js-bh-stage-body:not(.is-cart-module):not(.is-single-beat-module) [class*="wrapper"]{max-width:none !important}
    #bh-home-app-stage .js-bh-stage-body:not(.is-cart-module):not(.is-single-beat-module) > *:not(.bh-profile-page),
    #bh-home-app-stage .js-bh-stage-body:not(.is-cart-module):not(.is-single-beat-module) > *:not(.bh-profile-page) > *{
      background:transparent !important;
      box-shadow:none !important;
      border-color:transparent !important;
      border-radius:0 !important;
    }
    #bh-home-app-stage .js-bh-stage-body:not(.is-cart-module):not(.is-single-beat-module) [class*="card"],
    #bh-home-app-stage .js-bh-stage-body:not(.is-cart-module):not(.is-single-beat-module) [class*="panel"],
    #bh-home-app-stage .js-bh-stage-body:not(.is-cart-module):not(.is-single-beat-module) [class*="box"],
    #bh-home-app-stage .js-bh-stage-body:not(.is-cart-module):not(.is-single-beat-module) [class*="tile"],
    #bh-home-app-stage .js-bh-stage-body:not(.is-cart-module):not(.is-single-beat-module) [class*="container"],
    #bh-home-app-stage .js-bh-stage-body:not(.is-cart-module):not(.is-single-beat-module) [class*="wrapper"],
    #bh-home-app-stage .js-bh-stage-body:not(.is-cart-module):not(.is-single-beat-module) [class*="module"],
    #bh-home-app-stage .js-bh-stage-body:not(.is-cart-module):not(.is-single-beat-module) [class*="section"]{
      background:transparent !important;
      border:0 !important;
      box-shadow:none !important;
      border-radius:0 !important;
      backdrop-filter:none !important;
      -webkit-backdrop-filter:none !important;
    }
    #bh-home-app-stage .js-bh-stage-body:not(.is-cart-module):not(.is-single-beat-module) [class*="container"],
    #bh-home-app-stage .js-bh-stage-body:not(.is-cart-module):not(.is-single-beat-module) [class*="wrapper"]{
      padding-left:0 !important;
      padding-right:0 !important;
      margin-left:0 !important;
      margin-right:0 !important;
    }
    #bh-home-app-stage .js-bh-stage-body:not(.is-cart-module):not(.is-single-beat-module) [class*="hero"],
    #bh-home-app-stage .js-bh-stage-body:not(.is-cart-module):not(.is-single-beat-module) [class*="Hero"],
    #bh-home-app-stage .js-bh-stage-body:not(.is-cart-module):not(.is-single-beat-module) [id*="hero"],
    #bh-home-app-stage .js-bh-stage-body:not(.is-cart-module):not(.is-single-beat-module) [id*="Hero"]{
      background:transparent !important;
      background-color:transparent !important;
      background-image:none !important;
      border:0 !important;
      box-shadow:none !important;
      border-radius:0 !important;
      backdrop-filter:none !important;
      -webkit-backdrop-filter:none !important;
    }
    #bh-home-app-stage .js-bh-stage-body:not(.is-cart-module):not(.is-single-beat-module) [class*="hero"]::before,
    #bh-home-app-stage .js-bh-stage-body:not(.is-cart-module):not(.is-single-beat-module) [class*="hero"]::after,
    #bh-home-app-stage .js-bh-stage-body:not(.is-cart-module):not(.is-single-beat-module) [class*="Hero"]::before,
    #bh-home-app-stage .js-bh-stage-body:not(.is-cart-module):not(.is-single-beat-module) [class*="Hero"]::after,
    #bh-home-app-stage .js-bh-stage-body:not(.is-cart-module):not(.is-single-beat-module) [id*="hero"]::before,
    #bh-home-app-stage .js-bh-stage-body:not(.is-cart-module):not(.is-single-beat-module) [id*="hero"]::after,
    #bh-home-app-stage .js-bh-stage-body:not(.is-cart-module):not(.is-single-beat-module) [id*="Hero"]::before,
    #bh-home-app-stage .js-bh-stage-body:not(.is-cart-module):not(.is-single-beat-module) [id*="Hero"]::after{
      background:transparent !important;
      background-color:transparent !important;
      background-image:none !important;
      box-shadow:none !important;
      border:0 !important;
      opacity:1 !important;
    }
    #bh-home-app-stage .js-bh-stage-body:not(.is-cart-module):not(.is-single-beat-module) section[style*="background"],
    #bh-home-app-stage .js-bh-stage-body:not(.is-cart-module):not(.is-single-beat-module) div[style*="background"]{
      background:transparent !important;
      background-color:transparent !important;
      background-image:none !important;
      box-shadow:none !important;
    }
    /* ── Contact pane v2 ── */
    .bhc-pane{
      --bhc-bg:#080808;--bhc-sf:rgba(255,255,255,.04);--bhc-sf2:rgba(255,255,255,.07);
      --bhc-border:rgba(255,255,255,.08);--bhc-border-h:rgba(255,255,255,.18);
      --bhc-muted:rgba(200,200,200,.45);--bhc-mo:"DM Mono","Space Mono",monospace;
      --bhc-fn:"Manrope",sans-serif;--bhc-hd:"Syne",sans-serif;
      position:relative;overflow:hidden;background:var(--bhc-bg);color:#f1f1f1;
      min-height:100%;padding:40px 24px 80px;
    }
    /* Smooth fade-out at the bottom — eliminates hard cutoff edge */
    .bhc-pane::after{
      content:'';position:absolute;bottom:0;left:0;right:0;height:80px;pointer-events:none;
      background:linear-gradient(to bottom,transparent 0%,var(--bhc-bg) 100%);
      z-index:2;
    }
    .bhc-bg{
      position:absolute;inset:0;pointer-events:none;
      background:radial-gradient(ellipse at 70% 0%,rgba(80,100,200,.07) 0%,transparent 55%),
                 radial-gradient(ellipse at 10% 90%,rgba(60,80,160,.05) 0%,transparent 50%);
    }
    .bhc-wrap{position:relative;z-index:1;max-width:720px;margin:0 auto;}

    /* Head */
    .bhc-head{text-align:center;margin-bottom:36px;}
    .bhc-eyebrow{
      display:inline-flex;align-items:center;gap:8px;
      font:700 9px/1 var(--bhc-mo);letter-spacing:3px;text-transform:uppercase;
      color:rgba(140,180,255,.65);padding:5px 14px;
      border:1px solid rgba(100,160,255,.22);border-radius:999px;
      margin-bottom:18px;
    }
    .bhc-title{
      font:900 clamp(36px,7vw,62px)/1 var(--bhc-hd);letter-spacing:.05em;
      margin:0 0 14px;color:#f8fafc;
    }
    .bhc-sub{margin:0 auto;max-width:480px;font:400 13px/1.65 var(--bhc-fn);color:var(--bhc-muted);}

    /* Grid */
    .bhc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}

    /* Cards */
    .bhc-card{
      position:relative;display:flex;align-items:center;gap:14px;
      padding:18px 16px;border-radius:16px;text-decoration:none;color:#f1f1f1;
      background:var(--bhc-sf);border:1px solid var(--bhc-border);
      transition:background .18s,border-color .18s,transform .18s,box-shadow .18s;
      overflow:hidden;
    }
    .bhc-card::before{
      content:'';position:absolute;inset:0;
      background:linear-gradient(135deg,rgba(255,255,255,.025) 0%,transparent 60%);
      pointer-events:none;
    }
    .bhc-card:hover{
      background:var(--bhc-sf2);border-color:var(--bhc-border-h);
      transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.45);
    }

    /* Icon circle */
    .bhc-card-icon{
      width:44px;height:44px;border-radius:12px;flex-shrink:0;
      display:flex;align-items:center;justify-content:center;
      font-size:18px;background:rgba(255,255,255,.06);
      border:1px solid rgba(255,255,255,.09);transition:background .18s;
    }
    .bhc-card:hover .bhc-card-icon{background:rgba(255,255,255,.1);}

    /* Per-card accent colors */
    .bhc-card--email .bhc-card-icon{color:rgba(140,180,255,.9);background:rgba(80,120,255,.1);border-color:rgba(80,120,255,.2);}
    .bhc-card--ig   .bhc-card-icon{color:rgba(255,130,180,.9);background:rgba(200,60,150,.1);border-color:rgba(200,60,150,.2);}
    .bhc-card--wa   .bhc-card-icon{color:rgba(80,220,120,.9); background:rgba(40,180,80,.1); border-color:rgba(40,180,80,.2);}
    .bhc-card--exec .bhc-card-icon{color:rgba(220,180,120,.9);background:rgba(180,130,60,.1);border-color:rgba(180,130,60,.2);}

    /* Hot card highlight */
    .bhc-card--hot{border-color:rgba(40,180,80,.25);background:rgba(40,180,80,.04);}
    .bhc-card--hot:hover{border-color:rgba(40,180,80,.4);background:rgba(40,180,80,.08);}

    /* Body text */
    .bhc-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;}
    .bhc-card-type{font:700 8px/1 var(--bhc-mo);letter-spacing:2px;text-transform:uppercase;color:var(--bhc-muted);}
    .bhc-card-title{font:600 14px/1.2 var(--bhc-fn);color:#f4f4f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .bhc-card-value{font:400 11px/1.3 var(--bhc-mo);color:rgba(200,200,200,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

    /* SVG icons */
    .bhc-svg{width:20px;height:20px;display:block;flex-shrink:0;}
    /* Arrow */
    .bhc-card-arrow{width:14px;height:14px;color:rgba(200,200,200,.2);flex-shrink:0;transition:color .18s,transform .18s;}
    .bhc-card:hover .bhc-card-arrow{color:rgba(200,200,200,.55);transform:translateX(3px);}

    /* Badge */
    .bhc-badge{
      position:absolute;top:10px;right:10px;
      font:800 8px/1 var(--bhc-mo);letter-spacing:1.5px;text-transform:uppercase;
      padding:3px 8px;border-radius:999px;
      background:rgba(40,180,80,.18);color:rgba(100,230,130,.9);
      border:1px solid rgba(40,180,80,.3);
    }

    /* Footer */
    .bhc-footer{display:flex;align-items:center;gap:14px;margin-top:36px;}
    .bhc-footer-line{flex:1;height:1px;background:rgba(255,255,255,.07);}
    .bhc-footer-text{font:700 8px/1 var(--bhc-mo);letter-spacing:2.5px;color:rgba(200,200,200,.22);white-space:nowrap;}

    /* Responsive */
    @media(max-width:500px){
      .bhc-pane{padding:24px 14px 40px;}
      .bhc-grid{grid-template-columns:1fr;}
      .bhc-title{font-size:38px;}
    }
    /* Cart UX tuning: hierarchy, CTA weight, spacing, mobile readability */
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals table th{
      color:#f7fbff !important;
      font-weight:800 !important;
      letter-spacing:.03em;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals table td,
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals table td .amount,
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals table td bdi{
      color:#fff !important;
      font-weight:800 !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals .order-total :is(th,td,.amount,bdi){
      color:#e0e0e0 !important;
      font-size:18px !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module{
      position:relative;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module::before{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      z-index:0;
      background:linear-gradient(180deg,rgba(0,0,0,.58) 0%,rgba(0,0,0,.88) 100%);
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module > *{
      position:relative;
      z-index:1;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals{
      max-width:100% !important;
      width:100% !important;
      margin-left:0 !important;
      margin-right:0 !important;
      padding-right:18px !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .wc-proceed-to-checkout .checkout-button{
      background:linear-gradient(135deg,#e0e0e0 0%,#999999 100%) !important;
      border-color:#e0e0e0 !important;
      color:#040404 !important;
      font-weight:900 !important;
      min-height:46px !important;
      box-shadow:0 8px 26px rgba(255,255,255,.1) !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .wc-proceed-to-checkout .checkout-button:hover{
      background:linear-gradient(135deg,#f0f0f0 0%,#d4d4d4 100%) !important;
      border-color:#f0f0f0 !important;
      transform:translateY(-1px);
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells{
      padding-left:6px !important;
      margin-top:20px !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products{
      gap:16px !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product .woocommerce-loop-product__title{
      font-size:16px !important;
      margin-bottom:6px !important;
      text-shadow:0 2px 4px rgba(0,0,0,.52);
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product .price{
      font-size:12px !important;
      color:rgba(255,255,255,.88) !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product :is(.button,a.button,.add_to_cart_button,.product_type_simple,.product_type_variable,.product_type_external){
      color:rgba(255,255,255,.84) !important;
      transition:color .18s ease,opacity .18s ease,transform .18s ease !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product :is(.button,a.button,.add_to_cart_button,.product_type_simple,.product_type_variable,.product_type_external):hover{
      color:#e0e0e0 !important;
      opacity:1 !important;
      transform:translateY(-1px);
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart-discount{
      color:#d4d4d4 !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .product-name > a{
      text-shadow:0 2px 4px rgba(0,0,0,.5);
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals table tr:not(.order-total) th{
      position:relative;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals table tr:not(.order-total) th::after{
      content:"";
      position:absolute;
      left:calc(100% + 8px);
      right:-140px;
      top:50%;
      border-bottom:1px dotted rgba(255,255,255,.22);
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .quantity{
      display:inline-flex;
      align-items:center;
      gap:6px;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .quantity .qty{
      width:68px !important;
      min-width:68px !important;
      text-align:center;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-qty-btn{
      width:30px;
      height:30px;
      border-radius:8px;
      border:1px solid rgba(255,255,255,.28);
      background:rgba(255,255,255,.08);
      color:#fff;
      font:800 15px/1 "Manrope",system-ui,sans-serif;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      cursor:pointer;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-qty-btn:hover{
      border-color:rgba(255,255,255,.3);
      color:#e0e0e0;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells .add_to_cart_button.is-busy,
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells .add_to_cart_button.added{
      color:#e0e0e0 !important;
    }
    /* Licensing cart mode: cleaner structure + CTA hierarchy */
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce{
      background:rgba(0,0,0,.8) !important;
      border-radius:8px;
      padding:14px !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table thead{
      display:none !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce :is(table.shop_table,table.shop_table tr,table.shop_table td){
      border:0 !important;
      background:transparent !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table tr{
      border-bottom:1px solid rgba(255,255,255,.09) !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce :is(th.product-price,td.product-price,th.product-quantity,td.product-quantity){
      display:none !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .quantity{
      display:none !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce td.product-remove{
      text-align:right;
      width:40px;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce td.product-remove a.remove{
      color:rgba(255,255,255,.78) !important;
      font-size:18px !important;
      line-height:1 !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce td.product-remove a.remove:hover{
      color:#e0e0e0 !important;
      background:transparent !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .wc-proceed-to-checkout .checkout-button{
      border-radius:4px !important;
      width:100% !important;
      min-height:48px !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product :is(.button,a.button,.add_to_cart_button,.product_type_simple,.product_type_variable,.product_type_external){
      border:0 !important;
      border-radius:0 !important;
      background:transparent !important;
      padding:4px 0 !important;
      min-height:0 !important;
      text-decoration:none !important;
      border-bottom:1px solid rgba(255,255,255,.28) !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product :is(.button,a.button,.add_to_cart_button,.product_type_simple,.product_type_variable,.product_type_external):hover{
      border-bottom-color:#e0e0e0 !important;
      color:#e0e0e0 !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells > h2{
      margin-top:26px !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-license-badges{
      display:flex;
      flex-wrap:wrap;
      gap:6px;
      margin:4px 0 6px;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-license-badges span{
      display:inline-flex;
      align-items:center;
      height:18px;
      padding:0 7px;
      border-radius:4px;
      border:1px solid rgba(255,255,255,.18);
      color:rgba(255,255,255,.78);
      font:700 9px/1 "Space Mono",ui-monospace,monospace;
      letter-spacing:.04em;
      text-transform:uppercase;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals{
      border-top:1px solid rgba(255,255,255,.12) !important;
      padding-top:16px !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals .order-total :is(th,td,.amount,bdi){
      font-size:22px !important;
    }
    /* [license] module (inline fallback) */
    #bh-home-app-stage .bh-home-license-pane{
      max-width:980px;
      margin:0 auto;
      padding:6px 0 12px;
    }
    #bh-home-app-stage .bh-home-license-head h3{
      margin:4px 0 6px;
      color:#fff;
      font:800 28px/1 "Manrope",system-ui,sans-serif;
    }
    #bh-home-app-stage .bh-home-license-head p{
      margin:0;
      color:rgba(255,255,255,.74);
    }
    #bh-home-app-stage .bh-home-license-kicker{
      margin:0;
      color:rgba(203,213,225,.9);
      font:700 10px/1 "Space Mono",ui-monospace,monospace;
      letter-spacing:.12em;
      text-transform:uppercase;
    }
    #bh-home-app-stage .bh-home-license-grid{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:12px;
      margin-top:14px;
    }
    #bh-home-app-stage .bh-home-license-card{
      border:1px solid rgba(255,255,255,.16);
      border-radius:8px;
      padding:12px;
      background:rgba(255,255,255,.03);
    }
    #bh-home-app-stage .bh-home-license-card h4{
      margin:0 0 8px;
      color:#fff;
      font:800 14px/1.2 "Manrope",system-ui,sans-serif;
    }
    #bh-home-app-stage .bh-home-license-card ul{
      margin:0;
      padding-left:16px;
      color:rgba(255,255,255,.82);
      display:grid;
      gap:4px;
    }
    #bh-home-app-stage .bh-home-license-actions{
      display:flex;
      gap:10px;
      flex-wrap:wrap;
      margin-top:14px;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-coupon-badge{
      display:inline-flex;
      align-items:center;
      gap:6px;
      margin:0 0 10px;
      padding:6px 10px;
      border:1px solid rgba(212,212,212,.35);
      border-radius:999px;
      background:rgba(212,212,212,.1);
      color:#dddddd;
      font:700 10px/1 "Space Mono",ui-monospace,monospace;
      letter-spacing:.06em;
      text-transform:uppercase;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-coupon-badge::before{
      content:"";
      width:6px;
      height:6px;
      border-radius:999px;
      background:#d4d4d4;
    }
    @keyframes bhHomeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
    .is-bh-focus{outline:1px solid rgba(255,255,255,.3);box-shadow:0 0 0 2px rgba(255,255,255,.08);border-radius:10px;transition:box-shadow .2s ease,outline-color .2s ease}
    @media (max-width:960px){.bh-home-contact-grid{grid-template-columns:1fr}}
    @media (max-width:640px){
      .bh-home-shell{padding:0 10px !important}
      /* loader mobile overrides removed — premium layer handles */
      .bh-home-fixedbrand{min-height:34px;padding:0 10px}
      .bh-home-menu-toggle{min-height:32px;width:36px;padding:0}
      .bh-home-menu-panel{min-width:164px}
      .bh-home-bottom-actions{gap:10px}
      .bh-home-v5 .bh-dock-nav{
        gap:14px !important;
        padding:8px 12px !important;
      }
      .bh-home-v5 .bh-dock-item{
        font-size:17px !important;
        min-width:26px;
        min-height:26px;
        padding:0 !important;
      }
      .bh-home-trackrow{grid-template-columns:32px 40px minmax(0,1fr);grid-auto-rows:auto}
      .bh-home-trackavatar{width:40px;height:40px;border-radius:10px}
      .bh-home-wave-cell{grid-column:1 / 4}
      .bh-home-wave{height:26px}
      .bh-home-trackprice{grid-column:2 / 4}
      .bh-home-unified-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
      .bh-home-unified-actions .bh-home-btn,
      .bh-home-v5 .bh-home-btn{
        justify-content:center;
        text-align:center;
        min-height:34px;
        padding:0 4px;
        font-size:10px;
      }
      .bh-home-v5 .bh-home-featured .bh-home-actions{
        flex-wrap:wrap;
      }
      .bh-premium-team-head h3{font-size:20px}
    }
    /* Monochrome override: remove residual blue accents from app shell */
    .bh-home-v5,
    .bh-home-v5 *{
      --bh-accent:#f4f4f5 !important;
    }
    .bh-home-v5 .bh-home-producer-avatar,
    .bh-home-v5 .bh-home-trackavatar,
    .bh-home-v5 .bh-app-main-player__avatar{
      border-color:rgba(255,255,255,.12) !important;
      box-shadow:none !important;
    }
    .bh-home-v5 .bh-home-master-play,
    .bh-home-v5 .bh-app-main-player__tool,
    .bh-home-v5 .bh-app-main-player__btn,
    .bh-home-v5 .bh-home-cart-empty-actions .bh-home-btn,
    .bh-home-v5 .bh-home-cart-actions-toggle{
      border-color:rgba(255,255,255,.14) !important;
      background:rgba(255,255,255,.06) !important;
      color:#f4f4f5 !important;
      box-shadow:0 10px 24px rgba(0,0,0,.16) !important;
    }
    .bh-home-v5 .bh-home-master-play.is-playing,
    .bh-home-v5 .bh-app-main-player__btn--play,
    .bh-home-v5 .bh-home-btn--primary,
    .bh-home-v5 .bh-home-cart-empty-actions .bh-home-btn--primary{
      background:#f4f4f5 !important;
      color:#0c0c0d !important;
      border-color:transparent !important;
      box-shadow:0 14px 28px rgba(0,0,0,.18) !important;
    }
    .bh-home-v5 .bh-home-master-play:hover,
    .bh-home-v5 .bh-app-main-player__tool:hover,
    .bh-home-v5 .bh-app-main-player__btn:hover,
    .bh-home-v5 .bh-home-cart-empty-actions .bh-home-btn:hover,
    .bh-home-v5 .bh-home-cart-actions-toggle:hover{
      border-color:rgba(255,255,255,.22) !important;
      background:rgba(255,255,255,.1) !important;
      color:#ffffff !important;
      box-shadow:0 14px 28px rgba(0,0,0,.2) !important;
    }
    .bh-home-v5 .bh-home-trackauthor,
    .bh-home-v5 .bh-home-trackprice,
    .bh-home-v5 .bh-home-section-label,
    .bh-home-v5 .bh-home-featured-meta,
    .bh-home-v5 .bh-home-stats,
    .bh-home-v5 .bh-app-main-player__time,
    .bh-home-v5 .js-app-player-subtitle,
    .bh-home-v5 .bh-home-cart-empty p{
      color:rgba(255,255,255,.62) !important;
      text-shadow:none !important;
    }
    .bh-home-v5 .bh-home-trackname a,
    .bh-home-v5 .bh-home-list-title,
    .bh-home-v5 .bh-home-featured-title,
    .bh-home-v5 .bh-app-main-player__title-link,
    .bh-home-v5 .bh-home-cart-empty h3{
      color:#f8fafc !important;
      text-shadow:none !important;
    }
    .bh-home-v5 .bh-home-featured-body::before,
    .bh-home-v5 .bh-home-bg-layer.is-a,
    .bh-home-v5 .bh-home-bg-layer.is-b{
      background:radial-gradient(ellipse 90% 80% at 10% 10%, rgba(255,255,255,.08), transparent 55%) !important;
    }
    .bh-home-v5 .bh-home-trackrow:has(.master-play.is-playing){
      border-bottom-color:rgba(255,255,255,.12) !important;
    }
    .bh-home-v5 .bh-home-trackrow:has(.master-play.is-playing) .bh-home-trackname a{
      color:#ffffff !important;
    }
    .bh-home-v5 .is-bh-focus{
      outline:1px solid rgba(255,255,255,.28) !important;
      box-shadow:0 0 0 2px rgba(255,255,255,.08) !important;
    }
    .bh-home-v5 .bh-app-main-player{
      position:fixed !important;
      left:50% !important;
      transform:translateX(-50%) !important;
      bottom:86px !important;
      width:min(calc(100vw - 28px), 720px) !important;
      z-index:2147482995 !important;
    }
    .bh-home-v5 .bh-app-main-player.is-collapsed{
      bottom:86px !important;
    }
    .bh-home-v5 .bh-dock-container{
      bottom:14px !important;
      z-index:2147483000 !important;
    }
    @media (max-width:760px){
      .bh-home-v5 .bh-app-main-player{
        bottom:82px !important;
        width:min(calc(100vw - 20px), 680px) !important;
      }
      .bh-home-v5 .bh-app-main-player.is-collapsed{
        bottom:82px !important;
      }
    }

    /* Home visible shell: soften boxed UI */
    .bh-home-v5 .bh-home-quicknav{
      gap:0 !important;
      margin:0 0 14px !important;
      padding:0 !important;
    }
    .bh-home-v5 .bh-home-quicknav-menu{position:relative !important}
    .bh-home-v5 .bh-home-quicknav-trigger{
      min-height:auto !important;
      padding:0 0 3px !important;
      border:0 !important;
      border-bottom:1px solid transparent !important;
      border-radius:0 !important;
      background:transparent !important;
      color:rgba(255,255,255,.74) !important;
      font:700 11px/1.1 "Space Mono",ui-monospace,monospace !important;
      letter-spacing:.14em !important;
      text-transform:uppercase !important;
      box-shadow:none !important;
    }
    .bh-home-v5 .bh-home-quicknav-trigger:hover,
    .bh-home-v5 .bh-home-quicknav-menu[open] .bh-home-quicknav-trigger{
      color:#ffffff !important;
      border-bottom-color:rgba(255,255,255,.7) !important;
      background:transparent !important;
    }
    .bh-home-v5 .bh-home-quicknav-panel{
      position:absolute !important;
      top:calc(100% + 10px) !important;
      left:0 !important;
      min-width:220px !important;
      display:grid !important;
      gap:8px !important;
      padding:10px 0 0 !important;
      z-index:20 !important;
    }
    .bh-home-v5 .bh-home-quicknav-sublink{
      padding:0 !important;
      border:0 !important;
      border-radius:0 !important;
      background:transparent !important;
      color:rgba(255,255,255,.74) !important;
      font:700 11px/1.2 "Space Mono",ui-monospace,monospace !important;
      letter-spacing:.12em !important;
      text-transform:uppercase !important;
      box-shadow:none !important;
    }
    .bh-home-v5 .bh-home-quicknav-sublink:hover{
      color:#ffffff !important;
      background:transparent !important;
    }
    .bh-home-v5 .bh-home-featured{
      margin-bottom:12px !important;
    }
    .bh-home-v5 .bh-home-featured-body{
      padding:2px 0 8px !important;
      border:0 !important;
      border-radius:0 !important;
      background:transparent !important;
      box-shadow:none !important;
      overflow:visible !important;
    }
    .bh-home-v5 .bh-home-featured-body::before{
      content:none !important;
      display:none !important;
    }
    .bh-home-v5 .bh-home-price-row{
      gap:12px !important;
    }
    .bh-home-v5 .bh-home-price-row span{
      padding:0 !important;
      border:0 !important;
      border-radius:0 !important;
      background:transparent !important;
      color:rgba(255,255,255,.8) !important;
      font-size:10px !important;
      letter-spacing:.12em !important;
    }
    .bh-home-v5 .bh-home-featured .bh-home-actions .bh-home-btn--primary{
      min-height:auto !important;
      padding:0 0 3px !important;
      border:0 !important;
      border-bottom:1px solid rgba(255,255,255,.72) !important;
      border-radius:0 !important;
      background:transparent !important;
      color:#ffffff !important;
      box-shadow:none !important;
      font:800 11px/1 "Space Mono",ui-monospace,monospace !important;
      letter-spacing:.12em !important;
      text-transform:uppercase !important;
    }
    .bh-home-v5 .bh-home-featured .bh-home-actions .bh-home-btn--primary:hover{
      border-bottom-color:#ffffff !important;
      background:transparent !important;
      color:#ffffff !important;
    }
    .bh-home-v5 .bh-home-list-title{
      margin:0 0 8px !important;
      font:700 10px/1 "Space Mono",ui-monospace,monospace !important;
      letter-spacing:.18em !important;
      text-transform:uppercase !important;
    }
    .bh-home-v5 .bh-home-list-title::before{
      display:none !important;
    }
    .bh-home-v5 .bh-home-trackrow{
      padding:8px 0 !important;
      border-bottom:1px solid rgba(255,255,255,.06) !important;
      background:transparent !important;
      box-shadow:none !important;
    }
    .bh-home-v5 .bh-home-trackrow:hover{
      background:transparent !important;
      border-color:rgba(255,255,255,.14) !important;
    }
    .bh-home-v5 .bh-home-trackavatar{
      width:38px !important;
      height:38px !important;
      border-radius:999px !important;
      box-shadow:none !important;
    }
    .bh-home-v5 .bh-home-trackauthor{
      font-size:10px !important;
      letter-spacing:.1em !important;
      text-transform:uppercase !important;
    }
    .bh-home-v5 .bh-home-trackprice{
      font:700 11px/1.2 "Space Mono",ui-monospace,monospace !important;
      letter-spacing:.04em !important;
    }

    /* Cart module final cleanup */
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce{
      display:block !important;
      background:rgba(255,255,255,.03) !important;
      border:1px solid rgba(255,255,255,.08) !important;
      border-radius:22px !important;
      padding:20px !important;
      color:#f4f4f5 !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce-cart-form{
      min-width:0 !important;
      margin:0 !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cart-collaterals{
      min-width:0 !important;
      width:100% !important;
      margin:6px 0 0 !important;
      position:static !important;
      align-self:auto !important;
      display:flex !important;
      flex-direction:column !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cart-collaterals .cart_totals{order:1 !important}
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cart-collaterals .cross-sells{order:2 !important}
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .screen-reader-text{
      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;
      white-space:nowrap !important;
      border:0 !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce-cart-form__contents .actions,
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce-cart-form .coupon,
    #bh-home-app-stage .js-bh-stage-body.is-cart-module button[name="update_cart"]{
      display:none !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table.cart tbody tr{
      display:grid !important;
      grid-template-columns:minmax(0,1fr) 28px !important;
      gap:10px !important;
      align-items:start !important;
      padding:16px 18px !important;
      margin:0 !important;
      border:1px solid rgba(255,255,255,.07) !important;
      border-radius:18px !important;
      background:linear-gradient(180deg,rgba(255,255,255,.028) 0%, rgba(255,255,255,.014) 100%) !important;
      box-shadow:0 12px 28px rgba(0,0,0,.16) !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table.cart tbody{
      display:grid !important;
      gap:12px !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table.cart{
      border-collapse:separate !important;
      border-spacing:0 !important;
      background:transparent !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table :is(th.product-thumbnail,td.product-thumbnail){
      display:none !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table.cart tbody tr{
      grid-template-columns:minmax(0,1fr) auto !important;
      grid-template-areas:
        "name subtotal"
        "name remove" !important;
      row-gap:6px !important;
      column-gap:12px !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table.cart tbody td.product-name{
      grid-area:name !important;
      display:block !important;
      padding:0 !important;
      min-width:0 !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table.cart tbody td.product-name > a,
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table.cart tbody td.product-name{
      color:#ffffff !important;
      font:700 16px/1.25 "Manrope",system-ui,sans-serif !important;
      text-decoration:none !important;
      letter-spacing:-.01em !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table.cart tbody td.product-name .variation,
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table.cart tbody td.product-name .wc-item-meta{
      display:flex !important;
      flex-wrap:wrap !important;
      gap:5px 8px !important;
      margin:7px 0 0 !important;
      padding:0 !important;
      list-style:none !important;
      color:rgba(255,255,255,.56) !important;
      font:700 10px/1.45 "Space Mono",ui-monospace,monospace !important;
      letter-spacing:.08em !important;
      text-transform:uppercase !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table.cart tbody td.product-name .variation dt,
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table.cart tbody td.product-name .wc-item-meta li{
      margin:0 !important;
      padding:4px 8px !important;
      border:1px solid rgba(255,255,255,.1) !important;
      border-radius:999px !important;
      background:rgba(255,255,255,.03) !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table.cart tbody td.product-name .variation dd{
      margin:0 !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table.cart tbody td.product-subtotal{
      grid-area:subtotal !important;
      display:flex !important;
      align-items:flex-start !important;
      justify-content:flex-end !important;
      padding:0 !important;
      color:#ffffff !important;
      font:700 15px/1.2 "Space Mono",ui-monospace,monospace !important;
      white-space:nowrap !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table.cart tbody td.product-remove{
      grid-area:remove !important;
      width:28px !important;
      padding:0 !important;
      display:flex !important;
      align-items:center !important;
      justify-content:flex-end !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce td.product-remove a.remove:hover{
      color:#ffffff !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce td.product-remove a.remove{
      opacity:.92 !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells{
      margin-top:28px !important;
      padding:0 !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells > h2{
      margin:0 0 14px !important;
      color:rgba(255,255,255,.7) !important;
      font:700 11px/1 "Space Mono",ui-monospace,monospace !important;
      letter-spacing:.14em !important;
      text-transform:uppercase !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products{
      display:grid !important;
      grid-template-columns:repeat(2,minmax(0,1fr)) !important;
      gap:10px !important;
      margin:0 !important;
      padding:0 !important;
      list-style:none !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product{
      margin:0 !important;
      padding:14px !important;
      border:1px solid rgba(255,255,255,.08) !important;
      border-radius:0 !important;
      background:rgba(255,255,255,.025) !important;
      box-shadow:none !important;
      min-height:unset !important;
      display:flex !important;
      flex-direction:column !important;
      gap:6px !important;
      transition:border-color .18s ease !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product:hover{
      border-color:rgba(255,255,255,.14) !important;
    }
    /* Show cover image */
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product img.bh-cross-cover{
      display:block !important;
      width:100% !important;
      height:auto !important;
      aspect-ratio:1/1 !important;
      object-fit:cover !important;
      border-radius:10px !important;
      border:1px solid rgba(255,255,255,.06) !important;
      margin-bottom:4px !important;
    }
    /* Hide default Woo images, keep our enhanced cover */
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product img:not(.bh-cross-cover){
      display:none !important;
    }
    /* Hide Woo variation description blocks */
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product .woocommerce-loop-product__link + .price ~ :not(.bh-license-badges):not(.button):not(a.button):not(.add_to_cart_button):not(.product_type_simple):not(.product_type_variable):not(.product_type_external):not(.bh-cross-cover){
      display:none !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product .woocommerce-loop-product__title{
      margin:0 !important;
      color:#ffffff !important;
      font:700 14px/1.2 "Manrope",system-ui,sans-serif !important;
      text-shadow:none !important;
      order:1 !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product .price{
      margin:0 !important;
      color:rgba(255,255,255,.6) !important;
      font:600 12px/1.3 "Manrope",system-ui,sans-serif !important;
      order:2 !important;
    }
    /* License badges (BASIC/MEDIUM/PREMIUM) — hide to keep clean */
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product .bh-license-badges{
      display:none !important;
    }
    /* Quick Add button */
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product :is(.button,a.button,.add_to_cart_button,.product_type_simple,.product_type_variable,.product_type_external){
      display:inline-flex !important;
      align-items:center !important;
      justify-content:center !important;
      width:100% !important;
      min-height:36px !important;
      margin-top:auto !important;
      padding:0 12px !important;
      border:1px solid rgba(255,255,255,.12) !important;
      border-radius:10px !important;
      background:rgba(255,255,255,.05) !important;
      color:rgba(255,255,255,.8) !important;
      text-decoration:none !important;
      text-transform:uppercase !important;
      letter-spacing:.06em !important;
      font:700 10px/1 "Manrope",system-ui,sans-serif !important;
      box-shadow:none !important;
      order:10 !important;
      transition:all .18s ease !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product :is(.button,a.button,.add_to_cart_button,.product_type_simple,.product_type_variable,.product_type_external):hover{
      border-color:rgba(255,255,255,.22) !important;
      background:rgba(255,255,255,.08) !important;
      color:#ffffff !important;
      transform:none !important;
    }
    /* Proceed to checkout - prominent CTA */
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .wc-proceed-to-checkout .checkout-button{
      width:100% !important;
      min-height:48px !important;
      border-radius:12px !important;
      background:linear-gradient(135deg,#e0e0e0 0%,#cccccc 100%) !important;
      color:#111111 !important;
      border:none !important;
      font:800 13px/1 "Manrope",system-ui,sans-serif !important;
      letter-spacing:.08em !important;
      text-transform:uppercase !important;
      text-decoration:none !important;
      box-shadow:0 4px 14px rgba(0,0,0,.2) !important;
      transition:all .2s ease !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .wc-proceed-to-checkout .checkout-button:hover{
      background:linear-gradient(135deg,#f0f0f0 0%,#e0e0e0 100%) !important;
      box-shadow:0 8px 20px rgba(0,0,0,.25) !important;
      transform:translateY(-1px) !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals{
      margin-top:16px !important;
      padding:18px !important;
      border:1px solid rgba(255,255,255,.08) !important;
      border-radius:0 !important;
      background:rgba(255,255,255,.025) !important;
      max-width:100% !important;
      box-shadow:none !important;
      width:100% !important;
      margin-left:0 !important;
      margin-right:0 !important;
      float:none !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals :is(h2,th,td,.amount,bdi){
      color:#ffffff !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals h2{
      margin:0 0 12px !important;
      font:700 11px/1 "Space Mono",ui-monospace,monospace !important;
      letter-spacing:.18em !important;
      text-transform:uppercase !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals table{
      margin:0 0 14px !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals table th,
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals table td{
      padding:10px 0 !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals .order-total :is(th,td,.amount,bdi){
      color:#ffffff !important;
      font-weight:800 !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .wc-proceed-to-checkout .checkout-button{
      background:#f4f4f5 !important;
      border:1px solid transparent !important;
      color:#0c0c0d !important;
      box-shadow:none !important;
      border-radius:999px !important;
      text-transform:uppercase !important;
      letter-spacing:.12em !important;
      min-height:50px !important;
      font:800 12px/1 "Space Mono",ui-monospace,monospace !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .wc-proceed-to-checkout{
      padding:0 !important;
      margin:0 !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .wc-proceed-to-checkout .checkout-button:hover{
      background:#ffffff !important;
      border-color:transparent !important;
      color:#0c0c0d !important;
      transform:none !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce-notices-wrapper{
      margin:0 0 12px !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce :is(.woocommerce-message,.woocommerce-info,.woocommerce-error){
      margin:0 0 10px !important;
      padding:10px 14px !important;
      border:1px solid rgba(255,255,255,.08) !important;
      border-radius:12px !important;
      background:rgba(255,255,255,.04) !important;
      color:#f4f4f5 !important;
      box-shadow:none !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce :is(.woocommerce-message,.woocommerce-info,.woocommerce-error) a{
      color:#ffffff !important;
      text-decoration:none !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product .price{
      font-size:12px !important;
      line-height:1.35 !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product .price .screen-reader-text{
      display:none !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product .added_to_cart,
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product .wc-forward,
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product .added_to_cart.wc-forward{
      display:none !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product .button .screen-reader-text{
      display:none !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product :is(.product_type_variable,.product_type_external){
      min-height:40px !important;
      font-size:12px !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table.cart tbody td.product-remove a.remove{
      width:28px !important;
      height:28px !important;
      border-radius:999px !important;
      display:inline-flex !important;
      align-items:center !important;
      justify-content:center !important;
      border:1px solid rgba(255,255,255,.12) !important;
      background:rgba(255,255,255,.04) !important;
      text-decoration:none !important;
    }
    @media (max-width:760px){
      #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products{
        grid-template-columns:1fr !important;
      }
      #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals{
        width:100% !important;
      }
    }
    @media (max-width:760px){
      #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table tbody td{
        position:relative;
        padding:6px 0 6px 42% !important;
        min-height:24px;
      }
      #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table tbody td::before{
        content:attr(data-title);
        position:absolute;
        left:0;
        top:7px;
        width:38%;
        color:rgba(255,255,255,.74);
        font:700 10px/1.2 "Space Mono",ui-monospace,monospace;
        letter-spacing:.06em;
        text-transform:uppercase;
      }
      #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table tbody td.product-name,
      #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table tbody td.product-remove{
        padding-left:0 !important;
      }
      #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table tbody td.product-name::before,
      #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table tbody td.product-remove::before{
        display:none;
      }
      #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals table tr:not(.order-total) th::after{
        display:none;
      }
      #bh-home-app-stage .bh-home-license-grid{
        grid-template-columns:1fr;
      }
    }

    /* =====================================================================
       DESIGN ENHANCEMENT PASS — v5.1
       ===================================================================== */

    /* (Featured card styles moved to Hero Card v7 block above) */
    .bh-home-v5 .bh-home-list-title::before{display:none !important}

    /* Play buttons — clean circle */
    .bh-home-v5 .bh-home-master-play{
      width:38px !important;
      height:38px !important;
      flex:0 0 38px !important;
      border-radius:10px !important;
      border:0 !important;
      background:rgba(255,255,255,.07) !important;
      color:rgba(255,255,255,.65) !important;
      font-size:12px !important;
      box-shadow:none !important;
      transition:background .16s ease, color .16s ease, transform .16s ease !important;
    }
    .bh-home-v5 .bh-home-master-play:hover{
      background:rgba(255,255,255,.12) !important;
      color:#fff !important;
      transform:scale(1.04) !important;
    }
    .bh-home-v5 .bh-home-master-play.is-playing{
      background:rgba(255,255,255,.1) !important;
      color:#fff !important;
    }
    .bh-home-v5 .bh-home-master-play.is-loading{
      opacity:.7 !important;
      pointer-events:none !important;
    }
    .bh-home-v5 .bh-home-master-play.is-loading i{
      animation:bhSpinPulse .8s ease-in-out infinite !important;
    }
    @keyframes bhSpinPulse{
      0%,100%{opacity:.4;transform:scale(.9)}
      50%{opacity:1;transform:scale(1)}
    }
    /* Main player loading state */
    .bh-app-main-player.is-audio-loading .bh-app-main-player__btn--play,
    .bh-app-main-player.is-audio-loading .bst-gp-play{
      opacity:.6 !important;
      pointer-events:none !important;
    }
    .bh-app-main-player.is-audio-loading .bh-app-main-player__btn--play svg,
    .bh-app-main-player.is-audio-loading .bst-gp-play svg{
      animation:bhSpinPulse .8s ease-in-out infinite !important;
    }
    .bh-app-main-player.is-audio-loading .bh-app-main-player__wave::after{
      content:"" !important;
      position:absolute !important;
      inset:0 !important;
      background:linear-gradient(90deg,transparent 25%,rgba(255,255,255,.06) 50%,transparent 75%) !important;
      background-size:200% 100% !important;
      animation:bhShimmerBar 1.5s linear infinite !important;
      border-radius:inherit !important;
      pointer-events:none !important;
    }
    @keyframes bhShimmerBar{
      0%{background-position:-200% 0}
      100%{background-position:200% 0}
    }
    /* Library play button loading */
    .bh-library-v3 .master-play.is-loading{
      opacity:.6 !important;
      pointer-events:none !important;
    }
    .bh-library-v3 .master-play.is-loading i{
      animation:bhSpinPulse .8s ease-in-out infinite !important;
    }
    /* Catalog card play loading */
    .bh-catalog__play.is-loading{
      opacity:1 !important;
    }
    .bh-catalog__play.is-loading i{
      animation:bhSpinPulse .8s ease-in-out infinite !important;
    }
    .bh-home-v5 .bh-home-master-play:disabled{
      opacity:.28 !important;
      cursor:not-allowed !important;
      transform:none !important;
      box-shadow:none !important;
    }

    /* Primary nav button — glass pill instead of plain underline */
    .bh-home-v5 .bh-home-unified-actions .bh-home-btn--primary{
      padding:0 12px !important;
      min-height:30px !important;
      border:1px solid rgba(255,255,255,.24) !important;
      border-bottom-color:rgba(255,255,255,.24) !important;
      border-radius:6px !important;
      background:rgba(255,255,255,.06) !important;
      color:rgba(255,255,255,.94) !important;
      font-weight:800 !important;
    }
    .bh-home-v5 .bh-home-unified-actions .bh-home-btn--primary:hover{
      background:rgba(255,255,255,.12) !important;
      border-color:rgba(255,255,255,.44) !important;
      border-bottom-color:rgba(255,255,255,.44) !important;
      color:#fff !important;
    }

    /* Track avatar consistent subtle border */
    .bh-home-v5 .bh-home-trackavatar{
      border:1px solid rgba(160,160,160,.16) !important;
    }

    /* Stats counter as faint monospace */
    .bh-home-v5 .bh-home-stats{
      display:flex !important;
      justify-content:center !important;
      gap:6px !important;
      margin:0 !important;
      padding:14px 0 4px !important;
      font:600 10px/1 "DM Mono",ui-monospace,monospace !important;
      letter-spacing:.1em !important;
      text-transform:uppercase !important;
      color:rgba(160,160,160,.2) !important;
    }
    .bh-home-v5 .bh-home-stats-sep{
      color:rgba(255,255,255,.12) !important;
    }

    /* Active track row highlight (CSS :has) */
    .bh-home-v5 .bh-home-trackrow:has(.master-play.is-playing){
      border-bottom-color:rgba(255,255,255,.22) !important;
    }
    .bh-home-v5 .bh-home-trackrow:has(.master-play.is-playing) .bh-home-trackname a{
      color:rgba(203,213,225,.92) !important;
    }

    /* More breathing room between beat/song sections */
    .bh-home-v5 .bh-home-recent+.bh-home-recent{
      margin-top:24px;
    }

    /* Featured section spacing */
    .bh-home-v5 .bh-home-featured{
      margin-top:8px !important;
      margin-bottom:0 !important;
    }
    /* Hide wave container inside featured — causes empty gap */
    .bh-home-v5 .bh-home-featured .bh-home-wave,
    .bh-home-v5 .bh-home-featured .wave-container{
      display:none !important;
    }

    /* =====================================================================
       FRONTEND UPGRADE — v6.0
       Cover art hero, immersive tracklist, micro-animations, enhanced UX
       ===================================================================== */

    /* --- Featured Title Larger & Sharper --- */
    .bh-home-v5 .bh-home-featured-title{
      font-size:28px !important;
      line-height:1.05 !important;
      letter-spacing:-.02em !important;
      margin:6px 0 4px !important;
    }
    .bh-home-v5 .bh-home-featured-meta{
      margin:0 0 10px !important;
    }

    /* --- Featured CTA as solid button --- */
    .bh-home-v5 .bh-home-featured .bh-home-actions .bh-home-btn--primary{
      min-height:38px !important;
      padding:0 18px !important;
      border:1px solid rgba(255,255,255,.92) !important;
      border-bottom-color:rgba(255,255,255,.92) !important;
      border-radius:999px !important;
      background:#f4f4f5 !important;
      color:#0c0c0d !important;
      font:800 11px/1 "Space Mono",ui-monospace,monospace !important;
      letter-spacing:.1em !important;
      text-transform:uppercase !important;
      box-shadow:0 8px 24px rgba(0,0,0,.2) !important;
      transition:background .2s ease,transform .2s ease,box-shadow .2s ease !important;
    }
    .bh-home-v5 .bh-home-featured .bh-home-actions .bh-home-btn--primary:hover{
      background:#ffffff !important;
      color:#0c0c0d !important;
      border-color:#ffffff !important;
      border-bottom-color:#ffffff !important;
      transform:translateY(-1px) !important;
      box-shadow:0 12px 32px rgba(0,0,0,.26) !important;
    }

    /* --- Price Row Separator --- */
    .bh-home-v5 .bh-home-price-row{
      margin-bottom:14px !important;
    }
    .bh-home-v5 .bh-home-price-row span{
      position:relative;
    }
    .bh-home-v5 .bh-home-price-row span+span::before{
      content:"/";
      position:absolute;
      left:-9px;
      color:rgba(255,255,255,.2);
      font-size:10px;
    }

    /* --- Section Label Enhancement --- */
    .bh-home-v5 .bh-home-section-label{
      font:700 9px/1 "Space Mono",ui-monospace,monospace !important;
      letter-spacing:.2em !important;
      text-transform:uppercase !important;
      color:rgba(255,255,255,.48) !important;
    }

    /* --- Staggered Track Row Entry --- */
    .bh-home-v5 .bh-home-trackrow{
      animation:bhTrackSlideIn .34s ease both;
      border-radius:0;
      padding:8px 10px !important;
      transition:background .2s ease,border-color .2s ease,transform .2s ease !important;
    }
    .bh-home-v5 .bh-home-trackrow:nth-child(1){animation-delay:.04s}
    .bh-home-v5 .bh-home-trackrow:nth-child(2){animation-delay:.08s}
    .bh-home-v5 .bh-home-trackrow:nth-child(3){animation-delay:.12s}
    .bh-home-v5 .bh-home-trackrow:nth-child(4){animation-delay:.16s}
    .bh-home-v5 .bh-home-trackrow:nth-child(5){animation-delay:.20s}
    .bh-home-v5 .bh-home-trackrow:nth-child(6){animation-delay:.24s}
    .bh-home-v5 .bh-home-trackrow:nth-child(7){animation-delay:.28s}
    .bh-home-v5 .bh-home-trackrow:nth-child(8){animation-delay:.32s}
    @keyframes bhTrackSlideIn{
      from{opacity:0;transform:translateY(8px)}
      to{opacity:1;transform:none}
    }

    /* --- Track Row Hover Enhancement --- */
    .bh-home-v5 .bh-home-trackrow:hover{
      background:rgba(255,255,255,.04) !important;
      border-color:rgba(255,255,255,.1) !important;
      transform:translateX(2px);
    }

    /* --- Playing Track Highlight --- */
    .bh-home-v5 .bh-home-trackrow:has(.master-play.is-playing){
      background:rgba(255,255,255,.04) !important;
    }

    /* --- Section Divider --- */
    .bh-home-v5 .bh-home-recent{
      position:relative;
      padding-top:18px !important;
    }
    .bh-home-v5 .bh-home-recent::before{
      content:"";
      position:absolute;
      top:0;left:0;
      width:40px;height:1px;
      background:rgba(255,255,255,.12);
    }

    /* --- Enhanced Player Glass --- */
    .bh-home-v5 .bh-app-main-player{
      border:1px solid rgba(160,160,160,.25) !important;
      border-radius:24px !important;
      background:#111111 !important;
      backdrop-filter:blur(28px) saturate(150%) !important;
      -webkit-backdrop-filter:blur(28px) saturate(150%) !important;
      box-shadow:0 25px 50px rgba(0,0,0,.5) !important;
      padding:24px 24px 28px !important;
    }
    .bh-home-v5 .bh-app-main-player__head{
      display:flex !important;
      align-items:center !important;
      gap:12px !important;
      margin-bottom:20px !important;
    }
    .bh-home-v5 .bh-app-main-player__meta{
      flex:1 !important;
      min-width:0 !important;
    }
    .bh-home-v5 .bh-app-main-player__title-link{
      font-size:18px !important;
      font-weight:700 !important;
      display:block !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
      white-space:nowrap !important;
    }
    .bh-home-v5 .js-app-player-subtitle{
      font-size:13px !important;
      color:#999999 !important;
      display:block !important;
      margin-top:2px !important;
    }
    .bh-home-v5 .bh-app-main-player__tools{
      display:flex !important;
      gap:8px !important;
      flex-shrink:0 !important;
    }
    .bh-home-v5 .bh-app-main-player__btn{
      width:48px !important;
      height:48px !important;
      min-width:48px !important;
      min-height:48px !important;
      font-size:18px !important;
      transition:transform .15s ease,background .15s ease,color .15s ease !important;
    }
    .bh-home-v5 .bh-app-main-player__btn:hover{
      transform:scale(1.12) !important;
    }
    .bh-home-v5 .bh-app-main-player__btn--play{
      width:72px !important;
      height:72px !important;
      min-width:72px !important;
      min-height:72px !important;
      border-radius:999px !important;
      font-size:28px !important;
      background:#666666 !important;
      color:#0a0a0a !important;
      box-shadow:0 0 30px rgba(102,102,102,.5) !important;
    }
    .bh-home-v5 .bh-app-main-player__tool{
      width:40px !important;
      height:40px !important;
      min-width:40px !important;
      min-height:40px !important;
      font-size:20px !important;
    }
    .bh-home-v5 .bh-app-main-player__avatar{
      border-radius:10px !important;
      border:1px solid rgba(255,255,255,.14) !important;
      transition:transform .2s ease !important;
    }
    .bh-home-v5 .bh-app-main-player__avatar:hover{
      transform:scale(1.08) !important;
    }

    /* --- Dock Enhanced --- */
    .bh-home-v5 .bh-dock-nav{
      border-radius:999px !important;
      background:rgba(7,7,10,.82) !important;
      backdrop-filter:blur(22px) saturate(150%) !important;
      -webkit-backdrop-filter:blur(22px) saturate(150%) !important;
      box-shadow:0 12px 44px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.05) !important;
      padding:10px 16px !important;
      gap:12px !important;
    }
    .bh-home-v5 .bh-dock-item{
      width:44px !important;
      height:44px !important;
      min-width:44px !important;
      min-height:44px !important;
      border:1px solid rgba(255,255,255,.14) !important;
      border-radius:999px !important;
      background:rgba(255,255,255,.06) !important;
      color:rgba(244,244,245,.92) !important;
      font-size:16px !important;
      line-height:1 !important;
      box-shadow:0 0 0 1px rgba(255,255,255,.03),0 10px 20px rgba(0,0,0,.16) !important;
      transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease !important;
      transform:translate3d(0,0,0) scale(1) !important;
      transform-origin:center center !important;
      opacity:1 !important;
    }
    .bh-home-v5 .bh-dock-item i{
      display:block !important;
      font-size:1em !important;
      line-height:1 !important;
    }
    .bh-home-v5 .bh-dock-item:hover{
      border-color:rgba(255,255,255,.22) !important;
      background:rgba(255,255,255,.1) !important;
      color:#ffffff !important;
      box-shadow:0 0 0 1px rgba(255,255,255,.04),0 12px 22px rgba(0,0,0,.18) !important;
      transform:scale(1.08) !important;
    }
    .bh-home-v5 .bh-dock-item.active::after{
      width:5px !important;
      height:5px !important;
      bottom:-7px !important;
      background:#cccccc !important;
      box-shadow:0 0 10px rgba(160,160,160,.3), 0 0 20px rgba(255,255,255,.1);
    }
    .bh-home-v5 .bh-dock-item.active{
      border-color:rgba(255,255,255,.12) !important;
      background:rgba(255,255,255,.08) !important;
      color:#cccccc !important;
      box-shadow:0 0 15px rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.03) !important;
      transform:none !important;
    }

    /* --- Background Animated Gradient — Cyber Neon --- */
    .bh-home-v5 .bh-home-bg-layer.is-a{
      background:radial-gradient(ellipse 70% 55% at 15% 10%,rgba(255,255,255,.03),transparent 55%),
                 radial-gradient(ellipse 50% 50% at 85% 85%,rgba(255,255,255,.04),transparent 50%) !important;
      animation:bhBgShift 16s ease-in-out infinite alternate;
    }
    .bh-home-v5 .bh-home-bg-layer.is-b{
      background:radial-gradient(ellipse 55% 45% at 75% 25%,rgba(255,255,255,.05),transparent 55%),
                 radial-gradient(ellipse 40% 40% at 25% 75%,rgba(255,255,255,.015),transparent 50%) !important;
      animation:bhBgShift2 20s ease-in-out infinite alternate;
    }
    @keyframes bhBgShift{
      0%{opacity:.6;transform:scale(1) translate(0,0)}
      50%{opacity:1;transform:scale(1.02) translate(1%,-0.5%)}
      100%{opacity:.7;transform:scale(1.01) translate(-0.5%,0.5%)}
    }
    @keyframes bhBgShift2{
      0%{opacity:.4;transform:scale(1.01) translate(0.5%,0)}
      100%{opacity:.7;transform:scale(1) translate(-1%,0.5%)}
    }

    /* --- Hero depth layers --- */
    .bh-home-v5 .bh-home-hero{
      min-height:140px !important;
      perspective:1000px;
    }
    .bh-home-v5 .bh-home-hero-waveform{
      transition:transform .8s ease, opacity .6s ease !important;
    }
    .bh-home-v5 .bh-home-hero:hover .bh-home-hero-waveform{
      transform:scale(1.03) !important;
      opacity:.65 !important;
    }

    /* --- Featured card — glass morphism --- */
    .bh-home-v5 .bh-home-featured-body{
      background:linear-gradient(145deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,.01) 100%) !important;
      border:1px solid rgba(255,255,255,.08) !important;
      border-radius:0 !important;
      backdrop-filter:blur(12px) !important;
      -webkit-backdrop-filter:blur(12px) !important;
      box-shadow:0 8px 32px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.06) !important;
      transition:transform .4s ease, box-shadow .4s ease !important;
    }
    .bh-home-v5 .bh-home-featured-body:hover{
      box-shadow:0 12px 48px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.08) !important;
    }
    .bh-home-v5 .bh-home-featured-title{
      font-weight:800 !important;
      letter-spacing:-.02em !important;
    }

    /* --- Track rows — brutal hover --- */
    .bh-home-v5 .bh-home-trackrow{
      transition:background .2s cubic-bezier(0.19,1,0.22,1), border-color .2s !important;
      border-radius:0 !important;
    }
    .bh-home-v5 .bh-home-trackrow:hover{
      background:rgba(200,255,0,.02) !important;
      border-color:rgba(200,255,0,.14) !important;
      box-shadow:none !important;
    }

    /* --- Action buttons — acid green brutal --- */
    .bh-home-v5 .bh-home-btn--primary{
      background:#C8FF00 !important;
      color:#000 !important;
      font-weight:800 !important;
      border-radius:0 !important;
      border:0 !important;
      box-shadow:none !important;
      transition:background .18s cubic-bezier(0.19,1,0.22,1), transform .16s !important;
      text-shadow:none !important;
      letter-spacing:.08em !important;
    }
    .bh-home-v5 .bh-home-btn--primary:hover{
      background:#E8FF88 !important;
      transform:translateY(-2px) !important;
    }

    /* --- Player glass effect --- */
    .bh-home-v5 .bh-app-main-player{
      backdrop-filter:blur(20px) saturate(150%) !important;
      -webkit-backdrop-filter:blur(20px) saturate(150%) !important;
      border:1px solid rgba(255,255,255,.08) !important;
      box-shadow:0 -4px 30px rgba(0,0,0,.4) !important;
    }

    /* --- Dock glass — neon edge --- */
    .bh-home-v5 .bh-dock-nav{
      background:rgba(7,7,10,.85) !important;
      border:1px solid rgba(255,255,255,.04) !important;
      box-shadow:0 4px 30px rgba(0,0,0,.6), 0 0 20px rgba(255,255,255,.015), inset 0 1px 0 rgba(255,255,255,.03) !important;
    }

    /* --- Nebula canvas blend --- */
    .bh-nebula-canvas{
      mix-blend-mode:screen;
      opacity:0;
    }

    /* --- Quick Nav Spacing --- */
    .bh-home-v5 .bh-home-quicknav{
      padding-top:10px !important;
    }

    /* --- Custom Scrollbar --- */
    .bh-home-v5 ::-webkit-scrollbar{width:4px;height:4px}
    .bh-home-v5 ::-webkit-scrollbar-track{background:transparent}
    .bh-home-v5 ::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:4px}
    .bh-home-v5 ::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)}

    /* --- Mobile Responsive for v6 --- */
    @media (max-width:640px){
      .bh-home-v5 .bh-home-featured-title{
        font-size:24px !important;
      }
      .bh-home-v5 .bh-home-featured .bh-home-actions .bh-home-btn--primary{
        min-height:42px !important;
        padding:0 18px !important;
        font-size:13px !important;
      }
      .bh-home-v5 .bh-dock-nav{
        padding:10px 14px !important;
        gap:10px !important;
        border-radius:18px !important;
      }
      .bh-home-v5 .bh-dock-item{
        width:44px !important;
        height:44px !important;
        min-width:44px !important;
        min-height:44px !important;
        font-size:15px !important;
      }
      .bh-home-v5 .bh-home-trackrow{
        padding:12px 10px !important;
      }
    }

    /* --- Futuristic pass: waveform, featured, filters, rows, dock --- */
    .bh-home-v5,
    .bh-home-v5 *{
      --bh-accent:var(--accent) !important;
    }
    .bh-home-v5 .bh-home-wave-hero{
      display:grid !important;
      gap:10px !important;
      justify-items:center !important;
      margin:4px 0 12px !important;
    }
    .bh-home-v5 .bh-home-wave-hero__hud{
      display:none !important;
    }
    .bh-home-v5 .preview-waveform{
      width:100% !important;
      max-width:560px !important;
      margin:12px auto 8px !important;
      opacity:.85 !important;
      filter:drop-shadow(0 0 12px rgba(200,255,0,0.25)) !important;
    }
    .bh-home-v5 .preview-waveform svg{
      display:block !important;
      width:100% !important;
      height:48px !important;
      overflow:visible !important;
    }
    .bh-home-v5 .preview-waveform path{
      stroke:rgba(200,255,0,.45) !important;
      stroke-width:2 !important;
      stroke-linecap:round !important;
      fill:none !important;
      opacity:.75 !important;
      transition:opacity .28s ease, filter .28s ease, stroke-width .28s ease !important;
    }
    .bh-home-v5 .bh-home-wave-hero.is-reactive .preview-waveform path{
      opacity:1 !important;
      filter:drop-shadow(0 0 12px rgba(200,255,0,.35)) !important;
    }
    .bh-home-v5 .bh-home-featured{
      margin-bottom:18px !important;
    }
    .bh-home-v5 .bh-home-featured-body{
      padding:18px 24px 24px !important;
      border:1px solid rgba(160,160,160,.2) !important;
      border-radius:24px !important;
      background:linear-gradient(140deg,rgba(10,10,10,.96),rgba(17,17,17,.94)) !important;
      box-shadow:0 0 25px rgba(160,160,160,.15), 0 24px 70px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.05) !important;
    }
    .bh-home-v5 .bh-home-featured-flags{
      display:flex !important;
      flex-wrap:wrap !important;
      gap:8px !important;
      margin:0 0 10px !important;
    }
    .bh-home-v5 .bh-home-featured-flag{
      display:inline-flex !important;
      align-items:center !important;
      min-height:28px !important;
      padding:0 12px !important;
      border-radius:999px !important;
      border:1px solid rgba(255,255,255,.12) !important;
      background:rgba(255,255,255,.04) !important;
      color:rgba(255,255,255,.82) !important;
      font:700 10px/1 "Space Mono",ui-monospace,monospace !important;
      letter-spacing:.12em !important;
      text-transform:uppercase !important;
    }
    .bh-home-v5 .bh-home-featured-flag.is-hot{
      color:#040404 !important;
      background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%) !important;
      border-color:transparent !important;
    }
    .bh-home-v5 .bh-home-featured-meta{
      color:var(--accent) !important;
      font-weight:700 !important;
      letter-spacing:.08em !important;
    }
    .bh-home-v5 .bh-home-featured-specs{
      margin:0 0 14px !important;
      color:rgba(230,230,230,.78) !important;
      font:700 11px/1.3 "Space Mono",ui-monospace,monospace !important;
      letter-spacing:.1em !important;
      text-transform:uppercase !important;
    }
    .bh-home-v5 .bh-home-featured .bh-home-actions{
      gap:12px !important;
      align-items:center !important;
    }
    .bh-home-v5 .bh-home-featured .bh-home-actions .bh-home-btn--primary{
      min-height:48px !important;
      padding:0 22px !important;
      border:1px solid color-mix(in srgb, var(--accent) 30%, rgba(255,255,255,.1)) !important;
      border-radius:999px !important;
      background:linear-gradient(135deg,#666666 0%, #cccccc 100%) !important;
      color:#111111 !important;
      box-shadow:0 12px 28px rgba(0,0,0,.22) !important;
      font:800 12px/1 "Space Mono",ui-monospace,monospace !important;
      letter-spacing:.14em !important;
      text-transform:uppercase !important;
    }
    .bh-home-v5 .bh-home-featured .bh-home-actions .bh-home-btn--primary:hover{
      background:linear-gradient(135deg,#999999 0%, #e0e0e0 100%) !important;
      color:#111111 !important;
      transform:translateY(-2px) !important;
      box-shadow:0 18px 36px rgba(0,0,0,.24), var(--accent-glow) !important;
    }
    .bh-home-v5 .bh-home-filterbar{
      display:flex !important;
      flex-wrap:wrap !important;
      gap:8px !important;
      margin:0 0 8px !important;
    }
    .bh-home-v5 .bh-home-filterchip{
      min-height:34px !important;
      padding:0 12px !important;
      border:1px solid rgba(255,255,255,.12) !important;
      border-radius:999px !important;
      background:rgba(255,255,255,.04) !important;
      color:rgba(255,255,255,.72) !important;
      font:700 10px/1 "Space Mono",ui-monospace,monospace !important;
      letter-spacing:.12em !important;
      text-transform:uppercase !important;
      transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease !important;
    }
    .bh-home-v5 .bh-home-filterchip:hover,
    .bh-home-v5 .bh-home-filterchip.is-active{
      border-color:color-mix(in srgb, var(--accent) 40%, transparent) !important;
      background:color-mix(in srgb, var(--accent) 14%, transparent) !important;
      color:color-mix(in srgb, white 18%, var(--accent)) !important;
      box-shadow:var(--glow) !important;
      transform:translateY(-1px) !important;
    }
    .bh-home-v5 .bh-home-trackrow{
      grid-template-columns:40px 40px minmax(0,1fr) minmax(72px,auto) !important;
      align-items:center !important;
      gap:12px !important;
      padding:12px 12px !important;
      border:1px solid rgba(255,255,255,.08) !important;
      border-radius:18px !important;
      background:linear-gradient(180deg,rgba(255,255,255,.03) 0%, rgba(255,255,255,.015) 100%) !important;
      box-shadow:0 10px 32px rgba(0,0,0,.16) !important;
      margin-bottom:10px !important;
    }
    .bh-home-v5 .bh-home-tracklist[data-bh-filter-list="beats"]{
      gap:0 !important;
      margin-top:0 !important;
    }
    .bh-home-v5 .bh-home-trackrow.is-filter-hidden{
      display:none !important;
    }
    .bh-home-v5 .bh-home-filter-empty{
      display:block !important;
      margin:8px 0 0 !important;
      color:rgba(255,255,255,.58) !important;
      font:600 11px/1.4 "Manrope",system-ui,sans-serif !important;
      letter-spacing:.08em !important;
      text-transform:uppercase !important;
    }
    .bh-home-v5 .bh-home-filter-empty[hidden]{
      display:none !important;
    }
    .bh-home-v5 .bh-home-trackrow:hover{
      transform:translateY(-2px) !important;
      border-color:color-mix(in srgb, var(--accent) 34%, transparent) !important;
      box-shadow:0 16px 36px rgba(0,0,0,.24), var(--glow) !important;
      background:linear-gradient(180deg,rgba(255,255,255,.045) 0%, rgba(255,255,255,.02) 100%) !important;
    }
    .bh-home-v5 .bh-home-trackspecs{
      margin:3px 0 0 !important;
      color:rgba(255,255,255,.3) !important;
      font:500 9px/1.3 'Manrope',system-ui,sans-serif !important;
      letter-spacing:.02em !important;
      text-transform:none !important;
    }
    .bh-home-v5 .bh-home-trackaside{
      display:flex !important;
      align-items:center !important;
      gap:10px !important;
      min-width:0 !important;
    }
    .bh-home-v5 .bh-home-trackpreview{
      display:inline-flex !important;
      align-items:center !important;
      min-height:24px !important;
      padding:0 10px !important;
      border-radius:999px !important;
      border:1px solid color-mix(in srgb, var(--accent) 24%, transparent) !important;
      background:color-mix(in srgb, var(--accent) 10%, transparent) !important;
      color:color-mix(in srgb, white 24%, var(--accent)) !important;
      font:700 9px/1 "Space Mono",ui-monospace,monospace !important;
      letter-spacing:.12em !important;
      text-transform:uppercase !important;
      white-space:nowrap !important;
    }
    .bh-home-v5 .bh-home-trackprice{
      margin:0 !important;
      color:#ffffff !important;
    }
    .bh-home-v5 .bh-app-main-player{
      bottom:108px !important;
      width:min(calc(100vw - 28px), 760px) !important;
      border-radius:24px !important;
      box-shadow:0 25px 50px rgba(0,0,0,.5) !important;
    }
    .bh-home-v5 .bh-app-main-player__wave{
      min-height:80px !important;
      padding:8px 0 6px !important;
      filter:drop-shadow(0 0 18px rgba(160,160,160,.35)) !important;
      position:relative !important;
    }
    .bh-home-v5 .bh-app-main-player__controls{
      display:flex !important;
      flex-wrap:wrap !important;
      justify-content:center !important;
      align-items:center !important;
      gap:20px !important;
      margin-top:8px !important;
    }
    .bh-home-v5 .bh-app-main-player__time{
      flex:0 0 100% !important;
      text-align:center !important;
      min-width:auto !important;
      color:#999999 !important;
      font:500 13px/1 "Space Mono",ui-monospace,monospace !important;
    }
    .bh-home-v5 .bh-app-main-player__wave wave,
    .bh-home-v5 #bh-app-main-wave{
      border-radius:0 !important;
    }
    .bh-home-v5 #bh-app-main-wave canvas{
      border-radius:0 !important;
    }
    .bh-home-v5 .bh-app-main-player__add{
      flex:0 0 100% !important;
      width:100% !important;
      min-height:52px !important;
      padding:16px 24px !important;
      border:none !important;
      border-radius:999px !important;
      background:#f1f1f1 !important;
      color:#0a0a0a !important;
      font:700 16px/1 "Space Mono",ui-monospace,monospace !important;
      letter-spacing:.08em !important;
      text-transform:uppercase !important;
      box-shadow:0 4px 15px rgba(160,160,160,.3) !important;
      transition:background .2s ease, transform .2s ease, box-shadow .2s ease !important;
      margin-top:8px !important;
      cursor:pointer !important;
    }
    .bh-home-v5 .bh-app-main-player__add:hover{
      background:#cccccc !important;
      box-shadow:0 6px 20px rgba(160,160,160,.4) !important;
      transform:translateY(-2px) !important;
    }
    .bh-home-v5 .bh-app-main-player__add:disabled{
      opacity:.4 !important;
      box-shadow:none !important;
      cursor:not-allowed !important;
    }
    .bh-home-v5 .bh-app-main-player.is-collapsed{
      width:min(calc(100vw - 28px), 420px) !important;
      padding:12px 14px !important;
    }
    .bh-home-v5 .bh-app-main-player.is-collapsed .bh-app-main-player__wave,
    .bh-home-v5 .bh-app-main-player.is-collapsed .js-app-player-prev,
    .bh-home-v5 .bh-app-main-player.is-collapsed .js-app-player-next,
    .bh-home-v5 .bh-app-main-player.is-collapsed .bh-app-main-player__time,
    .bh-home-v5 .bh-app-main-player.is-collapsed .bh-app-main-player__add{
      display:none !important;
    }
    .bh-home-v5 .bh-app-main-player.is-collapsed .bh-app-main-player__head{
      display:grid !important;
      grid-template-columns:40px minmax(0,1fr) auto !important;
      align-items:center !important;
      gap:10px !important;
      margin:0 !important;
    }
    .bh-home-v5 .bh-app-main-player.is-collapsed .bh-app-main-player__controls{
      display:flex !important;
      justify-content:flex-end !important;
      margin-top:0 !important;
    }
    .bh-home-v5 .bh-app-main-player.is-collapsed .bh-app-main-player__btn--play{
      width:42px !important;
      height:42px !important;
      min-width:42px !important;
      min-height:42px !important;
    }
    .bh-home-v5 .bh-app-main-player.is-collapsed .bh-app-main-player__btn{
      width:auto !important;
      height:auto !important;
      min-width:auto !important;
      min-height:auto !important;
    }
    .bh-home-v5 .bh-dock-nav{
      padding:8px 12px !important;
      gap:4px !important;
      border-top:1px solid rgba(255,255,255,.06) !important;
      overscroll-behavior:contain !important;
      touch-action:manipulation !important;
      -webkit-user-select:none !important;
      user-select:none !important;
    }
    .bh-home-v5 .bh-dock-item{
      width:auto !important;
      height:auto !important;
      min-width:56px !important;
      min-height:48px !important;
      display:flex !important;
      flex-direction:column !important;
      align-items:center !important;
      justify-content:center !important;
      gap:4px !important;
      padding:6px 8px !important;
      font-size:17px !important;
      border-radius:12px !important;
      touch-action:manipulation !important;
    }
    .bh-home-v5 .bh-dock-item.active{
      background:rgba(255,255,255,.08) !important;
    }
    .bh-home-v5 .bh-dock-item__label{
      display:block !important;
      font:600 8px/1 "Manrope",system-ui,sans-serif !important;
      letter-spacing:.06em !important;
      text-transform:uppercase !important;
      color:inherit !important;
      white-space:nowrap !important;
      opacity:.85 !important;
    }
    .bh-home-v5 .bh-dock-item.active .bh-dock-item__label{
      opacity:1 !important;
    }
    .bh-home-v5 .bh-dock-badge{
      top:2px !important;
      right:6px !important;
    }

    /* ── Quick Checkout ── */
    .bh-qc{
      max-width:420px;
      margin:0 auto;
      padding:20px 16px 24px;
      overflow:visible !important;
    }
    /* Header: title left, card icons right */
    .bh-qc__header{
      display:flex;
      align-items:center;
      justify-content:space-between;
      margin-bottom:16px;
      gap:12px;
    }
    .bh-qc__header-txt{
      flex:1;
      min-width:0;
    }
    .bh-qc__title{
      font:700 18px/1.1 'Manrope',system-ui,sans-serif !important;
      color:#fff !important;
      margin:0 0 3px !important;
    }
    .bh-qc__subtitle{
      font:500 11px/1 'Manrope',system-ui,sans-serif !important;
      color:rgba(255,255,255,.35) !important;
      margin:0 !important;
    }
    /* Card brand icons */
    .bh-qc__header-cards{
      display:flex;
      gap:4px;
      flex-shrink:0;
    }
    .bh-qc__card-icon{
      width:32px;
      height:20px;
      border-radius:3px;
      display:block;
      outline:1px solid rgba(255,255,255,.12);
      overflow:hidden;
      flex-shrink:0;
    }
    /* Order summary box */
    .bh-qc__summary{
      background:rgba(255,255,255,.04);
      border:1px solid rgba(255,255,255,.08);
      border-radius:10px;
      padding:12px 14px;
      margin-bottom:18px;
    }
    .bh-qc__summary-row{
      display:flex;
      align-items:center;
      justify-content:space-between;
      font:400 12px/1.4 'Manrope',system-ui,sans-serif;
      color:rgba(255,255,255,.45);
    }
    .bh-qc__summary-row + .bh-qc__summary-row{
      margin-top:8px;
      padding-top:8px;
      border-top:1px solid rgba(255,255,255,.06);
    }
    .bh-qc__summary-label{
      text-transform:uppercase;
      font-size:10px;
      letter-spacing:.06em;
    }
    .bh-qc__summary-val{
      color:rgba(255,255,255,.7);
      text-align:right;
      max-width:60%;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }
    .bh-qc__summary-total{
      font-weight:600;
      color:rgba(255,255,255,.6);
    }
    .bh-qc__summary-amount{
      font:700 15px/1 'Manrope',system-ui,sans-serif;
      color:#fff;
    }
    /* Loading shimmer for amount */
    @keyframes bhAmtShimmer{
      0%{opacity:.2} 50%{opacity:.5} 100%{opacity:.2}
    }
    .bh-qc__amount-loading{
      display:inline-block;
      width:52px;
      height:14px;
      border-radius:4px;
      background:rgba(255,255,255,.15);
      animation:bhAmtShimmer 1.2s ease-in-out infinite;
      vertical-align:middle;
    }
    /* Section labels */
    .bh-qc__section-label{
      font:600 10px/1 'Manrope',system-ui,sans-serif !important;
      color:rgba(255,255,255,.3) !important;
      text-transform:uppercase;
      letter-spacing:.08em;
      margin:0 0 10px !important;
    }
    /* Fields */
    .bh-qc__fields{
      display:grid;
      gap:10px;
      margin-bottom:16px;
    }
    .bh-qc__fields--2col{
      grid-template-columns:1fr 1fr;
    }
    .bh-qc__field label{
      display:block;
      font:500 11px/1 'Manrope',system-ui,sans-serif;
      color:rgba(255,255,255,.4);
      margin-bottom:5px;
    }
    .bh-qc__optional{
      opacity:.5;
    }
    .bh-qc__field input{
      width:100%;
      padding:10px 12px;
      border:1px solid rgba(255,255,255,.1) !important;
      border-radius:8px !important;
      background:#0c0c0c !important;
      color:#f4f4f5 !important;
      font:400 13px/1.2 'Manrope',system-ui,sans-serif !important;
      outline:none;
      transition:border-color .15s ease, box-shadow .15s ease;
      box-sizing:border-box;
    }
    .bh-qc__field input:focus{
      border-color:rgba(255,255,255,.3) !important;
      box-shadow:0 0 0 2px rgba(255,255,255,.06) !important;
    }
    .bh-qc__field input::placeholder{
      color:rgba(255,255,255,.18) !important;
    }
    /* Kill Chrome/Safari autofill white background */
    .bh-qc__field input:-webkit-autofill,
    .bh-qc__field input:-webkit-autofill:hover,
    .bh-qc__field input:-webkit-autofill:focus,
    .bh-qc__field input:-webkit-autofill:active{
      -webkit-box-shadow:0 0 0 1000px #0c0c0c inset !important;
      box-shadow:0 0 0 1000px #0c0c0c inset !important;
      -webkit-text-fill-color:#f4f4f5 !important;
      caret-color:#f4f4f5 !important;
      transition:background-color 5000s ease-in-out 0s !important;
    }
    /* Stripe hint text */
    .bh-qc__hint{
      padding:16px 0 8px;
      color:rgba(255,255,255,.3);
      font:400 12px/1.4 'Manrope',system-ui,sans-serif;
      text-align:center;
    }
    /* Ensure checkout mount container doesn't clip Stripe element */
    .bh-cart-checkout-mount,
    #bh-cart-checkout-mount,
    #bh-home-app-stage .js-bh-stage-body.is-checkout-module,
    #bh-home-app-stage .js-bh-stage-body.is-cart-module.is-checkout-module{
      overflow:visible !important;
      max-height:none !important;
    }
    /* Stripe Payment Element — let Stripe's own JS-driven height control the size.
       Only enforce width + visibility; no height overrides (those caused gaps). */
    .bh-qc__stripe{
      margin-bottom:14px;
      display:block !important;
      width:100% !important;
      position:relative !important;
      overflow:visible !important;
      max-height:none !important;
    }
    .bh-qc__stripe .__PrivateStripeElement{
      width:100% !important;
      display:block !important;
      position:static !important;
      overflow:visible !important;
      max-height:none !important;
    }
    .bh-qc__stripe iframe,
    .bh-qc__stripe .__PrivateStripeElement iframe{
      width:100% !important;
      border:0 !important;
      display:block !important;
      opacity:1 !important;
      visibility:visible !important;
      position:relative !important;
      z-index:1 !important;
      max-height:none !important;
    }
    .bh-qc__error{
      padding:10px 12px;
      border-radius:8px;
      background:rgba(239,68,68,.1);
      border:1px solid rgba(239,68,68,.2);
      color:#ef4444;
      font:500 12px/1.4 'Manrope',system-ui,sans-serif;
      margin-bottom:12px;
    }
    /* Pay button */
    .bh-qc__pay{
      width:100%;
      min-height:50px;
      border:0 !important;
      border-radius:12px !important;
      background:#fff !important;
      color:#000 !important;
      font:700 14px/1 'Manrope',system-ui,sans-serif !important;
      cursor:pointer;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      transition:opacity .15s ease, transform .1s ease;
      letter-spacing:.01em;
    }
    .bh-qc__pay:disabled{
      opacity:.4;
      cursor:not-allowed;
    }
    .bh-qc__pay:hover:not(:disabled){
      opacity:.93;
    }
    .bh-qc__pay:active:not(:disabled){
      transform:scale(.99);
    }
    .bh-qc__pay-lock{
      font-size:11px;
      opacity:.6;
    }
    /* Footer trust row */
    .bh-qc__footer{
      display:flex;
      align-items:center;
      justify-content:center;
      gap:5px;
      margin-top:14px;
      color:rgba(255,255,255,.22);
      font:400 10px/1 'Manrope',system-ui,sans-serif;
    }
    .bh-qc__footer-icon{
      font-size:10px;
    }
    .bh-qc__stripe-logo{
      width:38px;
      height:16px;
      display:inline-block;
      vertical-align:middle;
      position:relative;
      top:-1px;
      flex-shrink:0;
    }
    .bh-qc__stripe-logo path{
      fill:rgba(255,255,255,.55) !important;
    }
    /* Success state */
    .bh-qc--success{
      text-align:center;
      padding:48px 16px 32px;
    }
    .bh-qc__success-icon{
      width:60px;
      height:60px;
      border-radius:999px;
      background:rgba(255,255,255,.07);
      border:1px solid rgba(255,255,255,.12);
      color:#fff;
      font-size:22px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      margin-bottom:18px;
    }
    .bh-qc--success h3{
      font:700 20px/1.2 'Manrope',system-ui,sans-serif !important;
      color:#fff !important;
      margin:0 0 10px !important;
    }
    .bh-qc--success p{
      color:rgba(255,255,255,.5) !important;
      font:400 13px/1.5 'Manrope',system-ui,sans-serif !important;
      margin:0 0 5px !important;
    }
    .bh-qc__success-sub{
      margin-top:8px !important;
      font-size:12px !important;
      color:rgba(255,255,255,.35) !important;
    }
    .bh-qc__done{
      margin-top:24px;
      min-height:40px;
      padding:0 28px;
      border:1px solid rgba(255,255,255,.15) !important;
      border-radius:999px !important;
      background:transparent !important;
      color:#fff !important;
      font:600 12px/1 'Manrope',system-ui,sans-serif !important;
      cursor:pointer;
      transition:background .15s ease;
    }
    .bh-qc__done:hover{
      background:rgba(255,255,255,.07) !important;
    }
    .bh-qc__downloads{
      display:flex;
      flex-direction:column;
      gap:8px;
      margin:16px auto 0;
      max-width:280px;
    }
    .bh-qc__dl-btn{
      display:flex;
      align-items:center;
      justify-content:center;
      height:40px;
      padding:0 20px;
      background:rgba(200,255,0,.12);
      border:1px solid rgba(200,255,0,.3);
      border-radius:999px;
      color:#C8FF00;
      font:600 12px/1 'Manrope',system-ui,sans-serif;
      text-decoration:none;
      transition:background .15s,border-color .15s;
    }
    .bh-qc__dl-btn:hover{
      background:rgba(200,255,0,.22);
      border-color:rgba(200,255,0,.5);
      color:#F5B84A;
    }

    /* ── Floating Hamburger (hidden — now integrated into dock) ── */
    .bh-hamburger{
      display:none !important;
    }

    /* ══════════════════════════════════════════════════════════
       SLIDE MENU · premium redesign
       - Full-width edge panel on mobile (feels like iOS sheet).
       - Constrained card on desktop (400px, centered under nav).
       - Avatar with gradient halo, structured greeting, section
         labels, left-accent bar on items, smoother entrance.
    ══════════════════════════════════════════════════════════ */
    /* ── Backdrop ── */
    .bh-slide-backdrop{
      position:fixed !important;
      inset:0 !important;
      z-index:9999 !important;
      background:rgba(4,3,8,.72) !important;
      backdrop-filter:blur(18px) saturate(120%) !important;
      -webkit-backdrop-filter:blur(18px) saturate(120%) !important;
      opacity:0 !important;
      transition:opacity .28s ease !important;
      pointer-events:none !important;
    }
    .bh-slide-backdrop.is-open{opacity:1 !important;pointer-events:auto !important}

    /* ── Slide menu — full-page overlay v7 ── */
    .bh-slide-menu{
      position:fixed !important;
      inset:0 !important;
      top:54px !important;
      left:0 !important;right:0 !important;bottom:0 !important;
      width:100% !important;max-width:none !important;
      max-height:none !important;height:auto !important;
      z-index:10000 !important;
      background:rgba(8,7,14,.98) !important;
      border-radius:0 !important;
      border-top:1px solid rgba(200,255,0,.12) !important;
      border-left:0 !important;border-right:0 !important;border-bottom:0 !important;
      box-shadow:none !important;
      backdrop-filter:none !important;
      -webkit-backdrop-filter:none !important;
      display:flex !important;
      flex-direction:column !important;
      opacity:0 !important;
      pointer-events:none !important;
      transform:translateX(100%) !important;
      transition:transform .34s cubic-bezier(.2,.8,.2,1), opacity .2s ease !important;
      overflow-x:hidden !important;
      overflow-y:auto !important;
      overscroll-behavior:contain !important;
      padding:0 !important;
    }
    .bh-slide-menu.is-open{
      opacity:1 !important;
      pointer-events:auto !important;
      transform:translateX(0) !important;
    }
    .bh-slide-menu::before{content:none !important;}
    .bh-slide-menu::after{content:none !important;}

    /* ── Head ── */
    .bh-slide-menu__head{
      position:relative !important;
      z-index:1 !important;
      display:flex !important;
      align-items:center !important;
      gap:14px !important;
      padding:18px 24px 16px !important;
      flex-shrink:0 !important;
      overflow:hidden !important;
      border-bottom:1px solid rgba(255,255,255,.06) !important;
    }
    .bh-slide-menu__head::after{content:none !important;}
    .bh-slide-menu__avatar{
      width:44px !important;height:44px !important;
      border-radius:10px !important;object-fit:cover !important;
      flex-shrink:0 !important;border:0 !important;
      outline:2px solid rgba(200,255,0,.4) !important;
      outline-offset:2px !important;
      box-shadow:0 6px 20px rgba(0,0,0,.5) !important;
    }
    .bh-slide-menu__name{
      margin:0 0 4px !important;color:#f0ebe1 !important;
      font:700 15px/1 "Manrope",system-ui,sans-serif !important;
      letter-spacing:-.02em !important;
    }
    .bh-slide-menu__role{
      display:inline-flex !important;align-items:center !important;
      margin:0 !important;padding:2px 7px !important;
      background:rgba(200,255,0,.1) !important;
      border:1px solid rgba(200,255,0,.2) !important;
      border-radius:3px !important;color:#d4880f !important;
      font:700 8px/1 "Space Mono",monospace !important;
      letter-spacing:.22em !important;text-transform:uppercase !important;
    }

    /* ── Two-column grid ── */
    .bh-fullmenu-body{
      display:grid !important;
      grid-template-columns:1fr 1fr !important;
      flex:1 !important;
    }
    .bh-fullmenu-col{
      padding:24px 24px 32px !important;
      display:flex !important;flex-direction:column !important;gap:24px !important;
    }
    .bh-fullmenu-col:first-child{border-right:1px solid rgba(255,255,255,.04) !important;}
    .bh-fullmenu-sec-lbl{
      font:700 9px/1 "Space Mono",monospace !important;
      letter-spacing:.2em !important;text-transform:uppercase !important;
      color:rgba(200,255,0,.5) !important;
      padding-bottom:10px !important;
      border-bottom:1px solid rgba(255,255,255,.05) !important;
      margin-bottom:4px !important;
    }

    /* ── Item base ── */
    .bh-slide-menu__item{
      display:flex !important;align-items:center !important;
      gap:12px !important;padding:10px 12px !important;
      border:0 !important;border-radius:10px !important;
      background:transparent !important;
      color:rgba(240,235,225,.62) !important;
      font:500 13px/1.2 "Manrope",system-ui,sans-serif !important;
      text-align:left !important;text-decoration:none !important;
      cursor:pointer !important;-webkit-appearance:none !important;appearance:none !important;
      transition:background .15s ease, color .13s ease !important;
      width:100% !important;box-shadow:none !important;box-sizing:border-box !important;
    }
    .bh-slide-menu__item i{
      width:28px !important;height:28px !important;
      display:flex !important;align-items:center !important;justify-content:center !important;
      flex-shrink:0 !important;font-size:13px !important;
      border-radius:7px !important;
      background:rgba(255,255,255,.05) !important;
      color:rgba(200,255,0,.7) !important;
      transition:background .15s ease, color .13s ease !important;
    }
    .bh-slide-menu__item span{flex:1 !important;min-width:0 !important;}
    @media(hover:hover){
      .bh-slide-menu__item:hover{
        background:rgba(255,255,255,.055) !important;color:#f0ebe1 !important;
      }
      .bh-slide-menu__item:hover i{
        background:rgba(200,255,0,.15) !important;color:#f5a832 !important;
      }
    }
    .bh-slide-menu__item:active{transform:scale(.985) !important;}

    .bh-slide-menu__item--primary{
      background:rgba(200,255,0,.1) !important;color:#f5a832 !important;
      font-weight:600 !important;border:1px solid rgba(200,255,0,.16) !important;
    }
    .bh-slide-menu__item--primary i{background:rgba(200,255,0,.18) !important;color:#f5a832 !important;}
    .bh-slide-menu__item--admin{color:rgba(240,235,225,.5) !important;}
    .bh-slide-menu__item--danger{color:rgba(255,255,255,.3) !important;}
    .bh-slide-menu__item--danger i{color:rgba(239,68,68,.4) !important;background:rgba(239,68,68,.07) !important;}
    @media(hover:hover){
      .bh-slide-menu__item--danger:hover{color:#ef4444 !important;background:rgba(239,68,68,.07) !important;}
    }

    /* Section badge */
    .bh-slide-menu__badge{
      margin-left:auto !important;min-width:18px !important;height:18px !important;
      padding:0 6px !important;border-radius:99px !important;
      background:rgba(200,255,0,.15) !important;color:#f5a832 !important;
      font:700 9px/18px "Space Mono",monospace !important;text-align:center !important;
    }

    /* Admin tools row */
    .bh-fullmenu-admin-row{
      display:flex !important;flex-wrap:wrap !important;gap:4px !important;
      padding:12px 24px 16px !important;
      border-top:1px solid rgba(255,255,255,.04) !important;
    }
    .bh-fullmenu-admin-row .bh-slide-menu__item{
      width:auto !important;flex:0 0 auto !important;
      padding:6px 12px !important;font-size:11px !important;
      border:1px solid rgba(255,255,255,.06) !important;border-radius:8px !important;
    }

    /* Footer */
    .bh-fullmenu-footer{
      padding:12px 24px !important;
      border-top:1px solid rgba(255,255,255,.05) !important;
      display:flex !important;flex-wrap:wrap !important;gap:6px !important;align-items:center !important;
    }
    .bh-slide-menu__foot{display:none !important;}

    /* Separator (legacy) */
    .bh-slide-menu__sep{
      height:1px !important;background:rgba(255,255,255,.05) !important;margin:6px 0 !important;
    }
    .bh-slide-menu__sep[data-label]{
      height:auto !important;background:none !important;margin:10px 0 2px !important;padding:0 !important;
      font:700 9px/1 "Space Mono",monospace !important;letter-spacing:.2em !important;
      text-transform:uppercase !important;color:rgba(200,255,0,.45) !important;
    }
    .bh-slide-menu__sep[data-label]::before{content:attr(data-label) !important;display:block !important;}

    /* Close button */
    .bh-menu-close-btn{
      position:absolute !important;top:14px !important;right:16px !important;
      background:rgba(255,255,255,.06) !important;border:1px solid rgba(255,255,255,.1) !important;
      color:rgba(255,255,255,.5) !important;width:30px !important;height:30px !important;
      border-radius:8px !important;cursor:pointer !important;
      display:flex !important;align-items:center !important;justify-content:center !important;
      font-size:15px !important;line-height:1 !important;z-index:2 !important;
      transition:all .15s !important;
    }

    /* ── Mobile: stack columns ── */
    @media(max-width:680px){
      .bh-fullmenu-body{grid-template-columns:1fr !important;}
      .bh-fullmenu-col:first-child{border-right:none !important;border-bottom:1px solid rgba(255,255,255,.04) !important;padding-bottom:16px !important;}
      .bh-fullmenu-col,.bh-fullmenu-footer,.bh-fullmenu-admin-row{padding-left:16px !important;padding-right:16px !important;}
      .bh-slide-menu{top:52px !important;}
      .bh-slide-menu__head{padding:14px 16px 12px !important;}
    }

    /* ── Section color identities (override liquid-crystal defaults) ── */
    .bh-fullmenu-sec--browse .bh-fullmenu-sec-lbl{color:#C8FF00!important;}
    .bh-fullmenu-sec--browse .bh-slide-menu__item i{color:#C8FF00!important;background:rgba(200,255,0,.09)!important;}
    @media(hover:hover){.bh-fullmenu-sec--browse .bh-slide-menu__item:hover i{color:#7dd3fc!important;background:rgba(200,255,0,.16)!important;}}
    .bh-fullmenu-sec--explore .bh-fullmenu-sec-lbl{color:#34d399!important;}
    .bh-fullmenu-sec--explore .bh-slide-menu__item i{color:#34d399!important;background:rgba(52,211,153,.09)!important;}
    @media(hover:hover){.bh-fullmenu-sec--explore .bh-slide-menu__item:hover i{color:#6ee7b7!important;background:rgba(52,211,153,.16)!important;}}
    .bh-fullmenu-sec--account .bh-fullmenu-sec-lbl{color:#a78bfa!important;}
    .bh-fullmenu-sec--account .bh-slide-menu__item i{color:#a78bfa!important;background:rgba(167,139,250,.09)!important;}
    @media(hover:hover){.bh-fullmenu-sec--account .bh-slide-menu__item:hover i{color:#c4b5fd!important;background:rgba(167,139,250,.16)!important;}}
    .bh-fullmenu-sec--account .bh-slide-menu__item--primary i{color:#C8FF00!important;background:rgba(200,255,0,.14)!important;}
    .bh-fullmenu-sec--create .bh-fullmenu-sec-lbl{color:#fb923c!important;}
    .bh-fullmenu-sec--create .bh-slide-menu__item i{color:#fb923c!important;background:rgba(251,146,60,.09)!important;}
    @media(hover:hover){.bh-fullmenu-sec--create .bh-slide-menu__item:hover i{color:#fdba74!important;background:rgba(251,146,60,.16)!important;}}

    /* ── Profile Menu ── */
    .bh-profile-menu{
      margin:0 0 20px !important;
      padding:0 !important;
    }
    .bh-profile-menu__head{
      margin:0 0 14px !important;
    }
    .bh-profile-menu__greeting{
      margin:0 !important;
      color:rgba(255,255,255,.5) !important;
      font:500 13px/1.3 "Manrope",system-ui,sans-serif !important;
    }
    .bh-profile-menu__greeting strong{
      color:#f4f4f5 !important;
      font-weight:700 !important;
    }
    .bh-profile-menu__grid{
      display:grid !important;
      grid-template-columns:repeat(3,minmax(0,1fr)) !important;
      gap:8px !important;
    }
    .bh-profile-menu__item{
      display:flex !important;
      flex-direction:column !important;
      align-items:center !important;
      justify-content:center !important;
      gap:6px !important;
      padding:14px 8px !important;
      min-height:72px !important;
      border:1px solid rgba(255,255,255,.07) !important;
      border-radius:0 !important;
      background:rgba(255,255,255,.025) !important;
      color:rgba(255,255,255,.55) !important;
      font:600 10px/1.2 "Manrope",system-ui,sans-serif !important;
      letter-spacing:.04em !important;
      text-transform:uppercase !important;
      text-decoration:none !important;
      cursor:pointer !important;
      transition:all .18s ease !important;
      -webkit-appearance:none !important;
      appearance:none !important;
      box-shadow:none !important;
    }
    .bh-profile-menu__item i{
      font-size:16px !important;
      opacity:.8 !important;
      transition:transform .16s ease !important;
    }
    .bh-profile-menu__item:hover{
      background:rgba(255,255,255,.05) !important;
      border-color:rgba(255,255,255,.12) !important;
      color:rgba(255,255,255,.8) !important;
    }
    .bh-profile-menu__item:hover i{
      transform:translateY(-1px) !important;
    }
    .bh-profile-menu__item.is-active{
      background:rgba(255,255,255,.06) !important;
      border-color:rgba(160,160,160,.22) !important;
      color:#f4f4f5 !important;
    }
    .bh-profile-menu__item.is-active i{
      opacity:1 !important;
    }
    .bh-profile-menu__item--danger{
      color:rgba(136,136,136,.6) !important;
    }
    .bh-profile-menu__item--danger:hover{
      color:rgba(136,136,136,.85) !important;
      border-color:rgba(136,136,136,.15) !important;
      background:rgba(136,136,136,.04) !important;
    }
    .bh-profile-menu__content{
      min-height:200px !important;
    }

    /* ── Heart / Favorite button ── */
    .bh-home-fav{
      -webkit-appearance:none !important;appearance:none !important;
      border:none !important;background:transparent !important;box-shadow:none !important;
      color:rgba(255,255,255,.25) !important;font-size:15px !important;
      cursor:pointer !important;padding:4px !important;transition:color .18s ease,transform .25s cubic-bezier(.34,1.56,.64,1) !important;
    }
    .bh-home-fav:hover{color:rgba(239,68,68,.6) !important;transform:scale(1.2) !important}
    .bh-home-fav.is-fav,.bh-home-fav.is-fav:hover{color:#ef4444 !important;text-shadow:0 0 12px rgba(239,68,68,.4) !important}
    .js-player-fav{font-size:16px !important;transition:color .18s ease,transform .25s cubic-bezier(.34,1.56,.64,1) !important}
    .js-player-fav.is-fav,.js-player-fav.is-fav:hover{color:#ef4444 !important;text-shadow:0 0 12px rgba(239,68,68,.4) !important}
    .js-player-fav:hover{color:rgba(239,68,68,.6) !important;transform:scale(1.2) !important}
    .js-player-fav:disabled{opacity:.3 !important;pointer-events:none !important}
    /* Player add-to-cart */
    .bst-gp-add.js-app-player-add{
      width:auto !important;padding:0 12px !important;min-height:32px !important;
      border-radius:8px !important;border:1px solid rgba(255,255,255,.2) !important;
      background:rgba(255,255,255,.08) !important;
      color:var(--accent-light) !important;font-size:10px !important;
      transition:all .18s ease !important;
    }
    .bst-gp-add.js-app-player-add:hover{
      background:rgba(255,255,255,.15) !important;border-color:rgba(255,255,255,.35) !important;color:#fff !important;
      box-shadow:0 0 14px rgba(255,255,255,.15) !important;
    }
    .bst-gp-add.js-app-player-add:disabled{opacity:.25 !important;pointer-events:none !important}
    .bst-gp-add.js-app-player-add svg{width:14px !important;height:14px !important}

    /* ── Profile section styles ── */
    .bh-pm-section{padding:0}
    .bh-pm-section__label{
      margin:0 0 12px !important;color:rgba(255,255,255,.4) !important;
      font:700 10px/1 "Space Mono",ui-monospace,monospace !important;
      letter-spacing:.14em !important;text-transform:uppercase !important;
    }

    /* Orders — card style */
    .bh-pm-order-card{
      padding:12px !important;margin-bottom:6px !important;
      border:1px solid rgba(255,255,255,.06) !important;border-radius:10px !important;
      background:rgba(255,255,255,.02) !important;
    }
    .bh-pm-order-top{
      display:flex !important;justify-content:space-between !important;align-items:center !important;
      margin-bottom:4px !important;
    }
    .bh-pm-order-id{font:700 12px/1 "Manrope",system-ui,sans-serif !important;color:#f4f4f5 !important}
    .bh-pm-order-date{font:500 11px/1 "Manrope",system-ui,sans-serif !important;color:rgba(255,255,255,.35) !important}
    .bh-pm-order-products{
      font:600 13px/1.3 "Manrope",system-ui,sans-serif !important;color:rgba(255,255,255,.7) !important;
      margin-bottom:6px !important;
    }
    .bh-pm-order-bottom{
      display:flex !important;justify-content:space-between !important;align-items:center !important;
    }
    .bh-pm-order-status{
      font:600 10px/1 "Manrope",system-ui,sans-serif !important;
      text-transform:uppercase !important;letter-spacing:.06em !important;
      color:rgba(255,255,255,.4) !important;
      padding:3px 8px !important;border-radius:6px !important;background:rgba(255,255,255,.04) !important;
    }
    .bh-pm-order-total{font:700 13px/1 "Manrope",system-ui,sans-serif !important;color:#f4f4f5 !important}

    /* Cart empty — favorites section */
    .bh-cart-fav-section{margin-top:16px !important}
    .bh-cart-fav-list{display:grid !important;gap:2px !important}
    .bh-cart-fav-item{
      display:flex !important;align-items:center !important;gap:10px !important;
      padding:10px 8px !important;border-bottom:1px solid rgba(255,255,255,.04) !important;
    }
    .bh-cart-fav-open{
      -webkit-appearance:none !important;appearance:none !important;
      border:none !important;background:transparent !important;box-shadow:none !important;
      flex:1 !important;min-width:0 !important;display:grid !important;gap:1px !important;
      cursor:pointer !important;padding:0 !important;text-align:left !important;
    }
    .bh-cart-fav-title{color:#f4f4f5 !important;font:700 13px/1.2 "Manrope",system-ui,sans-serif !important}
    .bh-cart-fav-open:hover .bh-cart-fav-title{color:#fff !important}
    .bh-cart-fav-author{color:rgba(255,255,255,.35) !important;font:600 10px/1 "Manrope",system-ui,sans-serif !important;text-transform:uppercase !important;letter-spacing:.04em !important}
    .bh-cart-fav-price{color:rgba(255,255,255,.5) !important;font:600 11px/1 "Manrope",system-ui,sans-serif !important;white-space:nowrap !important}
    .bh-cart-fav-add{
      -webkit-appearance:none !important;appearance:none !important;
      width:28px !important;height:28px !important;min-width:28px !important;
      border-radius:6px !important;border:1px solid rgba(255,255,255,.15) !important;
      background:rgba(255,255,255,.06) !important;color:#eee !important;
      font:700 16px/1 "Manrope",system-ui,sans-serif !important;
      cursor:pointer !important;display:flex !important;align-items:center !important;justify-content:center !important;
      padding:0 !important;transition:background .15s ease,border-color .15s ease !important;
      flex-shrink:0 !important;
    }
    .bh-cart-fav-add:hover{background:rgba(255,255,255,.12) !important;border-color:rgba(255,255,255,.3) !important}
    .bh-cart-fav-add:disabled{opacity:.5 !important;cursor:default !important}

    /* Favorites list */
    .bh-pm-fav-list{display:grid !important;gap:2px !important}
    .bh-pm-fav-item{
      display:flex !important;align-items:center !important;gap:12px !important;
      padding:12px 10px !important;border-bottom:1px solid rgba(255,255,255,.05) !important;
    }
    .bh-pm-fav-info{flex:1 !important;min-width:0 !important;display:grid !important;gap:2px !important}
    .bh-pm-fav-title{color:#f4f4f5 !important;font:700 14px/1.2 "Manrope",system-ui,sans-serif !important}
    .bh-pm-fav-author{color:rgba(255,255,255,.4) !important;font:600 11px/1 "Manrope",system-ui,sans-serif !important;text-transform:uppercase !important;letter-spacing:.04em !important}
    .bh-pm-fav-price{color:rgba(255,255,255,.6) !important;font:600 12px/1 "Manrope",system-ui,sans-serif !important;white-space:nowrap !important}
    .bh-pm-fav-open{
      -webkit-appearance:none !important;appearance:none !important;
      border:none !important;background:transparent !important;box-shadow:none !important;
      display:flex !important;align-items:center !important;gap:10px !important;flex:1 !important;min-width:0 !important;
      cursor:pointer !important;padding:0 !important;text-align:left !important;
    }
    .bh-pm-fav-open:hover .bh-pm-fav-title{color:#fff !important}
    .bh-pm-fav-remove{
      -webkit-appearance:none !important;appearance:none !important;
      border:none !important;background:transparent !important;box-shadow:none !important;
      color:rgba(255,255,255,.25) !important;font-size:14px !important;cursor:pointer !important;
      padding:4px 6px !important;transition:color .18s ease !important;
    }
    .bh-pm-fav-remove:hover{color:#888888 !important}

    /* Settings form */
    .bh-pm-settings-form{display:grid !important;gap:14px !important}
    .bh-pm-settings-form label{display:grid !important;gap:5px !important}
    .bh-pm-settings-form label span{
      color:rgba(255,255,255,.5) !important;font:600 10px/1 "Manrope",system-ui,sans-serif !important;
      letter-spacing:.06em !important;text-transform:uppercase !important;
    }
    .bh-pm-settings-form input,.bh-pm-settings-form textarea{
      width:100% !important;padding:10px 14px !important;
      background:rgba(255,255,255,.04) !important;border:1px solid rgba(255,255,255,.08) !important;
      border-radius:10px !important;color:#f4f4f5 !important;
      font:500 14px/1.4 "Manrope",system-ui,sans-serif !important;outline:none !important;
      transition:border-color .18s ease !important;
    }
    .bh-pm-settings-form input:focus,.bh-pm-settings-form textarea:focus{
      border-color:rgba(255,255,255,.2) !important;
    }
    .bh-pm-settings-form input::placeholder,.bh-pm-settings-form textarea::placeholder{
      color:rgba(255,255,255,.2) !important;
    }
    .bh-pm-settings-actions{margin-top:4px !important}
    .bh-pm-settings-save{
      width:100% !important;min-height:44px !important;padding:0 18px !important;
      border:none !important;border-radius:10px !important;
      background:linear-gradient(135deg,#e0e0e0 0%,#cccccc 100%) !important;
      color:#111111 !important;font:800 12px/1 "Manrope",system-ui,sans-serif !important;
      letter-spacing:.08em !important;text-transform:uppercase !important;
      cursor:pointer !important;transition:all .2s ease !important;
    }
    .bh-pm-settings-save:hover{background:linear-gradient(135deg,#f0f0f0 0%,#e0e0e0 100%) !important}
    .bh-pm-settings-save:disabled{opacity:.5 !important;cursor:not-allowed !important}
    .bh-pm-settings-msg{
      padding:10px 14px !important;border-radius:10px !important;font:600 12px/1.4 "Manrope",system-ui,sans-serif !important;
    }
    .bh-pm-settings-msg.is-ok{background:rgba(255,255,255,.08) !important;border:1px solid rgba(255,255,255,.2) !important;color:#d4d4d4 !important}
    .bh-pm-settings-msg.is-err{background:rgba(136,136,136,.08) !important;border:1px solid rgba(136,136,136,.2) !important;color:#aaaaaa !important}
    .bh-pm-settings-msg[hidden]{display:none !important}

    /* ── Normalize form colors globally in app stage ── */
    #bh-home-app-stage input,#bh-home-app-stage select,#bh-home-app-stage textarea{
      background:rgba(255,255,255,.04) !important;
      border:1px solid rgba(255,255,255,.08) !important;
      border-radius:10px !important;color:#f4f4f5 !important;
      font-family:"Manrope",system-ui,sans-serif !important;
    }
    #bh-home-app-stage input:focus,#bh-home-app-stage select:focus,#bh-home-app-stage textarea:focus{
      border-color:rgba(255,255,255,.2) !important;outline:none !important;
    }
    #bh-home-app-stage label{color:rgba(255,255,255,.6) !important}

    .bh-profile-menu__orders .woocommerce-MyAccount-content{
      color:rgba(255,255,255,.8) !important;
    }
    .bh-profile-menu__orders .woocommerce-MyAccount-content a{
      color:#f4f4f5 !important;
    }

    /* ── Mastering page inside app stage ── */
    #bh-home-app-stage .bh-service-page{
      padding:0 !important;margin:0 !important;background:transparent !important;border:none !important;
    }
    #bh-home-app-stage .bh-service-container{
      max-width:100% !important;padding:12px 8px !important;
    }
    #bh-home-app-stage .bh-service-page .bh-service-icon{
      width:36px !important;height:36px !important;margin:0 0 8px !important;
    }
    #bh-home-app-stage .bh-service-page .bh-badge{
      display:inline-block !important;padding:3px 10px !important;
      border:1px solid rgba(255,255,255,.08) !important;border-radius:6px !important;
      background:rgba(255,255,255,.03) !important;
      color:rgba(255,255,255,.5) !important;font:700 9px/1 "Space Mono",monospace !important;
      letter-spacing:.12em !important;text-transform:uppercase !important;margin:0 0 6px !important;
    }
    #bh-home-app-stage .bh-service-page .bh-title{
      font:800 22px/1.1 "Manrope",system-ui,sans-serif !important;color:#f4f4f5 !important;margin:0 0 6px !important;
    }
    #bh-home-app-stage .bh-service-page .bh-desc{
      color:rgba(255,255,255,.45) !important;font-size:13px !important;line-height:1.45 !important;margin:0 0 14px !important;
    }
    /* Audio demo box */
    #bh-home-app-stage .bh-audio-box{
      background:rgba(255,255,255,.02) !important;border:1px solid rgba(255,255,255,.06) !important;
      border-radius:12px !important;padding:14px !important;margin:0 0 14px !important;
    }
    #bh-home-app-stage .bh-master-compare-title{
      font:700 10px/1 "Space Mono",monospace !important;letter-spacing:.12em !important;
      text-transform:uppercase !important;color:rgba(255,255,255,.35) !important;margin:0 0 10px !important;
    }
    #bh-home-app-stage .bh-wave-grid{
      display:grid !important;grid-template-columns:1fr 1fr !important;gap:8px !important;
    }
    #bh-home-app-stage .bh-wave-grid .wave-container{
      background:transparent !important;border:none !important;border-radius:0 !important;padding:0 !important;
    }
    #bh-home-app-stage .bh-wave-grid .play-btn{
      width:100% !important;min-height:32px !important;margin-top:6px !important;
      border:1px solid rgba(255,255,255,.1) !important;border-radius:8px !important;
      background:rgba(255,255,255,.04) !important;color:rgba(255,255,255,.6) !important;
      font:700 9px/1 "Space Mono",monospace !important;letter-spacing:.1em !important;
      text-transform:uppercase !important;cursor:pointer !important;
    }
    #bh-home-app-stage .bh-wave-grid .play-btn:hover{
      background:rgba(255,255,255,.08) !important;color:#f4f4f5 !important;
    }
    /* Price card */
    #bh-home-app-stage .bh-price-grid{
      display:grid !important;gap:8px !important;margin:0 0 12px !important;
    }
    #bh-home-app-stage .bh-price-card{
      background:rgba(255,255,255,.025) !important;border:1px solid rgba(255,255,255,.06) !important;
      border-radius:12px !important;padding:14px !important;
    }
    #bh-home-app-stage .bh-price-card.featured{
      border-color:rgba(255,255,255,.12) !important;
    }
    #bh-home-app-stage .bh-price-name{
      font:700 14px/1 "Manrope",system-ui,sans-serif !important;color:#f4f4f5 !important;margin:0 0 4px !important;
    }
    #bh-home-app-stage .bh-price-val{
      font:800 22px/1 "Manrope",system-ui,sans-serif !important;color:#f4f4f5 !important;margin:0 0 8px !important;
    }
    #bh-home-app-stage .bh-price-features{
      list-style:none !important;padding:0 !important;margin:0 0 10px !important;
    }
    #bh-home-app-stage .bh-price-features li{
      color:rgba(255,255,255,.5) !important;font-size:12px !important;padding:3px 0 !important;
    }
    #bh-home-app-stage .bh-price-card .bh-btn{
      width:100% !important;min-height:36px !important;
      border:1px solid rgba(255,255,255,.12) !important;border-radius:8px !important;
      background:rgba(255,255,255,.06) !important;color:rgba(255,255,255,.7) !important;
      font:700 10px/1 "Manrope",system-ui,sans-serif !important;letter-spacing:.06em !important;
      text-transform:uppercase !important;text-align:center !important;text-decoration:none !important;
      display:flex !important;align-items:center !important;justify-content:center !important;
    }
    #bh-home-app-stage .bh-price-card .bh-btn:hover{
      background:rgba(255,255,255,.1) !important;color:#fff !important;
    }
    /* Exclusive/unlocked box */
    #bh-home-app-stage .bh-exclusive-box{
      border:1px solid rgba(255,255,255,.15) !important;background:rgba(255,255,255,.03) !important;
      border-radius:12px !important;padding:14px !important;margin:0 0 14px !important;
      display:flex !important;align-items:center !important;gap:12px !important;flex-wrap:wrap !important;
    }
    #bh-home-app-stage .bh-exclusive-box h4{
      color:#d4d4d4 !important;font-size:13px !important;margin:0 0 2px !important;
    }
    #bh-home-app-stage .bh-exclusive-box p{
      color:rgba(255,255,255,.5) !important;font-size:12px !important;margin:0 !important;
    }
    #bh-home-app-stage .bh-exclusive-box .bh-btn{
      min-height:32px !important;padding:0 14px !important;
      border:1px solid rgba(255,255,255,.2) !important;border-radius:8px !important;
      background:rgba(255,255,255,.08) !important;color:#d4d4d4 !important;
      font:700 10px/1 "Manrope",system-ui,sans-serif !important;letter-spacing:.06em !important;
      text-transform:uppercase !important;text-decoration:none !important;margin-left:auto !important;
    }
    /* Service start / form section */
    #bh-home-app-stage .bh-service-start{
      padding:14px 0 0 !important;border-top:1px solid rgba(255,255,255,.05) !important;
      background:transparent !important;border-radius:0 !important;
    }
    #bh-home-app-stage .bh-service-start-title{
      font:700 11px/1 "Space Mono",monospace !important;letter-spacing:.14em !important;
      text-transform:uppercase !important;color:rgba(255,255,255,.4) !important;margin:0 0 6px !important;
    }
    #bh-home-app-stage .bh-service-start-copy{
      color:rgba(255,255,255,.4) !important;font-size:12px !important;margin:0 0 12px !important;
    }
    #bh-home-app-stage .bh-service-start-body{
      background:transparent !important;border:none !important;padding:0 !important;
    }
    /* Form inputs inside mastering */
    #bh-home-app-stage .bh-service-page input,
    #bh-home-app-stage .bh-service-page select,
    #bh-home-app-stage .bh-service-page textarea{
      background:rgba(255,255,255,.04) !important;border:1px solid rgba(255,255,255,.08) !important;
      border-radius:8px !important;color:#f4f4f5 !important;padding:10px 12px !important;
      font:500 13px/1.3 "Manrope",system-ui,sans-serif !important;
    }
    #bh-home-app-stage .bh-service-page button[type="submit"],
    #bh-home-app-stage .bh-service-page .bh-btn-primary{
      background:linear-gradient(135deg,#e0e0e0 0%,#cccccc 100%) !important;
      color:#111111 !important;border:none !important;border-radius:10px !important;
      min-height:40px !important;font:800 12px/1 "Manrope",system-ui,sans-serif !important;
      letter-spacing:.08em !important;text-transform:uppercase !important;
    }
    @media(max-width:640px){
      #bh-home-app-stage .bh-wave-grid{grid-template-columns:1fr !important}
    }

    /* ── Profile inside app stage — v3 layout ── */
    /* Stage itself: kill any teal bleed from .bh-home-v5 (#000) showing around profile */
    #bh-home-app-stage{background:#080808 !important;}
    .bh-profile-menu__content .bh-profile-page,
    #bh-home-app-stage .bh-profile-page{
      min-height:auto !important;padding:0 !important;background:#080808 !important;
    }
    /* Allow v3 profile wrappers to keep their own max-width (900px inside body, 100% on cover) */
    .bh-profile-menu__content .bh-wrapper,
    #bh-home-app-stage .bh-wrapper{max-width:100% !important;padding-left:0 !important;padding-right:0 !important;}
    /* Cover (hero) — flush edges, constrain inner content */
    .bh-profile-menu__content .bh-pcover-inner,
    #bh-home-app-stage .bh-pcover-inner{max-width:900px !important;margin:0 auto !important;padding:0 16px !important;}
    /* Body wrapper */
    .bh-profile-menu__content .bh-body,
    #bh-home-app-stage .bh-body{max-width:900px !important;margin:0 auto !important;padding:0 16px !important;}
    /* Legacy old-layout rules — keep for non-v3 fallback */
    .bh-profile-menu__content .bh-header-station,
    #bh-home-app-stage .bh-header-station{
      gap:10px !important;margin-bottom:8px !important;padding:0 0 8px !important;border-color:rgba(255,255,255,.04) !important;
    }
    .bh-profile-menu__content .bh-profile-img,
    #bh-home-app-stage .bh-profile-img{
      width:48px !important;height:48px !important;border-radius:12px !important;background:transparent !important;box-shadow:none !important;
    }
    .bh-profile-menu__content .bh-user-info h1,
    #bh-home-app-stage .bh-user-info h1{font-size:20px !important;margin:0 !important}
    .bh-profile-menu__content .bh-role-line,
    #bh-home-app-stage .bh-role-line{font-size:8px !important}
    .bh-profile-menu__content .bh-card-glass,
    #bh-home-app-stage .bh-card-glass{
      padding:8px 0 !important;margin-bottom:0 !important;border-radius:0 !important;
      background:transparent !important;border:none !important;border-top:1px solid rgba(255,255,255,.06) !important;box-shadow:none !important;
    }
    .bh-profile-menu__content .bh-header-main,
    .bh-profile-menu__content .bh-global-footer,
    .bh-profile-menu__content .bh-profile-page > .bh-profile-bg,
    #bh-home-app-stage .bh-header-main,
    #bh-home-app-stage .bh-global-footer{display:none !important}
    .bh-profile-menu__content .bh-action-btn,
    #bh-home-app-stage .bh-action-btn{
      min-height:30px !important;padding:6px 14px !important;font-size:9px !important;
    }

    /* ── Profile v3 visual restoration — undo aggressive normalization on profile elements ── */
    /* The [class*="card/section/etc"] rules strip border/bg from profile v3 elements.
       These overrides have higher specificity (1,4,0) to restore the v3 aesthetic. */
    #bh-home-app-stage .bh-profile-page .bh-pcover.bh-pcover{
      overflow:hidden !important;background:transparent !important;
    }
    #bh-home-app-stage .bh-profile-page .bh-pcover .bh-pcover-bg{
      position:absolute !important;inset:0 !important;background-size:cover !important;
      background-position:center 30% !important;
      filter:blur(56px) brightness(.52) saturate(.5) !important;transform:scale(1.22) !important;
    }
    /* Track cards — (1,4,0) specificity to beat aggressive [class*="card"] (1,4,0); source order wins */
    #bh-home-app-stage .bh-profile-page .bh-body .bh-track-grid .bh-track-card{
      background:rgba(255,255,255,.03) !important;border:1px solid rgba(255,255,255,.08) !important;
      border-radius:0 !important;box-shadow:none !important;overflow:hidden !important;
    }
    #bh-home-app-stage .bh-profile-page .bh-body .bh-track-grid .bh-track-card:hover{
      background:rgba(255,255,255,.055) !important;border-color:rgba(255,255,255,.16) !important;
    }
    #bh-home-app-stage .bh-profile-page .bh-body .bh-track-grid .bh-track-card.is-current{
      border-color:rgba(255,255,255,.26) !important;
    }
    /* Track card info */
    #bh-home-app-stage .bh-profile-page .bh-body .bh-track-card .bh-track-card-info{
      background:linear-gradient(0deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.15) 100%) !important;
      border-radius:0 !important;
    }
    /* Disc controls / search */
    #bh-home-app-stage .bh-profile-page .bh-disc-search{
      background:rgba(255,255,255,.04) !important;border:1px solid rgba(255,255,255,.09) !important;
      border-radius:12px !important;
    }
    #bh-home-app-stage .bh-profile-page .bh-disc-tab{
      border:1px solid rgba(255,255,255,.1) !important;border-radius:999px !important;
      background:transparent !important;
    }
    #bh-home-app-stage .bh-profile-page .bh-disc-tab.is-active{
      background:rgba(255,255,255,.11) !important;border-color:rgba(255,255,255,.26) !important;
    }
    /* Section headers */
    #bh-home-app-stage .bh-profile-page .bh-section-hd{
      border-bottom:1px solid rgba(255,255,255,.06) !important;
    }
    /* Social pills */
    #bh-home-app-stage .bh-profile-page .bh-social-link{
      border:1px solid rgba(255,255,255,.12) !important;border-radius:999px !important;
      background:transparent !important;
    }
    /* Action buttons */
    #bh-home-app-stage .bh-profile-page .bh-action-btn{
      border:1px solid rgba(255,255,255,.16) !important;background:rgba(255,255,255,.07) !important;
      border-radius:999px !important;
    }
    #bh-home-app-stage .bh-profile-page .bh-action-btn.primary{
      background:#fff !important;color:#0a0a0a !important;border-color:transparent !important;
    }
    @media (max-width:640px){
      .bh-home-v5 .preview-waveform{
        max-width:100% !important;
        margin:10px auto 4px !important;
      }
      .bh-home-v5 .preview-waveform svg{
        height:52px !important;
      }
      .bh-home-v5 .bh-home-featured-body{
        padding:18px 18px 18px !important;
      }
      .bh-home-v5 .bh-home-trackrow{
        grid-template-columns:36px 36px minmax(0,1fr) !important;
      }
      .bh-home-v5 .bh-home-wave-cell{
        display:none !important;
      }
      .bh-home-v5 .bh-home-trackaside{
        grid-column:3 !important;
        justify-items:start !important;
      }
      .bh-home-v5 .bh-app-main-player{
        bottom:102px !important;
      }
      .bh-home-v5 .bh-dock-item{
        width:54px !important;
        height:54px !important;
        min-width:54px !important;
        min-height:54px !important;
      }
      .bh-home-v5 .bh-dock-item__label{
        font-size:7px !important;
      }
    }

    /* --- Reduced Motion --- */
    @media (prefers-reduced-motion:reduce){
      .bh-home-v5 .bh-home-trackrow,
      .bh-home-v5 .bh-home-bg-layer.is-a,
      .bh-home-v5 .preview-waveform path{
        animation:none !important;
      }
    }

    /* --- Final neutral overrides --- */
    .bh-home-v5 .bh-home-master-play.is-playing,
    .bh-home-v5 .bh-app-main-player__btn--play,
    .bh-home-v5 .bh-dock-item.active,
    .bh-home-v5 .bottom-nav .active{
      border-color:color-mix(in srgb, var(--accent) 34%, transparent) !important;
      background:color-mix(in srgb, var(--accent) 16%, rgba(255,255,255,.04)) !important;
      color:#999999 !important;
      box-shadow:0 0 0 1px rgba(255,255,255,.04), 0 14px 28px rgba(0,0,0,.2), var(--accent-glow) !important;
    }
    .bh-home-v5 .bh-home-master-play.is-playing i,
    .bh-home-v5 .bh-app-main-player__btn--play i,
    .bh-home-v5 .bh-dock-item.active i{
      color:#999999 !important;
    }
    .bh-home-v5 .bh-dock-item.active::after{
      background:#999999 !important;
      box-shadow:0 0 10px rgba(160,160,160,.45), 0 0 20px rgba(160,160,160,.18) !important;
    }
    .bh-home-v5 .bh-home-featured{
      margin-top:0 !important;
    }
    .bh-home-v5 .bh-home-wave-hero__status[data-state="playing"]{
      color:#e0e0e0 !important;
      background:color-mix(in srgb, var(--accent) 14%, rgba(255,255,255,.04)) !important;
      border-color:color-mix(in srgb, var(--accent) 42%, transparent) !important;
      box-shadow:var(--accent-glow) !important;
    }
    .bh-home-v5 .bh-home-wave-hero__status[data-state="paused"]{
      color:rgba(255,255,255,.82) !important;
      background:rgba(255,255,255,.05) !important;
    }
    .bh-home-v5 button[aria-label="pause"],
    .bh-home-v5 .play-pause-circle,
    .bh-home-v5 .green-glow{
      color:#999999 !important;
      box-shadow:none !important;
      filter:drop-shadow(0 0 8px rgba(160,160,160,.4)) !important;
    }

    /* --- Home mockup alignment pass --- */
    .bh-home-v5 .bh-home-shell{
      max-width:680px !important;
      padding:0 20px 68px !important;
    }
    .bh-home-v5 .top-bar{
      display:none !important;
    }
    .bh-home-v5 .preview-waveform{
      max-width:480px !important;
      margin:8px auto 22px !important;
      opacity:.7 !important;
    }
    /* Hero Card — layout defined in bh-premium-layer.css + inline styles */
    .bh-home-v5 .featured-card::before,.bh-home-v5 .featured-card::after{
      display:none !important;
    }
    /* ── CSS entrance animations (no JS dependency) ── */
    @keyframes bhFadeUp{
      from{opacity:0;transform:translateY(10px)}
      to{opacity:1;transform:none}
    }
    .bh-home-v5 .featured-card,
    .bh-home-v5 .recent-section,
    .bh-home-v5 .bh-dock-container{
      animation:bhFadeUp .4s ease both;
    }
    .bh-home-v5 .featured-card{animation-delay:0s}
    .bh-home-v5 .recent-section:nth-of-type(1){animation-delay:.05s}
    .bh-home-v5 .recent-section:nth-of-type(2){animation-delay:.1s}
    .bh-home-v5 .bh-dock-container{animation-delay:.15s}
    /* beat-card CSS animations removed — GSAP handles stagger entrance */
    .bh-home-v5 .bh-home-trackrow{
      animation:bhFadeUp .3s ease both;
    }
    @media (prefers-reduced-motion:reduce){
      .bh-home-v5 .featured-card,
      .bh-home-v5 .recent-section,
      .bh-home-v5 .bh-dock-container,
      .bh-home-v5 .beat-card,
      .bh-home-v5 .bh-home-trackrow{
        animation:none !important;
      }
    }
    /* Hide unnecessary UI elements */
    .bh-home-v5 .bh-home-wave-hero,
    .bh-home-v5 .preview-waveform,
    .bh-home-v5 .filters,
    .bh-home-v5 .bh-home-filterbar,
    .bh-home-v5 .preview-btn,
    .bh-home-v5 .bh-home-trackpreview,
    .bh-home-v5 .featured-badge,
    .bh-home-v5 .featured-header{
      display:none !important;
    }
    .bh-home-v5 .featured-card .bh-home-master-play:hover{
      background:rgba(255,255,255,.2) !important;border-color:rgba(255,255,255,.4) !important;
      box-shadow:0 0 20px rgba(255,255,255,.2) !important;
    }
    .bh-home-v5 .recent-section{
      margin-top:0 !important;
      padding:0 !important;
      background:transparent !important;
      border:none !important;
    }
    .bh-home-v5 .recent-section .section-title{
      margin:0 0 14px !important;
      color:rgba(255,255,255,.85) !important;
      font:600 14px/1 'Manrope',system-ui,sans-serif !important;
      letter-spacing:-.01em !important;
      text-transform:none !important;
      display:block !important;
      padding:0 !important;
      border:0 !important;
    }
    .bh-home-v5 .recent-section .section-title::before{
      display:none !important;
    }
    .bh-home-v5 .filters{
      display:none !important;
    }
    .bh-home-v5 .filters .filter{
      min-height:32px !important;
      padding:0 14px !important;
      border-radius:8px !important;
      background:rgba(255,255,255,.04) !important;
      color:rgba(255,255,255,.6) !important;
      border:1px solid rgba(255,255,255,.08) !important;
      font-size:12px !important;
      font-weight:700 !important;
      letter-spacing:.06em !important;
      text-transform:uppercase !important;
      box-shadow:none !important;
      transform:none !important;
      transition:all .18s ease !important;
    }
    .bh-home-v5 .filters .filter.is-active,
    .bh-home-v5 .filters .filter:hover{
      background:rgba(255,255,255,.08) !important;
      color:var(--text) !important;
      border-color:rgba(255,255,255,.16) !important;
    }
    /* beats-grid overrides removed — catalog grid handles its own columns */
    /* Mobile catalog — always show play */
    .bh-home-v5 .bh-catalog__play{
      opacity:1 !important;
      transform:none !important;
    }
    .bh-home-v5 .bh-catalog__fav.is-fav{
      opacity:1 !important;
    }
    /* Hide price when it shows $0.00 or $-- */
    .bh-home-v5 .beat-card .bh-home-trackprice:empty,
    .bh-home-v5 .bh-home-trackrow .bh-home-trackprice:empty{
      display:none !important;
    }
    /* Song trackrows (non-beat-card) — cleaner look */
    .bh-home-v5 .bh-home-recent:not([data-bh-filter-scope]) .bh-home-tracklist{
      gap:0 !important;
    }
    .bh-home-v5 .bh-home-recent:not([data-bh-filter-scope]) .bh-home-trackrow{
      /* Overridden by later block — kept minimal to avoid conflicts */
      grid-template-columns:56px minmax(0,1fr) auto !important;
      gap:0 12px 0 !important;
      padding:9px 16px !important;
      border:none !important;
      border-bottom:1px solid rgba(255,255,255,.05) !important;
      border-radius:0 !important;
      background:transparent !important;
      box-shadow:none !important;
      margin:0 !important;
      transition:background .16s ease !important;
    }
    .bh-home-v5 .bh-home-recent:not([data-bh-filter-scope]) .bh-home-trackrow:hover{
      background:rgba(255,255,255,.028) !important;
      transform:none !important;
    }
    .bh-home-v5 .bh-home-recent:not([data-bh-filter-scope]) .bh-home-trackrow:last-child{
      border-bottom:none !important;
    }
    .bh-home-v5 .bh-home-recent:not([data-bh-filter-scope]) .bh-home-trackavatar{
      width:56px !important;
      height:56px !important;
      border-radius:8px !important;
      border:1px solid rgba(255,255,255,.07) !important;
      box-shadow:none !important;
    }
    .bh-home-v5 .bh-home-recent:not([data-bh-filter-scope]) .bh-home-master-play{
      position:absolute !important;
      inset:0 !important;
      width:100% !important;
      height:100% !important;
      border-radius:inherit !important;
      background:rgba(5,5,8,.72) !important;
      border:none !important;
      box-shadow:none !important;
      font-size:13px !important;
      opacity:0 !important;
    }
    .bh-home-v5 .bh-home-recent:not([data-bh-filter-scope]) .bh-home-trackpreview{
      background:rgba(255,255,255,.06) !important;
      color:rgba(255,255,255,.7) !important;
      padding:6px 14px !important;
      border-radius:8px !important;
      font-size:11px !important;
      font-weight:700 !important;
      letter-spacing:.06em !important;
      text-transform:uppercase !important;
      border:1px solid rgba(255,255,255,.1) !important;
      min-height:auto !important;
    }
    .bh-home-v5 .bh-home-recent:not([data-bh-filter-scope]) .bh-home-trackprice{
      background:transparent !important;
      border:none !important;
      padding:0 !important;
      color:rgba(255,255,255,.55) !important;
      font-size:12px !important;
      text-shadow:none !important;
    }
    .bh-home-v5 .recent-section + .recent-section{
      margin-top:20px !important;
    }
    /* CSS stagger animations removed — handled by GSAP */
    /* bottom-nav positioning handled by premium layer below */
    .bh-home-v5 .bh-dock-container{
      position:sticky !important;
      top:0 !important;
      width:100% !important;
      transform:none !important;
      z-index:9999 !important;
      pointer-events:auto !important;
      left:auto !important;right:auto !important;bottom:auto !important;
    }
    .bh-home-v5 .nav-item{
      display:inline-flex !important;
      flex-direction:row !important;
      align-items:center !important;
      justify-content:center !important;
      gap:5px !important;
      width:auto !important;
      height:36px !important;
      min-width:0 !important;
      min-height:0 !important;
      padding:0 12px !important;
      background:transparent !important;
      border:none !important;
      border-radius:8px !important;
      color:rgba(255,255,255,.4) !important;
      font-size:10px !important;
      box-shadow:none !important;
      transition:color .15s ease, background .15s ease !important;
      touch-action:manipulation !important;
      position:relative !important;
      cursor:pointer !important;
      -webkit-tap-highlight-color:transparent !important;
    }
    .bh-home-v5 .nav-item:hover{
      color:rgba(255,255,255,.7) !important;
    }
    .bh-home-v5 .nav-item i{
      font-size:14px !important;
      line-height:1 !important;
    }
    .bh-home-v5 .nav-item.active{
      color:#fff !important;
      background:rgba(255,255,255,.08) !important;
      box-shadow:none !important;
    }
    .bh-home-v5 .nav-item.active::after{
      display:none !important;
    }
    .bh-home-v5 .nav-item .bh-dock-item__label{
      display:inline !important;
      font:500 10px/1 "Manrope",system-ui,sans-serif !important;
      letter-spacing:.02em !important;
      text-transform:uppercase !important;
    }
    /* beats-grid 1fr override removed */
    @media (max-width:640px){
      .bh-home-v5 .bh-home-shell{
        padding:0 14px 68px !important;
      }
      .bh-home-v5 .top-bar{
        padding:14px 0 8px !important;
      }
      .bh-home-v5 .featured-card{
        padding:20px 18px !important;
      }
      .bh-home-v5 .featured-card .title{
        font-size:26px !important;
      }
      .bh-home-v5 .featured-card .info-row{
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:12px !important;
      }
      .bh-home-v5 .featured-card .prices{
        text-align:left !important;
        display:flex !important;
        flex-wrap:wrap !important;
        gap:8px 16px !important;
      }
      .bh-home-v5 .featured-card .bh-home-actions{
        grid-template-columns:minmax(0,1fr) 48px !important;
      }
      /* mobile track row: tighter, 3-col grid */
      .bh-home-v5 .bh-home-recent:not([data-bh-filter-scope]) .bh-home-trackrow{
        grid-template-columns:44px minmax(0,1fr) auto !important;
        gap:0 10px 0 !important;
        padding:8px 12px !important;
      }
      .bh-home-v5 .bh-home-recent:not([data-bh-filter-scope]) .bh-home-trackavatar{
        width:44px !important;
        height:44px !important;
      }
      .bh-profile-menu__grid{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:6px !important;
      }
      .bh-profile-menu__item{
        padding:12px 6px !important;
        min-height:64px !important;
        font-size:9px !important;
      }
      .bh-profile-menu__item i{
        font-size:14px !important;
      }
      .bh-profile-menu__orders .woocommerce-orders-table thead{
        display:none !important;
      }
      .bh-profile-menu__orders .woocommerce-orders-table tbody tr{
        display:grid !important;
        gap:4px !important;
        padding:12px 0 !important;
        border-bottom:1px solid rgba(255,255,255,.06) !important;
      }
      .bh-profile-menu__orders .woocommerce-orders-table td{
        display:block !important;
        padding:2px 0 !important;
        border:none !important;
      }
    }

    /* Hero + catalog layout defined in bh-premium-layer.css (deferred load) + inline styles (sync) */

    /* Player hidden state */
    .bh-home-v5 .bh-app-main-player[hidden]{display:none !important;visibility:hidden !important}

    /* Cart module — compact premium (FINAL v2) */
    .js-bh-stage-body.is-cart-module{font-family:'Manrope',sans-serif !important}
    .js-bh-stage-body.is-cart-module .woocommerce{max-width:520px !important;margin:0 auto !important;font-family:'Manrope',sans-serif !important}
    /* Cart table */
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table{border:1px solid rgba(255,255,255,.08) !important;border-radius:0 !important;border-collapse:separate !important;border-spacing:0 !important;overflow:hidden !important;background:rgba(255,255,255,.025) !important;margin-bottom:0 !important}
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table thead{display:none !important}
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table td{padding:14px 16px !important;border-bottom:1px solid rgba(255,255,255,.04) !important;color:#e0e0e0 !important;background:transparent !important;font-size:13px !important;vertical-align:middle !important}
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table td.product-name{font:600 15px/1.3 'Manrope',sans-serif !important;color:#fff !important}
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table td.product-name a{color:#fff !important;text-decoration:none !important}
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table td.product-price,#bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table td.product-subtotal{font:600 15px/1 'Manrope',sans-serif !important;color:#fff !important;text-align:right !important}
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table td.product-remove{width:28px !important;padding:0 12px 0 0 !important;text-align:center !important}
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table td.product-remove a{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:26px !important;height:26px !important;border-radius:999px !important;border:1px solid rgba(255,255,255,.1) !important;background:rgba(255,255,255,.04) !important;color:rgba(255,255,255,.4) !important;font-size:14px !important;text-decoration:none !important;transition:all .16s ease !important}
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table td.product-remove a:hover{color:#fff !important;border-color:rgba(255,255,255,.2) !important;background:rgba(255,255,255,.08) !important}
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table td.product-thumbnail{width:0 !important;padding:0 !important;display:none !important}
    /* Hide quantity column — qty locked to 1 */
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce table.shop_table :is(th.product-quantity,td.product-quantity){display:none !important}
    /* Hide actions row (coupon + update cart) and the JS-injected actions toggle */
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce td.actions,
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce-cart-form__contents .actions,
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce tfoot,
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-cart-actions,
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-cart-actions-toggle,
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-cart-actions-panel{display:none !important}
    /* Cart totals — placed right after cart table */
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cart_totals{margin-top:16px !important;max-width:none !important;float:none !important;width:100% !important;padding:18px !important;border:1px solid rgba(255,255,255,.08) !important;border-radius:0 !important;background:rgba(255,255,255,.025) !important;box-shadow:none !important}
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cart_totals h2{font:700 11px/1 'Space Mono',ui-monospace,monospace !important;color:rgba(255,255,255,.5) !important;margin:0 0 14px !important;text-transform:uppercase !important;letter-spacing:.1em !important}
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cart_totals table{border:0 !important;border-radius:0 !important;border-collapse:collapse !important;overflow:visible !important;width:100% !important}
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cart_totals table th,#bh-home-app-stage .js-bh-stage-body.is-cart-module .cart_totals table td{padding:8px 0 !important;border-bottom:1px solid rgba(255,255,255,.05) !important;background:transparent !important;color:rgba(255,255,255,.6) !important;font:500 13px/1.4 'Manrope',sans-serif !important}
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cart_totals table th{color:rgba(255,255,255,.4) !important;font-weight:500 !important;text-align:left !important}
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cart_totals table td{text-align:right !important}
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cart_totals .order-total td,
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cart_totals .order-total td .amount,
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cart_totals .order-total td bdi{font:800 22px/1 'Manrope',sans-serif !important;color:#fff !important}
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cart_totals .order-total th{font:600 14px/1 'Manrope',sans-serif !important;color:#fff !important;border-bottom:0 !important;padding-top:14px !important}
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cart_totals .order-total td{border-bottom:0 !important;padding-top:14px !important}
    /* Proceed to checkout button */
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .wc-proceed-to-checkout{padding:0 !important;margin-top:16px !important}
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .wc-proceed-to-checkout .checkout-button{width:100% !important;min-height:50px !important;background:#f4f4f5 !important;color:#0c0c0d !important;border:0 !important;border-radius:999px !important;font:800 12px/1 'Manrope',sans-serif !important;text-transform:uppercase !important;letter-spacing:.08em !important;text-decoration:none !important;display:flex !important;align-items:center !important;justify-content:center !important;box-shadow:0 4px 16px rgba(255,255,255,.06) !important;transition:all .2s ease !important}
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .wc-proceed-to-checkout .checkout-button:hover{background:#fff !important;box-shadow:0 6px 20px rgba(255,255,255,.1) !important;transform:translateY(-1px) !important}
    /* Cross-sells */
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells{margin-top:28px !important;padding:0 !important;width:100% !important;max-width:none !important;float:none !important}
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells > h2{font:700 11px/1 'Space Mono',ui-monospace,monospace !important;color:rgba(255,255,255,.4) !important;margin:0 0 14px !important;text-transform:uppercase !important;letter-spacing:.14em !important;text-align:left !important}
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important;list-style:none !important;padding:0 !important;margin:0 !important;grid-auto-rows:1fr !important}
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells li.product{background:rgba(255,255,255,.025) !important;border:1px solid rgba(255,255,255,.07) !important;border-radius:12px !important;padding:14px !important;text-align:left !important;margin:0 !important;display:flex !important;flex-direction:column !important;gap:6px !important;transition:border-color .16s ease !important;float:none !important;width:auto !important;min-height:160px !important;height:100% !important;box-sizing:border-box !important}
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells li.product:hover{border-color:rgba(255,255,255,.14) !important}
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells li.product a{text-decoration:none !important;color:#fff !important}
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells li.product h2,
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells li.product .woocommerce-loop-product__title{font:700 13px/1.3 'Manrope',sans-serif !important;color:#fff !important;margin:0 0 2px !important}
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells li.product .price{font:500 11px/1.3 'Manrope',sans-serif !important;color:rgba(255,255,255,.45) !important;margin:0 !important}
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells li.product .price .screen-reader-text{display:none !important}
    /* Cross-sell buttons */
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells li.product :is(.button,a.button,.add_to_cart_button,.product_type_simple,.product_type_variable,.product_type_external){display:inline-flex !important;align-items:center !important;justify-content:center !important;width:100% !important;min-height:32px !important;margin-top:auto !important;padding:0 10px !important;border:1px solid rgba(255,255,255,.1) !important;border-radius:8px !important;background:rgba(255,255,255,.04) !important;color:rgba(255,255,255,.6) !important;font:600 9px/1 'Manrope',sans-serif !important;text-transform:uppercase !important;letter-spacing:.04em !important;text-decoration:none !important;box-shadow:none !important;transition:all .16s ease !important}
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells li.product :is(.button,a.button,.add_to_cart_button,.product_type_simple,.product_type_variable,.product_type_external):hover{border-color:rgba(255,255,255,.2) !important;background:rgba(255,255,255,.08) !important;color:#fff !important}
    /* Cross-sell images: show JS-generated covers, hide default */
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells li.product img.bh-cross-cover{display:block !important;width:100% !important;height:auto !important;aspect-ratio:1/1 !important;object-fit:cover !important;border-radius:8px !important;border:1px solid rgba(255,255,255,.05) !important;margin-bottom:6px !important}
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells li.product img:not(.bh-cross-cover){display:none !important}
    /* Hide Woo junk in cross-sells */
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells li.product .added_to_cart,
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells li.product .wc-forward{display:none !important}
    @media (max-width:420px){
      #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products{grid-template-columns:1fr !important}
    }

    /* ── CART FINAL OVERRIDES (v3) — ends all width/alignment debates ── */
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart_totals,
    #bh-home-app-stage .js-bh-stage-body.is-cart-module.is-checkout-module .woocommerce .cart_totals{
      width:100% !important;
      max-width:100% !important;
      min-width:0 !important;
      margin:16px 0 0 !important;
      padding:18px !important;
      border:1px solid rgba(255,255,255,.08) !important;
      border-radius:0 !important;
      background:rgba(255,255,255,.025) !important;
      box-shadow:none !important;
      float:none !important;
      box-sizing:border-box !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .cart-collaterals{
      display:flex !important;
      flex-direction:column !important;
      width:100% !important;
      max-width:100% !important;
      margin:0 !important;
      padding:0 !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .wc-proceed-to-checkout{
      width:100% !important;
      padding:0 !important;
      margin-top:16px !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce .wc-proceed-to-checkout .checkout-button{
      width:100% !important;
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
    }
    /* Hide the empty gray bar below cart item (coupon row, cart-actions, and any empty .actions wrapper) */
    #bh-home-app-stage .js-bh-stage-body.is-cart-module tr.cart_item + tr:not(.cart_item):not(.order-total):not(.cart-subtotal),
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce-cart-form .coupon,
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce-cart-form button[name="update_cart"],
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .woocommerce-cart-form__contents tr.actions,
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .bh-home-cart-actions{
      display:none !important;
    }
    /* Cross-sells: equal-height clean 2-col grid */
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products{
      grid-auto-rows:1fr !important;
      align-items:stretch !important;
    }
    #bh-home-app-stage .js-bh-stage-body.is-cart-module .cross-sells ul.products li.product{
      align-self:stretch !important;
      height:auto !important;
    }

    /* Fav buttons — red */
    .bh-home-v5 .bh-home-fav{color:rgba(255,255,255,.25) !important;font-size:15px !important;transition:color .18s ease,transform .25s cubic-bezier(.34,1.56,.64,1) !important}
    .bh-home-v5 .bh-home-fav:hover{color:rgba(239,68,68,.6) !important;transform:scale(1.2) !important}
    .bh-home-v5 .bh-home-fav.is-fav{color:#ef4444 !important;text-shadow:0 0 12px rgba(239,68,68,.4) !important}
    .bh-home-v5 .bh-catalog__fav:hover{color:rgba(239,68,68,.7) !important;transform:scale(1.15) !important}

    /* YT section */
    .bh-home-v5 .bh-home-yt-section{margin-top:32px !important;padding:0 !important}
    .bh-home-v5 .bh-home-yt-grid{display:grid !important;grid-template-columns:1fr 1fr !important;gap:10px !important}
    .bh-home-v5 .bh-home-yt-item{position:relative !important;padding-bottom:56.25% !important;height:0 !important;overflow:hidden !important;border-radius:12px !important;background:#111 !important}
    .bh-home-v5 .bh-home-yt-item iframe{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;border:0 !important}
    .bh-home-v5.is-module-open .bh-home-yt-section,
    .bh-home-v5.is-module-open .bh-home-feed-section{display:none !important}

    /* Recent section spacing */
    .bh-home-v5 .bh-home-recent{margin-top:16px !important;padding:0 !important;background:transparent !important;border:0 !important;border-radius:0 !important}

    /* Top nav bar — OUTSIDE .bh-home-v5, uses own selectors */

    /* Menu overlay + backdrop above nav */
    .bh-slide-backdrop{z-index:9998 !important}
    .bh-slide-menu{z-index:10000 !important;bottom:0 !important;}

    /* Loading — guaranteed visible */
    .bh-home-v5 .bh-home-loader{
      width:100% !important;
      min-height:60vh !important;
      display:flex !important;
      flex-direction:column !important;
      align-items:center !important;
      justify-content:center !important;
      gap:16px !important;
      padding:40px 20px !important;
      background:#050505 !important;
    }
    .bh-home-v5 .bh-home-loader-inner{
      display:flex !important;
      flex-direction:column !important;
      align-items:center !important;
      justify-content:center !important;
      gap:16px !important;
    }
    .bh-home-v5 .bh-loader-spinner{
      width:36px !important;
      height:36px !important;
      border:2.5px solid rgba(255,255,255,.1) !important;
      border-top-color:rgba(255,255,255,.6) !important;
      border-radius:0 !important;
      animation:bhPremSpin .65s linear infinite !important;
    }
    .bh-home-v5 .bh-home-loader-text{
      color:rgba(255,255,255,.4) !important;
      font:500 13px/1.2 'Manrope',sans-serif !important;
      margin:0 !important;
    }
    .bh-home-v5 .bh-home-loader-wave,
    .bh-home-v5 .bh-home-loader-eq{display:none !important}
    @keyframes bhPremSpin{to{transform:rotate(360deg)}}

    /* Responsive */
    @media(max-width:640px){
      .bh-home-v5 .bh-home-shell{padding:48px 14px 20px !important}
      .bh-home-v5 .bh-hero{margin:0 -14px 24px !important}
      .bh-home-v5 .bh-hero__card{min-height:min(360px,55vh) !important}
      .bh-home-v5 .bh-hero__content{padding:0 14px 22px !important}
      .bh-home-v5 .bh-hero__title{font-size:clamp(32px,9vw,48px) !important}
      .bh-home-v5 .bh-hero__play{width:46px !important;height:46px !important;min-width:46px !important;font-size:14px !important}
      .bh-home-v5 .bh-hero__cta{min-height:44px !important;font-size:12px !important;line-height:44px !important}
      .bh-home-v5 .bh-catalog__grid,.bh-home-v5 .bh-catalog__grid.beats-grid{grid-template-columns:repeat(3,1fr) !important;gap:12px !important}
    }
    @media(max-width:480px){
      .bh-home-v5 .bh-catalog__grid,.bh-home-v5 .bh-catalog__grid.beats-grid{grid-template-columns:repeat(2,1fr) !important;gap:10px !important}
      .bh-home-v5 .bh-home-yt-grid{grid-template-columns:1fr !important}
      .bh-home-v5 .bh-catalog__play{opacity:1 !important;transform:none !important}
      /* Beat feed: tighter gap on small screens */
      .bh-home-v5 .bh-home-tracklist{gap:6px !important}
      .bh-home-v5 .bh-home-beatcard__info{padding:7px 8px 8px !important}
      .bh-home-v5 .bh-home-beatcard__title{font-size:12px !important}
      /* compact play button always visible on touch */
      .bh-home-v5 .bh-home-beatcard__play{opacity:1 !important}
      .bh-home-v5 .bh-home-beatcard__info{padding:7px 8px !important;gap:7px !important}
    }

    /* Force compact top nav on ALL screen sizes */
    .bh-home-v5 .bottom-nav,
    .bh-home-v5 .bh-dock-nav{
      flex-wrap:nowrap !important;
      overflow:hidden !important;
      max-height:60px !important;
    }
    .bh-home-v5 .nav-item,
    .bh-home-v5 .bh-dock-item{
      display:inline-flex !important;
      flex-direction:row !important;
      align-items:center !important;
      gap:5px !important;
      height:36px !important;
      min-height:0 !important;
      max-height:36px !important;
      width:auto !important;
      min-width:0 !important;
      padding:0 10px !important;
      border-radius:8px !important;
      font-size:10px !important;
      flex-shrink:1 !important;
    }
    .bh-home-v5 .nav-item i,
    .bh-home-v5 .bh-dock-item i{
      font-size:14px !important;
      line-height:1 !important;
    }
    .bh-home-v5 .bh-dock-item__label{
      display:inline !important;
      font:500 10px/1 'Manrope',sans-serif !important;
      white-space:nowrap !important;
    }
    .bh-home-v5 .bh-dock-item--menu{
      width:36px !important;
      max-width:36px !important;
      padding:0 !important;
      justify-content:center !important;
    }
    .bh-home-v5 .bh-dock-item--menu .bh-dock-item__label{
      display:none !important;
    }

    /* ════════════════════════════════════════════════════════════════
       BS-INSPIRED REDESIGN · final cosmetic layer
       References: BeatStars catalog cards, sticky bottom player, card
       hover with center-overlay play, cart-pill pricing, bold section
       headers, single violet accent for primary CTAs.
       Pure black bg + white type + violet (#7c3aed) accent for buy
       actions. Heart stays #ef4444 (existing language).
    ════════════════════════════════════════════════════════════════ */
    .bh-home-v5{
      /* Neutral accent palette — muted zinc / slate. No saturated
         primary; the brand reads as editorial / boutique rather than
         a mass-market marketplace. */
      --bs-accent:#3f3f46;          /* zinc-700 — base */
      --bs-accent-soft:#52525b;     /* zinc-600 — hover */
      --bs-accent-line:rgba(244,244,245,.18); /* outline tone */
      --bs-accent-tint:rgba(244,244,245,.08);
      /* Legacy aliases (used elsewhere) — point to the neutral palette. */
      --bs-violet:#3f3f46;
      --bs-violet-bright:#52525b;
      --bs-text:#fafafa;
      --bs-text-muted:rgba(244,244,245,.6);
      --bs-text-faint:rgba(244,244,245,.36);
      --bs-line:rgba(255,255,255,.07);
      --bs-surface:rgba(255,255,255,.025);
      --bs-surface-hi:rgba(255,255,255,.05);
    }

    /* ── Section titles · refined editorial ── */
    .bh-home-v5 .bh-home-list-title,
    .bh-home-v5 .section-title{
      font:700 22px/1.1 'Manrope',system-ui,sans-serif !important;
      letter-spacing:-.018em !important;
      color:var(--bs-text) !important;
      margin:0 0 18px !important;
      padding:0 !important;
      text-align:left !important;
      display:flex !important;
      align-items:center !important;
      gap:14px !important;
    }
    /* Tiny accent dot before the title — neutral grey, premium signal */
    .bh-home-v5 .bh-home-list-title::before{
      content:"" !important;
      display:inline-block !important;
      width:6px !important;
      height:6px !important;
      border-radius:999px !important;
      background:var(--bs-text-faint) !important;
      flex-shrink:0 !important;
    }
    .bh-home-v5 .bh-home-list-title::after{
      content:"" !important;
      flex:1 !important;
      height:1px !important;
      background:var(--bs-line) !important;
      align-self:center !important;
    }

    /* ── Beat cards grid ──
       Bug fix: the previous `auto-fill, minmax(180px, 1fr)` pushed the
       3rd card off the right edge when the viewport landed in the
       awkward 580–720 px range (3×180 + 2×14 = 568 fits, but the shell's
       padding + scrollbar reservation made it spill). Solution: cap
       columns explicitly per breakpoint, plus `min-width:0` on items
       so they shrink instead of overflowing. */
    .bh-home-v5 .bh-catalog__grid,
    .bh-home-v5 .beats-grid{
      display:grid !important;
      grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
      gap:20px 14px !important;
      width:100% !important;
      max-width:100% !important;
      box-sizing:border-box !important;
    }
    .bh-home-v5 .bh-catalog__card.beat-card{min-width:0 !important;}
    @media(min-width:900px){
      .bh-home-v5 .bh-catalog__grid,
      .bh-home-v5 .beats-grid{
        grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
        gap:22px 16px !important;
      }
    }
    @media(max-width:600px){
      .bh-home-v5 .bh-catalog__grid,
      .bh-home-v5 .beats-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
        gap:18px 12px !important;
      }
    }

    .bh-home-v5 .bh-catalog__card.beat-card{
      position:relative !important;
      background:transparent !important;
      border:0 !important;
      border-radius:0 !important;
      box-shadow:none !important;
      overflow:visible !important;
      padding:0 !important;
      transition:transform .28s cubic-bezier(.2,.8,.2,1) !important;
    }

    .bh-home-v5 .bh-catalog__cover{
      position:relative !important;
      aspect-ratio:1 / 1 !important;
      width:100% !important;
      border-radius:12px !important;
      overflow:hidden !important;
      background:linear-gradient(180deg, #131316 0%, #0a0a0c 100%) !important;
      box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.05),
        0 2px 8px rgba(0,0,0,.35) !important;
      transition:box-shadow .25s ease, transform .25s cubic-bezier(.2,.8,.2,1) !important;
    }
    .bh-home-v5 .bh-catalog__cover img{
      width:100% !important;
      height:100% !important;
      object-fit:cover !important;
      display:block !important;
      transition:transform .55s cubic-bezier(.2,.8,.2,1), filter .25s ease !important;
    }
    /* Overlay scrim — only on hover so the cover looks clean by default */
    .bh-home-v5 .bh-catalog__cover::after{
      content:"" !important;
      position:absolute !important;
      inset:0 !important;
      background:linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(0,0,0,.55) 100%) !important;
      opacity:0 !important;
      transition:opacity .25s ease !important;
      pointer-events:none !important;
    }
    .bh-home-v5 .beat-card:hover .bh-catalog__cover{
      transform:translateY(-3px) !important;
      box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.12),
        0 16px 32px rgba(0,0,0,.55) !important;
    }
    .bh-home-v5 .beat-card:hover .bh-catalog__cover img{
      transform:scale(1.06) !important;
      filter:brightness(.82) !important;
    }
    .bh-home-v5 .beat-card:hover .bh-catalog__cover::after{opacity:1 !important;}

    /* Center play — circular pill, hidden until hover (touch always shown) */
    .bh-home-v5 .bh-catalog__play{
      position:absolute !important;
      top:50% !important;
      left:50% !important;
      transform:translate(-50%, -50%) scale(.85) !important;
      width:54px !important;height:54px !important;
      border-radius:999px !important;
      background:#ffffff !important;
      color:#0a0a0a !important;
      border:0 !important;
      display:grid !important;
      place-items:center !important;
      cursor:pointer !important;
      box-shadow:0 8px 24px rgba(0,0,0,.55), 0 0 0 4px rgba(255,255,255,.08) !important;
      opacity:0 !important;
      transition:opacity .22s ease, transform .25s cubic-bezier(.2,.8,.2,1), background-color .15s ease !important;
      z-index:2 !important;
    }
    .bh-home-v5 .bh-catalog__play i,
    .bh-home-v5 .bh-catalog__play svg{font-size:18px !important;color:#0a0a0a !important;margin-left:2px !important;}
    .bh-home-v5 .beat-card:hover .bh-catalog__play{
      opacity:1 !important;
      transform:translate(-50%, -50%) scale(1) !important;
    }
    .bh-home-v5 .bh-catalog__play:hover{transform:translate(-50%, -50%) scale(1.08) !important;}
    .bh-home-v5 .bh-catalog__play:active{transform:translate(-50%, -50%) scale(.94) !important;}
    @media(hover:none){
      .bh-home-v5 .bh-catalog__play{opacity:.92 !important;transform:translate(-50%, -50%) scale(.9) !important;width:46px !important;height:46px !important;}
    }
    /* Active / playing state — neutral dark pill (was violet) */
    .bh-home-v5 .bh-catalog__play.is-playing,
    .bh-home-v5 .bh-catalog__play[aria-pressed="true"]{
      opacity:1 !important;
      transform:translate(-50%, -50%) scale(1) !important;
      background:#0a0a0c !important;
      color:#fafafa !important;
      box-shadow:0 8px 24px rgba(0,0,0,.55), 0 0 0 4px rgba(255,255,255,.16) !important;
    }
    .bh-home-v5 .bh-catalog__play.is-playing i,
    .bh-home-v5 .bh-catalog__play.is-playing svg{color:#fafafa !important;}

    /* Heart — top-right floating */
    .bh-home-v5 .bh-catalog__fav{
      position:absolute !important;
      top:8px !important;right:8px !important;
      width:32px !important;height:32px !important;
      border-radius:999px !important;
      background:rgba(0,0,0,.55) !important;
      backdrop-filter:blur(6px) !important;
      -webkit-backdrop-filter:blur(6px) !important;
      border:1px solid rgba(255,255,255,.08) !important;
      color:#ffffff !important;
      display:grid !important;
      place-items:center !important;
      cursor:pointer !important;
      transition:transform .18s ease, color .18s ease, background-color .18s ease !important;
      z-index:3 !important;
      opacity:.9 !important;
    }
    .bh-home-v5 .bh-catalog__fav:hover{
      transform:scale(1.1) !important;
      background:rgba(0,0,0,.7) !important;
      color:#ef4444 !important;
    }
    .bh-home-v5 .bh-catalog__fav.is-fav,
    .bh-home-v5 .bh-catalog__fav[aria-pressed="true"]{color:#ef4444 !important;opacity:1 !important;}
    .bh-home-v5 .bh-catalog__fav i{font-size:14px !important;}

    /* Info block under cover — clean type */
    .bh-home-v5 .bh-catalog__info{
      display:block !important;
      padding:12px 4px 0 !important;
      background:transparent !important;
      border:0 !important;
      text-decoration:none !important;
    }
    .bh-home-v5 .bh-catalog__title{
      margin:0 !important;
      font:700 14px/1.25 'Manrope',system-ui,sans-serif !important;
      letter-spacing:-.005em !important;
      color:var(--bs-text) !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
      white-space:nowrap !important;
      transition:color .18s ease !important;
    }
    .bh-home-v5 .beat-card:hover .bh-catalog__title{color:#ffffff !important;}
    .bh-home-v5 .bh-catalog__author{
      margin:3px 0 0 !important;
      font:500 12px/1.3 'Manrope',system-ui,sans-serif !important;
      color:var(--bs-text-muted) !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
      white-space:nowrap !important;
    }
    .bh-home-v5 .bh-catalog__foot{
      display:flex !important;
      align-items:center !important;
      justify-content:space-between !important;
      gap:8px !important;
      margin-top:10px !important;
    }
    .bh-home-v5 .bh-catalog__specs{
      font:600 9.5px/1 'Manrope',system-ui,sans-serif !important;
      color:var(--bs-text-faint) !important;
      letter-spacing:.18em !important;
      text-transform:uppercase !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
      white-space:nowrap !important;
      min-width:0 !important;
    }
    /* Cart pricing pill — amber outline */
    .bh-home-v5 .bh-catalog__price{
      display:inline-flex !important;
      align-items:center !important;
      gap:6px !important;
      padding:6px 11px !important;
      height:26px !important;
      border-radius:999px !important;
      background:rgba(200,255,0,0.08) !important;
      border:1px solid rgba(200,255,0,0.22) !important;
      color:#C8FF00 !important;
      font:700 11px/1 'DM Mono',ui-monospace,monospace !important;
      letter-spacing:.02em !important;
      flex-shrink:0 !important;
      transition:background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .15s ease !important;
    }
    .bh-home-v5 .bh-catalog__price::before{
      content:"\f07a" !important;
      font-family:"Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome !important;
      font-weight:900 !important;
      font-size:9px !important;
      color:rgba(200,255,0,.55) !important;
      transition:color .2s ease !important;
    }
    .bh-home-v5 .beat-card:hover .bh-catalog__price{
      background:rgba(200,255,0,.16) !important;
      border-color:rgba(200,255,0,0.5) !important;
      box-shadow:0 0 12px rgba(200,255,0,0.2) !important;
      color:#C8FF00 !important;
      transform:translateY(-1px) !important;
    }
    .bh-home-v5 .beat-card:hover .bh-catalog__price::before{color:#C8FF00 !important;}

    /* ── Featured hero — ANALOG HEAT refresh ── */
    .bh-home-v5 .bh-hero__badge{
      background:#C8FF00 !important;
      color:#000 !important;
      font:700 9.5px/1 'Manrope',system-ui,sans-serif !important;
      letter-spacing:.18em !important;
      text-transform:uppercase !important;
      padding:5px 10px !important;
      border:0 !important;
      box-shadow:0 2px 10px rgba(200,255,0,0.3) !important;
    }
    .bh-home-v5 .bh-hero__title{
      font:800 clamp(22px, 4vw, 32px)/1.1 'Syne',system-ui,sans-serif !important;
      letter-spacing:-.03em !important;
      color:#F2EDE4 !important;
      margin:6px 0 8px !important;
      text-transform:uppercase !important;
      text-wrap:balance !important;
    }
    .bh-home-v5 .bh-hero__producer{
      color:rgba(242,237,228,.85) !important;
      font:600 12px/1 'Manrope',system-ui,sans-serif !important;
      letter-spacing:.04em !important;
    }
    .bh-home-v5 .bh-hero__actions{
      display:flex !important;
      align-items:center !important;
      gap:12px !important;
      flex-wrap:nowrap !important;
    }
    .bh-home-v5 .bh-home-featured .bh-hero__actions .bh-hero__cta,
    .bh-home-v5 .bh-hero__actions a.bh-hero__cta,
    .bh-home-v5 .bh-hero__actions .bh-hero__cta.open-btn{
      flex:0 0 auto !important;
      width:auto !important;
      max-width:none !important;
      min-width:0 !important;
      padding:0 22px !important;
      height:46px !important;
      line-height:46px !important;
      background:rgba(200,255,0,.12) !important;
      color:#c4b5f4 !important;
      border:1px solid rgba(200,255,0,.3) !important;
      border-radius:999px !important;
      box-shadow:none !important;
      transition:background-color 220ms cubic-bezier(0.19,1,0.22,1), border-color 220ms cubic-bezier(0.19,1,0.22,1), box-shadow 220ms cubic-bezier(0.19,1,0.22,1), transform 140ms cubic-bezier(0.19,1,0.22,1) !important;
      font:700 11px/46px 'Manrope',system-ui,sans-serif !important;
      letter-spacing:.12em !important;
      text-transform:uppercase !important;
      display:inline-flex !important;
      align-items:center !important;
      gap:8px !important;
      white-space:nowrap !important;
      text-align:center !important;
    }
    .bh-home-v5 .bh-home-featured .bh-hero__actions .bh-hero__cta:hover,
    .bh-home-v5 .bh-hero__actions a.bh-hero__cta:hover{
      background:rgba(200,255,0,.22) !important;
      border-color:rgba(200,255,0,.5) !important;
      transform:translateY(-1px) !important;
      box-shadow:0 6px 20px rgba(200,255,0,.15) !important;
      color:#d8ccff !important;
    }
    .bh-home-v5 .bh-home-featured .bh-hero__actions{
      justify-content:flex-start !important;
    }
    .bh-home-v5 .bh-hero__play{
      background:#C8FF00 !important;
      color:#fff !important;
      box-shadow:0 4px 18px rgba(200,255,0,.4) !important;
      flex:0 0 auto !important;
    }
    .bh-home-v5 .bh-hero__play:hover{
      background:#E8FF88 !important;
      box-shadow:0 8px 28px rgba(200,255,0,.55) !important;
      transform:scale(1.07) !important;
    }
    .bh-home-v5 .bh-hero__play:active{ transform:scale(0.95) !important; }
    .bh-home-v5 .bh-hero__actions .bh-hero__cta:active{ transform:scale(0.97) !important; }

    /* ── Empty-cover fallback · animated equalizer bars ──
       When a beat card has no cover image (or the <img> is missing),
       show 7 vertical bars in the violet accent that pulse gently. */
    .bh-home-v5 .bh-catalog__cover:not(:has(img))::before,
    .bh-home-v5 .bh-catalog__cover img[src=""] + ::before,
    .bh-home-v5 .bh-catalog__cover.is-empty::before{
      content:"" !important;
      position:absolute !important;
      inset:0 !important;
      background:
        radial-gradient(85% 70% at 50% 35%, rgba(255,255,255,.05), rgba(0,0,0,0) 60%),
        linear-gradient(180deg, #1a1a1e 0%, #0c0c0f 100%) !important;
      pointer-events:none !important;
    }
    .bh-home-v5 .bh-catalog__cover.is-empty .bh-eq{
      position:absolute !important;
      inset:0 !important;
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      gap:5px !important;
      pointer-events:none !important;
    }
    .bh-home-v5 .bh-catalog__cover.is-empty .bh-eq span{
      display:block !important;
      width:4px !important;
      border-radius:2px !important;
      background:linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,.18)) !important;
      box-shadow:0 0 12px rgba(255,255,255,.06) !important;
      animation:bhEqPulse 1.6s ease-in-out infinite !important;
    }
    .bh-home-v5 .bh-catalog__cover.is-empty .bh-eq span:nth-child(1){height:30%; animation-delay:0s}
    .bh-home-v5 .bh-catalog__cover.is-empty .bh-eq span:nth-child(2){height:55%; animation-delay:.12s}
    .bh-home-v5 .bh-catalog__cover.is-empty .bh-eq span:nth-child(3){height:75%; animation-delay:.24s}
    .bh-home-v5 .bh-catalog__cover.is-empty .bh-eq span:nth-child(4){height:90%; animation-delay:.36s}
    .bh-home-v5 .bh-catalog__cover.is-empty .bh-eq span:nth-child(5){height:75%; animation-delay:.48s}
    .bh-home-v5 .bh-catalog__cover.is-empty .bh-eq span:nth-child(6){height:55%; animation-delay:.6s}
    .bh-home-v5 .bh-catalog__cover.is-empty .bh-eq span:nth-child(7){height:30%; animation-delay:.72s}
    @keyframes bhEqPulse{
      0%,100%{transform:scaleY(.4); opacity:.65}
      50%{transform:scaleY(1); opacity:1}
    }

    /* ================================================================
       ANALOG HEAT — NASA MISSION LAYER · v1
       Terminal-amber aesthetic inspired by mission control data displays.
       Grid overlays · eyebrow labels · status LEDs · depth surfaces.
       Last in source so it wins the cascade. Zero periwinkle.
       ================================================================ */

    /* ── Keyframes ── */
    @keyframes bhTermBlink{0%,49%{opacity:1}50%,100%{opacity:0}}
    @keyframes bhLedPulse{0%,100%{opacity:.7}50%{opacity:1}}
    @keyframes bhEqPulseAmber{0%,100%{transform:scaleY(.4);opacity:.55}50%{transform:scaleY(1);opacity:1}}

    /* ── Ambient — amber thermal halo, fixed so it persists on scroll ── */
    body{
      background:
        radial-gradient(ellipse 80% 45% at 50% -8%, rgba(200,255,0,.09) 0%, transparent 60%),
        radial-gradient(circle at 88% 92%, rgba(200,255,0,.06) 0%, transparent 40%),
        #000 !important;
      background-attachment:fixed, fixed, fixed !important;
    }

    /* ── Text selection ── */
    .bh-home-v5 ::selection,
    .bh-home-v5 ::-moz-selection{
      background:rgba(200,255,0,0.28) !important;
      color:#F2EDE4 !important;
    }

    /* ── Scrollbar ── */
    .bh-home-v5 ::-webkit-scrollbar{width:5px !important;height:5px !important;}
    .bh-home-v5 ::-webkit-scrollbar-track{background:transparent !important;}
    .bh-home-v5 ::-webkit-scrollbar-thumb{
      background:rgba(200,255,0,0.25) !important;
      border-radius:0 !important;
    }
    .bh-home-v5 ::-webkit-scrollbar-thumb:hover{background:rgba(200,255,0,.45) !important;}

    /* ── Topnav — amber hairline ── */
    .bh-topnav__bar{
      box-shadow:
        0 1px 0 rgba(200,255,0,0.18),
        0 8px 24px rgba(0,0,0,.5) !important;
    }

    /* ── Hero grid overlay — mission-control grid texture ── */
    .bh-home-v5 .bh-hero__card::before{
      content:"" !important;
      position:absolute !important;
      inset:0 !important;
      background-image:
        linear-gradient(rgba(200,255,0,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(200,255,0,.035) 1px, transparent 1px) !important;
      background-size:40px 40px !important;
      border-radius:inherit !important;
      pointer-events:none !important;
      z-index:1 !important;
      transform:translateZ(0) !important;
      /* No animation — grid is static */
    }

    /* ── Hero badge — eyebrow label with terminal cursor ── */
    .bh-home-v5 .bh-hero__badge{
      background:transparent !important;
      color:#C8FF00 !important;
      box-shadow:none !important;
      border:1px solid rgba(200,255,0,0.35) !important;
      font:600 9px/1 'DM Mono','Space Mono',monospace !important;
      letter-spacing:.22em !important;
      text-transform:uppercase !important;
      padding:5px 10px !important;
      border-radius:2px !important;
      display:inline-flex !important;
      align-items:center !important;
      gap:6px !important;
    }
    .bh-home-v5 .bh-hero__badge::after{
      content:"_" !important;
      display:inline-block !important;
      animation:bhTermBlink 1.1s step-end infinite !important;
      color:#C8FF00 !important;
    }

    /* ── Hero CTA — mission button (sharp, no-pill) ── */
    .bh-home-v5 .bh-hero__cta,
    .bh-home-v5 .bh-home-featured .bh-hero__actions .bh-hero__cta,
    .bh-home-v5 .bh-hero__actions a.bh-hero__cta,
    .bh-home-v5 .bh-hero__actions .bh-hero__cta.open-btn{
      background:rgba(200,255,0,0.08) !important;
      border:1px solid rgba(200,255,0,.32) !important;
      color:#C8FF00 !important;
      border-radius:3px !important;
      box-shadow:none !important;
      font:700 10px/46px 'DM Mono','Space Mono',monospace !important;
      letter-spacing:.18em !important;
    }
    .bh-home-v5 .bh-hero__cta:hover,
    .bh-home-v5 .bh-home-featured .bh-hero__actions .bh-hero__cta:hover,
    .bh-home-v5 .bh-hero__actions a.bh-hero__cta:hover{
      background:rgba(200,255,0,.16) !important;
      border-color:rgba(200,255,0,.55) !important;
      color:#C8FF00 !important;
      box-shadow:0 0 18px rgba(200,255,0,0.18) !important;
    }

    /* ── Hero play — amber core, no ring ── */
    .bh-home-v5 .bh-hero__play{
      background:#C8FF00 !important;
      color:#000 !important;
      border-radius:3px !important;
      box-shadow:0 4px 20px rgba(200,255,0,0.4) !important;
    }
    .bh-home-v5 .bh-hero__play:hover{
      background:#C8FF00 !important;
      box-shadow:0 6px 28px rgba(200,255,0,0.6), 0 0 0 1px rgba(200,255,0,0.5) !important;
      transform:scale(1.06) !important;
    }

    /* ── Primary buttons — solid amber, sharp radius ── */
    .bh-home-v5 .bh-home-btn--primary,
    .bh-home-v5 .bh-home-btn.is-primary{
      background:#C8FF00 !important;
      color:#000 !important;
      border:0 !important;
      border-radius:3px !important;
      font:700 10px/1 'DM Mono','Space Mono',monospace !important;
      letter-spacing:.14em !important;
      text-transform:uppercase !important;
      box-shadow:0 4px 14px rgba(200,255,0,0.3) !important;
    }
    .bh-home-v5 .bh-home-btn--primary:hover,
    .bh-home-v5 .bh-home-btn.is-primary:hover{
      background:#C8FF00 !important;
      box-shadow:0 6px 20px rgba(200,255,0,.45) !important;
    }

    /* ── Section eyebrow titles — NASA level-label style ── */
    .bh-home-v5 .section-title,
    .bh-home-v5 .bh-home-list-title,
    .bh-home-v5 .bh-home-section-title{
      color:#C8FF00 !important;
      font:700 10px/1 'DM Mono','Space Mono',monospace !important;
      letter-spacing:.2em !important;
      text-transform:uppercase !important;
      display:flex !important;
      align-items:center !important;
      gap:10px !important;
    }
    .bh-home-v5 .section-title::before,
    .bh-home-v5 .bh-home-list-title::before,
    .bh-home-v5 .bh-home-section-title::before{
      content:"" !important;
      display:inline-block !important;
      width:18px !important;
      height:1px !important;
      background:#C8FF00 !important;
      opacity:.7 !important;
      flex-shrink:0 !important;
    }
    .bh-home-v5 .bh-home-cart-empty-kicker{
      color:rgba(200,255,0,0.7) !important;
    }

    /* ── Status LED — inline amber dot for active states ── */
    .bh-home-v5 .bh-dock-item--active .bh-dock-item__label::before,
    .bh-home-v5 .bh-dock-item.is-active .bh-dock-item__label::before{
      content:"" !important;
      display:inline-block !important;
      width:5px !important;
      height:5px !important;
      border-radius:0 !important;
      background:#C8FF00 !important;
      margin-right:5px !important;
      vertical-align:middle !important;
      animation:bhLedPulse 2s ease-in-out infinite !important;
      box-shadow:0 0 6px rgba(200,255,0,0.6) !important;
    }

    /* ── Card hover — amber grid-line border ── */
    .bh-home-v5 .bh-catalog__card:hover,
    .bh-home-v5 .beat-card:hover{
      box-shadow:
        0 0 0 1px rgba(200,255,0,0.22),
        0 12px 30px rgba(200,255,0,0.08),
        0 12px 30px rgba(0,0,0,.35) !important;
    }
    .bh-home-v5 .bh-sale-card:hover,
    .bh-home-v5 .bh-service-card:hover,
    .bh-home-v5 .bh-stream-panel:hover,
    .bh-home-v5 .bh-library-hub:hover,
    .bh-home-v5 .bh-profile-card:hover{
      border-color:rgba(200,255,0,0.28) !important;
      box-shadow:0 12px 28px rgba(200,255,0,0.1) !important;
    }

    /* ── EQ bars — amber tint ── */
    .bh-home-v5 .bh-catalog__cover.is-empty .bh-eq span{
      background:linear-gradient(180deg, rgba(200,255,0,0.7), rgba(200,255,0,0.22)) !important;
      box-shadow:0 0 10px rgba(200,255,0,0.2) !important;
      animation:bhEqPulseAmber 1.6s ease-in-out infinite !important;
    }

    /* ── Avatar ring — amber glow ── */
    .bh-slide-menu__head img,
    .bh-slide-menu__head .bh-slide-menu__avatar{
      box-shadow:0 0 0 2px rgba(200,255,0,0.3), 0 0 12px rgba(200,255,0,0.15) !important;
    }

    /* ── Beat metadata mono — terminal data readout ── */
    .bh-home-v5 .bh-catalog__specs,
    .bh-home-v5 .bh-catalog__bpm,
    .bh-home-v5 .bh-catalog__key,
    .bh-home-v5 .bh-home-trackprice,
    .bh-home-v5 .bh-catalog__price{
      font-family:'DM Mono','Space Mono',monospace !important;
      letter-spacing:.06em !important;
    }

    /* ================================================================
       HOME LAYOUT RESTRUCTURE — Beats first, levels last
       Shell uses flex-column + order to float catalog above fold.
       Levels become a compact promo strip at the bottom.
       ================================================================ */

    /* Shell: flex column so we can reorder children */
    .bh-home-v5 .bh-home-shell{
      display:flex !important;
      flex-direction:column !important;
    }
    /* Hidden legacy shells */
    .bh-home-v5 .bh-home-topmini{ order:0 !important; display:none !important; }
    .bh-home-v5 .bh-home-stats{ order:0 !important; display:none !important; }
    .bh-home-v5 .bh-home-wave-hero{ order:0 !important; display:none !important; }

    /* Featured hero — compact horizontal card, first visible section */
    .bh-home-v5 .bh-home-featured{ order:1 !important; }

    /* Latest Beats — immediately below hero */
    .bh-home-v5 .bh-home-recent{ order:2 !important; }

    /* YouTube — hide when no content loads; stage/player — below catalog */
    .bh-home-v5 .bh-home-yt-section{ order:3 !important; display:none !important; }
    .bh-home-v5 .bh-home-embed-section{ order:4 !important; }
    #bh-app-main-player{ order:5 !important; }

    /* Levels — cinematic discovery section, below the fold */
    .bh-levels-wrapper{
      order:10 !important;
      height:auto !important;
      overflow:visible !important;
    }
    .bh-levels-scroll{
      height:auto !important;
      overflow:visible !important;
      overflow-y:visible !important;
    }
    .bh-level{
      height:auto !important;
      min-height:520px !important;
      padding:80px 6vw 72px !important;
    }
    /* Keep level-1 cover full-height as cinematic teaser */
    .bh-level.bh-level--cover{
      min-height:70vh !important;
    }
    /* Levels wrapper right-rail dots — hide when levels are not scroll-contained */
    .bh-levels-progress{
      display:none !important;
    }

    /* ── COMPACT HERO — horizontal layout ── */
    .bh-home-v5 .bh-home-featured{
      padding:16px !important;
      margin-bottom:0 !important;
    }
    .bh-home-v5 .bh-hero__card.featured-card{
      display:flex !important;
      flex-direction:row !important;
      align-items:center !important;
      gap:16px !important;
      min-height:0 !important;
      max-height:none !important;
      height:auto !important;
      padding:16px !important;
      border-radius:16px !important;
      background:rgba(255,255,255,.03) !important;
      border:1px solid rgba(255,255,255,.07) !important;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 4px 24px rgba(0,0,0,.3) !important;
      position:relative !important;
      overflow:hidden !important;
      justify-content:flex-start !important;
    }
    /* Cover: square thumbnail on the left */
    .bh-home-v5 .bh-hero__cover{
      flex:0 0 100px !important;
      width:100px !important;
      height:100px !important;
      border-radius:10px !important;
      overflow:hidden !important;
      position:relative !important;
      z-index:auto !important;
      box-shadow:0 4px 20px rgba(0,0,0,.5) !important;
    }
    .bh-home-v5 .bh-hero__cover img{
      position:relative !important;
      width:100% !important;
      height:100% !important;
      object-fit:cover !important;
      opacity:1 !important;
      filter:none !important;
      transform:none !important;
    }
    /* Content: fills remaining space */
    .bh-home-v5 .bh-hero__content{
      flex:1 !important;
      min-width:0 !important;
      position:relative !important;
      z-index:2 !important;
      padding:0 !important;
    }
    .bh-home-v5 .bh-hero__top{
      display:flex !important;
      align-items:center !important;
      gap:8px !important;
      margin-bottom:6px !important;
    }
    .bh-home-v5 .bh-hero__title{
      font:800 clamp(18px,4vw,26px)/1 'Syne',system-ui,sans-serif !important;
      letter-spacing:-.02em !important;
      color:#F2EDE4 !important;
      margin:0 0 6px !important;
      text-transform:uppercase !important;
      white-space:nowrap !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
    }
    .bh-home-v5 .bh-hero__meta{
      display:flex !important;
      align-items:center !important;
      gap:6px !important;
      margin-bottom:10px !important;
      flex-wrap:wrap !important;
    }
    .bh-home-v5 .bh-hero__avatar{
      width:18px !important;
      height:18px !important;
      border-radius:0 !important;
      border:1px solid rgba(255,255,255,.15) !important;
    }
    .bh-home-v5 .bh-hero__prices{
      margin-bottom:10px !important;
    }
    .bh-home-v5 .bh-hero__actions{
      display:flex !important;
      align-items:center !important;
      gap:8px !important;
    }
    .bh-home-v5 .bh-home-master-play.bh-hero__play{
      width:36px !important;
      height:36px !important;
      min-width:36px !important;
      flex:0 0 36px !important;
      border-radius:3px !important;
    }
    /* Wave container hidden in compact hero */
    .bh-home-v5 .wave-container.bh-home-wave{
      display:none !important;
    }

    /* ── CATALOG SECTION — compact, visible ── */
    .bh-home-v5 .bh-home-recent{
      padding:16px !important;
    }
    .bh-home-v5 .bh-home-list-title,
    .bh-home-v5 .section-title{
      font:700 9px/1 'DM Mono','Space Mono',monospace !important;
      letter-spacing:.24em !important;
      text-transform:uppercase !important;
      color:rgba(255,255,255,.35) !important;
      display:flex !important;
      align-items:center !important;
      gap:10px !important;
      margin:0 0 12px !important;
    }
    .bh-home-v5 .bh-home-list-title::before,
    .bh-home-v5 .section-title::before{
      content:"" !important;
      display:inline-block !important;
      width:14px !important;
      height:1px !important;
      background:#C8FF00 !important;
      opacity:.6 !important;
      flex-shrink:0 !important;
    }
    /* Grid: 2 cols on mobile, 3 on wider */
    .bh-home-v5 .bh-catalog__grid,
    .bh-home-v5 .bh-catalog__grid.beats-grid{
      display:grid !important;
      grid-template-columns:repeat(2,1fr) !important;
      gap:10px !important;
      padding:0 !important;
    }
    @media(min-width:480px){
      .bh-home-v5 .bh-catalog__grid,
      .bh-home-v5 .bh-catalog__grid.beats-grid{
        grid-template-columns:repeat(3,1fr) !important;
        gap:12px !important;
      }
    }
    /* Cards: dark visible surface */
    .bh-home-v5 .bh-catalog__card,
    .bh-home-v5 .bh-catalog__card.beat-card{
      background:#0D0B14 !important;
      border:1px solid rgba(200,255,0,0.1) !important;
      border-radius:4px !important;
      overflow:hidden !important;
      display:flex !important;
      flex-direction:column !important;
      transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease !important;
    }
    .bh-home-v5 .bh-catalog__card:hover,
    .bh-home-v5 .beat-card:hover{
      transform:translateY(-2px) !important;
      border-color:rgba(200,255,0,0.28) !important;
      box-shadow:0 8px 24px rgba(200,255,0,0.1), 0 0 0 1px rgba(200,255,0,.16) !important;
    }
    /* Cover: visible gradient background for when image is missing */
    .bh-home-v5 .bh-catalog__cover{
      position:relative !important;
      aspect-ratio:1 !important;
      border-radius:0 !important;
      overflow:hidden !important;
      background:
        linear-gradient(135deg, #131020 0%, #0A0D1C 100%) !important;
      box-shadow:none !important;
    }
    /* Subtle shimmer line across top of cover */
    .bh-home-v5 .bh-catalog__cover::after{
      content:"" !important;
      position:absolute !important;
      top:0 !important;left:0 !important;right:0 !important;
      height:1px !important;
      background:rgba(200,255,0,0.18) !important;
      pointer-events:none !important;
    }
    .bh-home-v5 .bh-catalog__cover img{
      width:100% !important;
      height:100% !important;
      object-fit:cover !important;
      display:block !important;
      transition:transform .35s ease !important;
    }
    .bh-home-v5 .beat-card:hover .bh-catalog__cover img{
      transform:scale(1.05) !important;
    }
    /* Play button */
    .bh-home-v5 .bh-catalog__play{
      background:#C8FF00 !important;
      color:#000 !important;
      border-radius:3px !important;
      border:none !important;
      box-shadow:0 2px 12px rgba(200,255,0,0.5) !important;
      opacity:0 !important;
      transform:scale(.85) !important;
      transition:opacity .18s ease, transform .18s ease !important;
    }
    .bh-home-v5 .beat-card:hover .bh-catalog__play{
      opacity:1 !important;
      transform:scale(1) !important;
    }
    /* Card info area */
    .bh-home-v5 .bh-catalog__info{
      padding:10px !important;
      display:flex !important;
      flex-direction:column !important;
      gap:3px !important;
      text-decoration:none !important;
      flex:1 !important;
    }
    .bh-home-v5 .bh-catalog__title{
      font:700 12px/1.25 'Syne',system-ui,sans-serif !important;
      color:#F2EDE4 !important;
      white-space:nowrap !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
      margin:0 !important;
    }
    .bh-home-v5 .bh-catalog__author{
      font:500 10px/1 'Manrope',system-ui,sans-serif !important;
      color:rgba(242,237,228,.38) !important;
      white-space:nowrap !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
      margin:0 !important;
    }
    .bh-home-v5 .bh-catalog__foot{
      display:flex !important;
      align-items:center !important;
      justify-content:space-between !important;
      gap:4px !important;
      margin-top:6px !important;
    }
    .bh-home-v5 .bh-catalog__specs{
      font:600 9px/1 'DM Mono','Space Mono',monospace !important;
      color:rgba(242,237,228,.3) !important;
      letter-spacing:.04em !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
      white-space:nowrap !important;
    }
    .bh-home-v5 .bh-catalog__price{
      font:700 10px/1 'DM Mono','Space Mono',monospace !important;
      color:#C8FF00 !important;
      background:rgba(200,255,0,0.1) !important;
      border:1px solid rgba(200,255,0,0.2) !important;
      border-radius:2px !important;
      padding:3px 6px !important;
      white-space:nowrap !important;
      flex-shrink:0 !important;
    }
    .bh-home-v5 .beat-card:hover .bh-catalog__price{
      background:rgba(200,255,0,0.18) !important;
      border-color:rgba(200,255,0,0.4) !important;
      color:#74C8FF !important;
    }

    /* ── Dock nav active — blue indicator bar ── */
    .bh-home-v5 .bh-dock-item--active,
    .bh-home-v5 .bh-dock-item.is-active{
      color:#C8FF00 !important;
    }
    .bh-home-v5 .bh-dock-item--active::after,
    .bh-home-v5 .bh-dock-item.is-active::after{
      content:"" !important;
      display:block !important;
      width:20px !important;
      height:2px !important;
      background:#C8FF00 !important;
      border-radius:0 !important;
      margin:4px auto 0 !important;
      box-shadow:0 0 8px rgba(200,255,0,0.5) !important;
    }

    /* ================================================================
       BH LEVELS — Full-viewport scroll experience
       Amber ANALOG HEAT palette. NASA scroll-snap structure adapted
       for music marketplace. 4 levels: Cover / Offering / Stats / CTA
       ================================================================ */

    /* Wrapper: isolated scroller, sits below topnav */
    .bh-levels-wrapper{
      position:relative;
      height:calc(100svh - 56px);
      height:calc(100vh - 56px);
      overflow:hidden;
      z-index:2;
    }
    .bh-levels-scroll{
      height:100%;
      overflow-y:scroll;
      overflow-x:hidden;
      scroll-behavior:smooth;
      scrollbar-width:none;
      -webkit-overflow-scrolling:touch;
    }
    .bh-levels-scroll::-webkit-scrollbar{display:none;}

    /* Each level: full viewport height */
    .bh-level{
      position:relative;
      height:100svh;
      height:100vh;
      display:flex;
      flex-direction:column;
      justify-content:center;
      padding:80px 6vw 72px;
      overflow:hidden;
      isolation:isolate;
      contain:layout style;
    }

    /* Backgrounds — GPU-promoted layer for smooth Ken Burns */
    .bh-level-bg{
      position:absolute;inset:0;
      background-size:cover;
      background-position:center;
      z-index:0;
      transform:translateZ(0);
      will-change:transform;
      animation:bhKenBurns 28s ease-out both;
    }
    @keyframes bhKenBurns{from{transform:translateZ(0) scale(1.06);}to{transform:translateZ(0) scale(1);}}

    .bh-level-overlay{
      position:absolute;inset:0;
      background:
        linear-gradient(to bottom,rgba(0,0,0,.3) 0%,rgba(6,5,10,.6) 40%,rgba(6,5,10,.92) 100%),
        linear-gradient(to right,rgba(6,5,10,.8),transparent 55%);
      z-index:1;
    }

    /* Grid texture — static, no animation, mask contained to center */
    .bh-level-grid{
      position:absolute;inset:0;
      background-image:
        linear-gradient(rgba(200,255,0,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(200,255,0,.035) 1px,transparent 1px);
      background-size:56px 56px;
      z-index:1;
      pointer-events:none;
      transform:translateZ(0);
      mask-image:radial-gradient(ellipse 75% 70% at 50% 50%,black 20%,transparent 75%);
      -webkit-mask-image:radial-gradient(ellipse 75% 70% at 50% 50%,black 20%,transparent 75%);
    }

    /* Ambient amber glow (level bg -- deep) */
    .bh-level-bg--deep{
      background:
        radial-gradient(ellipse 65% 55% at 25% 35%,rgba(200,255,0,.14),transparent 60%),
        radial-gradient(ellipse 55% 50% at 82% 72%,rgba(200,255,0,.08),transparent 60%),
        linear-gradient(180deg,#0A0810 0%,#000 60%,#000 100%);
    }
    .bh-level-bg--pulse{
      background:
        radial-gradient(ellipse 70% 60% at 50% 45%,rgba(200,255,0,.14),transparent 58%),
        linear-gradient(180deg,#000 0%,#100D18 100%);
      /* No opacity animation — avoids repaint; depth created by gradient alone */
    }

    /* Content container */
    .bh-level-content{
      position:relative;
      z-index:2;
      max-width:1200px;
      width:100%;
    }
    .bh-level-content--center{
      text-align:center;
      align-items:center;
      display:flex;
      flex-direction:column;
    }

    /* Eyebrow */
    .bh-level-eyebrow{
      font:700 10px/1 'DM Mono','Space Mono',monospace;
      letter-spacing:.24em;
      text-transform:uppercase;
      color:#C8FF00;
      margin-bottom:18px;
      display:flex;
      align-items:center;
      gap:10px;
    }
    .bh-level-eyebrow::before{
      content:"";
      display:inline-block;
      width:16px;height:1px;
      background:#C8FF00;
      opacity:.65;
      flex-shrink:0;
    }

    /* Terminal blink cursor */
    .bh-terminal-blink::after{
      content:"_";
      animation:bhTermBlink 1.1s step-end infinite;
      color:#C8FF00;
    }

    /* Level 1 — Cover title */
    .bh-level-hero-title{
      font-size:clamp(2.2rem,6vw,4.5rem);
      font-weight:800;
      line-height:1.05;
      font-family:'Syne',system-ui,sans-serif;
      letter-spacing:-.04em;
      color:rgba(255,255,255,.92);
      margin-bottom:20px;
      text-wrap:balance;
      text-shadow:0 0 60px rgba(200,255,0,.15);
    }
    .bh-level-title-line{display:block;}
    .bh-level-title-line--accent{
      background:linear-gradient(90deg,#C8FF00 0%,#c4b5f4 100%);
      -webkit-background-clip:text;
      background-clip:text;
      -webkit-text-fill-color:transparent;
      color:transparent;
    }
    .bh-level-hero-sub{
      font-size:clamp(0.9rem,2vw,1.1rem);
      font-weight:400;
      line-height:1.6;
      font-family:'Manrope',system-ui,sans-serif;
      max-width:42ch;
      color:rgba(255,255,255,.55);
      margin-bottom:32px;
      letter-spacing:-.01em;
      text-wrap:pretty;
    }

    /* Level down CTA */
    .bh-level-next-btn{
      display:inline-flex;
      align-items:center;
      gap:10px;
      padding:11px 22px;
      background:rgba(200,255,0,.09);
      border:1px solid rgba(200,255,0,.28);
      border-radius:999px;
      color:#c4b5f4;
      font:600 10px/1 'Manrope',system-ui,sans-serif;
      letter-spacing:.1em;
      text-transform:uppercase;
      cursor:pointer;
      transition:background 220ms cubic-bezier(0.19,1,0.22,1),border-color 220ms cubic-bezier(0.19,1,0.22,1),transform 140ms cubic-bezier(0.19,1,0.22,1);
    }
    .bh-level-next-btn:hover{
      background:rgba(200,255,0,.18);
      border-color:rgba(200,255,0,.5);
      transform:translateY(3px);
    }
    .bh-level-next-btn:active{ transform:scale(0.97); }
    .bh-level-next-btn svg{width:13px;height:13px;}
    .bh-level-next-dot{
      width:7px;height:7px;
      border-radius:50%;
      background:#C8FF00;
      box-shadow:0 0 10px rgba(200,255,0,.6);
      animation:bhLedPulse 1.5s ease-in-out infinite;
    }

    /* Level 2 — Values grid */
    .bh-level-slogan{
      font:900 clamp(2rem,5.5vw,4.5rem)/1.05 'Syne',system-ui,sans-serif;
      letter-spacing:-.025em;
      color:#F2EDE4;
      max-width:960px;
      margin-bottom:14px;
    }
    .bh-level-slogan-sub{
      font:600 clamp(11px,1.1vw,13px)/1 'DM Mono','Space Mono',monospace;
      letter-spacing:.14em;
      text-transform:uppercase;
      color:rgba(242,237,228,.45);
      margin-bottom:42px;
    }
    .bh-level-values{
      list-style:none;
      padding:0;margin:0;
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:12px;
      max-width:820px;
    }
    @media(min-width:768px){.bh-level-values{grid-template-columns:repeat(4,1fr);}}
    .bh-level-value{
      display:flex;
      align-items:flex-start;
      gap:12px;
      padding:16px;
      background:rgba(200,255,0,0.04);
      border:1px solid rgba(200,255,0,0.1);
      border-radius:3px;
      transition:transform .28s ease,border-color .28s ease,background .28s ease;
    }
    .bh-level-value:hover{
      transform:translateY(-3px);
      border-color:rgba(200,255,0,.32);
      background:rgba(200,255,0,0.08);
    }
    .bh-level-value-num{
      font:700 10px/1 'DM Mono','Space Mono',monospace;
      letter-spacing:.18em;
      color:#C8FF00;
      padding-top:2px;
      flex-shrink:0;
    }
    .bh-level-value strong{
      display:block;
      font:700 13px/1 'Syne',system-ui,sans-serif;
      color:#F2EDE4;
      letter-spacing:.02em;
      margin-bottom:5px;
    }
    .bh-level-value em{
      font-style:normal;
      font:400 11px/1.4 'Manrope',system-ui,sans-serif;
      color:rgba(242,237,228,.5);
    }

    /* Level 3 — Stats */
    .bh-level-title{
      font:900 clamp(2.2rem,5.5vw,4rem)/1 'Syne',system-ui,sans-serif;
      letter-spacing:-.025em;
      color:#F2EDE4;
      margin-bottom:18px;
    }
    .bh-level-sub{
      font:400 clamp(14px,1.3vw,16px)/1.65 'Manrope',system-ui,sans-serif;
      color:rgba(242,237,228,.65);
      max-width:680px;
      margin-bottom:32px;
    }
    .bh-level-sub strong{color:#C8FF00;font-weight:700;}
    .bh-level-stats-row{
      display:flex;
      gap:32px;
      flex-wrap:wrap;
      margin-bottom:32px;
      padding:20px 0;
      border-top:1px solid rgba(200,255,0,.14);
      border-bottom:1px solid rgba(200,255,0,.14);
    }
    .bh-level-stat{display:flex;flex-direction:column;}
    .bh-level-stat-num{
      font:900 clamp(2rem,3.5vw,2.8rem)/1 'Syne',system-ui,sans-serif;
      color:#C8FF00;
      letter-spacing:-.02em;
      font-variant-numeric:tabular-nums;
    }
    .bh-level-stat-lbl{
      font:700 10px/1 'DM Mono','Space Mono',monospace;
      letter-spacing:.16em;
      text-transform:uppercase;
      color:rgba(242,237,228,.4);
      margin-top:7px;
    }

    /* Level 4 — CTA (center) */
    .bh-level-title-huge{
      font:900 clamp(3rem,10vw,8rem)/.95 'Syne',system-ui,sans-serif;
      letter-spacing:-.03em;
      color:#F2EDE4;
      margin-bottom:18px;
    }
    .bh-level-cta-row{display:flex;gap:14px;flex-wrap:wrap;}
    .bh-level-cta-row--center{justify-content:center;}
    .bh-level-btn-primary{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:12px 24px;
      background:#7c5cbf;
      border:1px solid rgba(200,255,0,.4);
      border-radius:999px;
      color:#fff;
      font:700 11px/1 'Manrope',system-ui,sans-serif;
      letter-spacing:.02em;
      text-transform:none;
      cursor:pointer;
      text-decoration:none;
      transition:background 220ms cubic-bezier(0.19,1,0.22,1),box-shadow 220ms cubic-bezier(0.19,1,0.22,1),transform 140ms cubic-bezier(0.19,1,0.22,1);
      box-shadow:0 4px 18px rgba(200,255,0,.3);
    }
    .bh-level-btn-primary:hover{
      background:#8e6fd4;
      box-shadow:0 6px 26px rgba(200,255,0,.5);
      color:#fff;
    }
    .bh-level-btn-primary:active{ transform:scale(0.97); }
    .bh-level-btn-ghost{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:12px 24px;
      background:transparent;
      border:1px solid rgba(255,255,255,.12);
      border-radius:999px;
      color:rgba(255,255,255,.7);
      font:700 11px/1 'Manrope',system-ui,sans-serif;
      letter-spacing:.02em;
      text-transform:none;
      cursor:pointer;
      text-decoration:none;
      transition:background 220ms cubic-bezier(0.19,1,0.22,1),border-color 220ms cubic-bezier(0.19,1,0.22,1),transform 140ms cubic-bezier(0.19,1,0.22,1);
    }
    .bh-level-btn-ghost:hover{
      background:rgba(255,255,255,.06);
      border-color:rgba(255,255,255,.2);
      color:rgba(255,255,255,.9);
    }
    .bh-level-btn-ghost:active{ transform:scale(0.97); }

    /* Scroll cue (bottom center) */
    .bh-level-scroll-cue{
      position:absolute;
      left:50%;bottom:28px;
      transform:translateX(-50%);
      display:flex;
      flex-direction:column;
      align-items:center;
      gap:8px;
      z-index:3;
      font:700 9px/1 'DM Mono','Space Mono',monospace;
      letter-spacing:.22em;
      text-transform:uppercase;
      color:rgba(200,255,0,0.5);
      animation:bhCueFloat 2.2s ease-in-out infinite;
      pointer-events:none;
    }
    .bh-level-scroll-cue-bar{
      width:1px;height:24px;
      background:linear-gradient(to bottom,rgba(200,255,0,0.5),transparent);
    }
    @keyframes bhCueFloat{
      0%,100%{transform:translate(-50%,0);opacity:.55;}
      50%{transform:translate(-50%,5px);opacity:1;}
    }

    /* Progress dots rail (right side) */
    .bh-levels-progress{
      position:absolute;
      top:50%;right:20px;
      transform:translateY(-50%);
      display:flex;
      flex-direction:column;
      gap:14px;
      z-index:10;
    }
    .bh-level-dot{
      position:relative;
      width:12px;height:12px;
      padding:0;
      border:1px solid rgba(200,255,0,0.3);
      background:transparent;
      border-radius:50%;
      cursor:pointer;
      transition:all .28s ease;
    }
    .bh-level-dot::after{
      content:"";
      position:absolute;
      inset:3px;
      border-radius:50%;
      background:transparent;
      transition:background .28s ease;
    }
    .bh-level-dot.is-active::after{
      background:#C8FF00;
      box-shadow:0 0 8px rgba(200,255,0,0.7);
    }
    .bh-level-dot.is-active{
      border-color:#C8FF00;
      transform:scale(1.2);
    }
    .bh-level-dot>span{
      position:absolute;
      right:20px;top:50%;
      transform:translateY(-50%) translateX(8px);
      font:700 9px/1 'DM Mono','Space Mono',monospace;
      letter-spacing:.14em;
      color:rgba(242,237,228,.5);
      opacity:0;
      pointer-events:none;
      white-space:nowrap;
      transition:opacity .22s ease,transform .22s ease;
    }
    .bh-level-dot:hover>span{opacity:1;transform:translateY(-50%) translateX(0);}
    .bh-level-dot.is-active>span{color:#C8FF00;}
    @media(max-width:640px){
      .bh-levels-progress{right:10px;gap:10px;}
      .bh-level-dot{width:8px;height:8px;}
      .bh-level-dot>span{display:none;}
      .bh-level{padding:72px 5vw 64px;}
    }

    /* Skip button */
    .bh-levels-skip{
      position:absolute;
      bottom:22px;right:20px;
      z-index:10;
      font:700 9px/1 'DM Mono','Space Mono',monospace;
      letter-spacing:.18em;
      text-transform:uppercase;
      color:rgba(200,255,0,.45);
      background:none;
      border:none;
      cursor:pointer;
      padding:6px 0;
      transition:color .2s ease;
    }
    .bh-levels-skip:hover{color:#C8FF00;}

    /* Content — promote only while animating; GSAP clears this after */
    .bh-level-content{
      will-change:auto;
    }

    /* ── Player progress — ID override to ensure --_fill gradient wins ── */
    #bh-app-main-player .bst-gp-progress,
    #bh-app-main-player .js-app-player-progress{
      --_fill: 0%;
      background: linear-gradient(
        to right,
        #C8FF00 0%,
        #C8FF00 var(--_fill),
        rgba(255,255,255,.08) var(--_fill),
        rgba(255,255,255,.08) 100%
      ) !important;
      border-radius: 2px !important;
      height: 3px !important;
      transition: height .18s ease !important;
    }
    #bh-app-main-player .bst-gp-progress:hover,
    #bh-app-main-player .js-app-player-progress:hover{
      height: 5px !important;
    }
    #bh-app-main-player .bst-gp-progress::-webkit-slider-thumb{
      -webkit-appearance: none !important;
      width: 0 !important; height: 0 !important;
    }
    #bh-app-main-player .bst-gp-progress:hover::-webkit-slider-thumb{
      width: 11px !important; height: 11px !important;
      border-radius: 50% !important;
      background: #C8FF00 !important;
      box-shadow: 0 0 8px rgba(200,255,0,.55) !important;
      margin-top: -3px !important;
    }
    #bh-app-main-player .bst-gp-progress::-moz-range-thumb{
      width: 0 !important; height: 0 !important;
      border: none !important;
      background: transparent !important;
    }

    /* ── GSAP entrance — pre-hide targets so CSS flash is avoided ── */
    .bh-gsap-ready .bh-topnav{opacity:0;transform:translateY(-100%);}
    .bh-gsap-ready .bh-hero__card{opacity:0;transform:translateY(28px);}
    .bh-gsap-ready .bh-hero__badge{opacity:0;transform:translateY(8px);}
    .bh-gsap-ready .bh-hero__title{opacity:0;transform:translateY(14px);}
    .bh-gsap-ready .bh-hero__meta{opacity:0;}
    .bh-gsap-ready .bh-hero__actions{opacity:0;transform:translateY(10px);}
    .bh-gsap-ready .bh-home-list-title,
    .bh-gsap-ready .bh-home-section-title{opacity:0;transform:translateX(-10px);}
    .bh-gsap-ready .beat-card{opacity:0;transform:translateX(-12px);}
    .bh-gsap-ready .bh-home-recent{opacity:0;}
    .bh-gsap-scroll .bh-home-tool-pill{opacity:0;transform:translateY(12px) scale(.92);}
    .bh-gsap-scroll .bh-home-plan-card{opacity:0;transform:translateY(24px) scale(.97);}
    .bh-gsap-scroll .bh-home-lyric-card{opacity:0;transform:translateY(18px) scale(.96);}

    /* ================================================================
       LEVELS IN-FLOW FINAL OVERRIDE — must be last in cascade.
       Levels are now normal-scroll sections (not snap-scroll),
       so we strip the viewport-height constraints and clipping.
       ================================================================ */

    /* Wrapper: full height auto, no clip */
    .bh-levels-wrapper{
      height:auto !important;
      overflow:visible !important;
      margin-top:0 !important;
    }
    .bh-levels-scroll{
      height:auto !important;
      overflow:visible !important;
      overflow-y:visible !important;
    }

    /* Each level: natural height, tight padding, no viewport lock */
    .bh-level{
      height:auto !important;
      min-height:0 !important;
      padding:64px 20px 56px !important;
      overflow:visible !important;
      contain:none !important;
    }
    /* Cover level: slightly taller as cinematic opener */
    .bh-level.bh-level--cover{
      min-height:0 !important;
      padding:72px 20px 64px !important;
    }
    /* CTA level: more breathing room */
    .bh-level.bh-level--cta{
      padding:72px 20px 80px !important;
    }

    /* Title: scale down for in-flow context */
    .bh-level-hero-title{
      font-size:clamp(2rem,9vw,4rem) !important;
      margin-bottom:14px !important;
      line-height:1.05 !important;
      letter-spacing:-.04em !important;
    }

    /* Subtitle: tighter */
    .bh-level-hero-sub{
      font-size:clamp(0.85rem,2.2vw,1rem) !important;
      margin-bottom:24px !important;
      color:rgba(255,255,255,.55) !important;
    }

    /* Level 2 slogan: scale down */
    .bh-level-slogan{
      font-size:clamp(1.6rem,6vw,3.5rem) !important;
      margin-bottom:10px !important;
    }

    /* Level 3 big title: scale down */
    .bh-level-title{
      font-size:clamp(1.6rem,5.5vw,3rem) !important;
      margin-bottom:10px !important;
    }

    /* Level 4 huge title: scale */
    .bh-level-title-huge{
      font-size:clamp(2.8rem,12vw,6rem) !important;
      margin-bottom:20px !important;
    }

    /* Explore / next-level btn: since levels are in normal flow,
       remove the "go to next snap" affordance and simplify */
    .bh-level-next-btn{
      display:none !important;
    }

    /* Scroll cue: remove entirely */
    .bh-level-scroll-cue{
      display:none !important;
    }

    /* Skip button: hide (no snap-scroll to skip) */
    .bh-levels-skip{
      display:none !important;
    }

    /* Progress dots: already hidden, keep it */
    .bh-levels-progress{
      display:none !important;
    }

    /* Section separator between levels */
    .bh-level + .bh-level{
      border-top:1px solid rgba(200,255,0,0.07) !important;
    }

    /* Values grid: 2 col on mobile always */
    .bh-level-values{
      grid-template-columns:repeat(2,1fr) !important;
      gap:10px !important;
      max-width:none !important;
    }

    /* Stats row: tighter */
    .bh-level-stats-row{
      gap:24px !important;
      flex-wrap:wrap !important;
    }

    /* Stat numbers: scale down */
    .bh-level-stat-num{
      font-size:clamp(2rem,8vw,3.5rem) !important;
    }

    /* ── Unified home density ── */
    .bh-home-v5 .bh-home-featured,
    .bh-home-v5 .bh-home-recent{
      padding-left:16px !important;
      padding-right:16px !important;
    }
    .bh-home-v5 .bh-home-shell{
      max-width:600px !important;
    }
    .bh-home-v5 .bh-home-featured{
      margin-bottom:0 !important;
      padding-bottom:8px !important;
    }
    .bh-home-v5 .bh-home-recent{
      padding-top:12px !important;
    }
    .bh-levels-wrapper{
      margin-top:0 !important;
      border-top:1px solid rgba(200,255,0,0.07) !important;
    }

    /* ================================================================
       NAV + LAYOUT FINAL FIX v2
       - BH replaces burger: same flex nav, menu btn styled as brand
       - Shell padding-top so fixed nav doesn't cover content
       - Hero compact, no empty space
       - No button borders across page
       - Latest Beats: vivid
       ================================================================ */

    /* ── Global font reset — beat WordPress theme !important overrides ── */
    .bh-home-v5 *,
    .bh-home-v5 p,
    .bh-home-v5 span,
    .bh-home-v5 div,
    .bh-home-v5 a,
    .bh-home-v5 li,
    .bh-home-v5 button{ font-family:'Manrope',system-ui,-apple-system,sans-serif !important; }
    .bh-home-v5 h1,
    .bh-home-v5 h2,
    .bh-home-v5 h3,
    .bh-home-v5 h4,
    .bh-home-v5 .bh-hero__title,
    .bh-home-v5 .bh-catalog__title,
    .bh-home-v5 .bh-brand-label,
    .bh-home-v5 .bh-home-list-title{ font-family:'Syne',system-ui,sans-serif !important; }
    .bh-home-v5 .bh-hero__badge,
    .bh-home-v5 .bh-hero__spec,
    .bh-home-v5 .bh-hero__prices,
    .bh-home-v5 .bh-hero__cta,
    .bh-home-v5 .bh-catalog__specs,
    .bh-home-v5 .bh-catalog__price,
    .bh-home-v5 .bh-catalog__num,
    .bh-home-v5 .bh-dock-item__label{ font-family:'DM Mono','Space Mono',ui-monospace,monospace !important; }

    /* ── Nav bar: centered flex, equal hit areas ── */
    /* Kill floating BH pseudo (now lives in the button) */
    .bh-topnav__bar::before{ display:none !important; content:"" !important; }
    /* Flush nav to top — no gap. Background on wrapper fills safe-area zone on notch iPhones. */
    .bh-topnav{
      padding:env(safe-area-inset-top,0px) 0 0 0 !important;
      background:rgba(6,5,10,.97) !important;
    }
    /* Force centered layout, kill space-between that breaks click zones */
    .bh-topnav__bar{
      justify-content:center !important;
      gap:4px !important;
      padding:0 10px !important;
      height:48px !important;
    }
    /* All nav items: full click area, no margin tricks */
    .bh-topnav .bh-dock-item{
      flex:0 0 auto !important;
      margin:0 !important;
      min-height:40px !important;
      min-width:44px !important;
      -webkit-tap-highlight-color:transparent !important;
      touch-action:manipulation !important;
    }

    /* ── BH button: same size as other pills, brand color ── */
    .bh-topnav .bh-dock-item--menu{
      width:auto !important;
      min-width:44px !important;
      max-width:none !important;
      padding:0 14px !important;
      height:40px !important;
      border:0 !important;
      background:transparent !important;
      box-shadow:none !important;
      border-radius:6px !important;
    }
    .bh-topnav .bh-dock-item--menu .bh-brand-label{
      font:800 13px/1 'Syne',system-ui,sans-serif !important;
      letter-spacing:.22em !important;
      color:#C8FF00 !important;
      text-transform:uppercase !important;
      pointer-events:none !important;
      display:block !important;
    }
    .bh-topnav .bh-dock-item--menu:hover{ background:rgba(200,255,0,0.08) !important; }
    .bh-topnav .bh-dock-item--menu.is-menu-open .bh-brand-label{ color:#C8FF00 !important; }
    .bh-topnav .bh-dock-item--menu.is-menu-open{
      background:rgba(200,255,0,0.12) !important;
    }

    /* ── Shell: transparent — inherits page bg ── */
    .bh-home-v5 .bh-home-shell{
      padding-top:calc(68px + env(safe-area-inset-top,0px)) !important;
      padding-bottom:32px !important;
      max-width:560px !important;
      padding-left:0 !important;
      padding-right:0 !important;
      background:transparent !important;
    }
    .bh-home-v5 .bh-home-shell::before{ display:none !important; }
    /* Kill the hero section negative margin that pulls content under nav */
    .bh-home-v5 .bh-home-featured,
    .bh-home-v5 .bh-hero{
      margin:0 !important;
    }

    /* ── KILL ALL BORDERS / BOXES everywhere in content ── */
    .bh-home-v5 button,
    .bh-home-v5 .btn-action,
    .bh-home-v5 .bh-btn,
    .bh-home-v5 .bh-home-btn,
    .bh-home-v5 .pill,
    .bh-home-v5 .vault-tab,
    .bh-home-v5 .bh-chip{
      border:0 !important;
      box-shadow:none !important;
      outline:none !important;
      border-radius:4px !important;
    }
    /* Nav active: keep glow, no border */
    .bh-topnav .bh-dock-item{ border:0 !important; box-shadow:none !important; }
    .bh-topnav .bh-dock-item.active{
      background:rgba(200,255,0,.14) !important;
      color:#C8FF00 !important;
      box-shadow:none !important;
    }
    /* Level/skip buttons */
    .bh-level-next-btn,.bh-levels-skip,.bh-level-dot{ border:0 !important; box-shadow:none !important; }

    /* ── HERO: flat strip, merges with page bg ── */
    .bh-home-v5 .bh-home-featured{
      padding:16px 16px 0 !important;
    }
    .bh-home-v5 .bh-hero__card,
    .bh-home-v5 .bh-hero__card.featured-card{
      display:flex !important;
      flex-direction:row !important;
      align-items:center !important;
      gap:14px !important;
      min-height:0 !important;
      max-height:none !important;
      height:auto !important;
      padding:14px 0 16px !important;
      background:transparent !important;
      border:0 !important;
      border-bottom:1px solid rgba(255,255,255,.06) !important;
      border-radius:0 !important;
      box-shadow:none !important;
      position:relative !important;
      overflow:visible !important;
      justify-content:flex-start !important;
    }
    .bh-home-v5 .bh-hero__card::before{ display:none !important; }
    /* Cover: 88px thumb, bg matches page */
    .bh-home-v5 .bh-hero__cover{
      flex:0 0 88px !important;
      width:88px !important;
      height:88px !important;
      border-radius:8px !important;
      overflow:hidden !important;
      position:relative !important;
      background:var(--bh-surface,#100D18) !important;
      box-shadow:0 2px 16px rgba(0,0,0,.5) !important;
    }
    .bh-home-v5 .bh-hero__cover img{
      width:100% !important; height:100% !important;
      object-fit:cover !important;
      opacity:1 !important; filter:none !important; transform:none !important;
      border-radius:8px !important;
    }
    /* Content column */
    .bh-home-v5 .bh-hero__content{
      flex:1 !important;
      min-width:0 !important;
      display:flex !important;
      flex-direction:column !important;
      gap:4px !important;
      padding:0 !important;
    }
    .bh-home-v5 .bh-hero__top{
      display:flex !important;
      align-items:center !important;
      gap:6px !important;
      margin-bottom:3px !important;
    }
    .bh-home-v5 .bh-hero__badge{
      font:700 8px/1 'DM Mono',monospace !important;
      letter-spacing:.18em !important;
      text-transform:uppercase !important;
      color:#C8FF00 !important;
      padding:2px 5px !important;
      background:rgba(200,255,0,0.12) !important;
      border-radius:3px !important;
    }
    .bh-home-v5 .bh-hero__genre{
      font:500 9px/1 'DM Mono',sans-serif !important;
      color:rgba(255,255,255,.3) !important;
      letter-spacing:.08em !important;
      text-transform:uppercase !important;
    }
    .bh-home-v5 .bh-hero__title{
      font:800 clamp(17px,5vw,22px)/1.1 'Syne',system-ui,sans-serif !important;
      color:#F2EDE4 !important;
      margin:0 !important;
      white-space:nowrap !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
      letter-spacing:-.03em !important;
    }
    .bh-home-v5 .bh-hero__meta{
      display:flex !important;
      align-items:center !important;
      gap:5px !important;
      margin:0 !important;
      flex-wrap:nowrap !important;
      overflow:hidden !important;
    }
    .bh-home-v5 .bh-hero__avatar{ display:none !important; }
    .bh-home-v5 .bh-hero__producer{
      font:600 11px/1 'Manrope',sans-serif !important;
      color:rgba(200,255,0,.8) !important;
      white-space:nowrap !important;
    }
    .bh-home-v5 .bh-hero__sep{ color:rgba(255,255,255,.2) !important; font-size:10px !important; }
    .bh-home-v5 .bh-hero__spec{
      font:400 10px/1 'DM Mono',monospace !important;
      color:rgba(255,255,255,.3) !important;
    }
    .bh-home-v5 .bh-hero__prices{
      display:flex !important;
      gap:10px !important;
      margin:2px 0 0 !important;
      font:500 10px/1 'DM Mono',monospace !important;
      color:rgba(255,255,255,.35) !important;
    }
    .bh-home-v5 .bh-hero__prices strong{
      color:#C8FF00 !important;
      font-weight:700 !important;
    }
    .bh-home-v5 .bh-hero__actions{
      display:flex !important;
      flex-direction:column !important;
      align-items:center !important;
      gap:8px !important;
      flex-shrink:0 !important;
    }
    .bh-home-v5 .bh-hero__play,
    .bh-home-v5 .bh-home-master-play.bh-hero__play{
      width:42px !important; height:42px !important;
      min-width:42px !important; flex:0 0 42px !important;
      border-radius:0 !important;
      background:#C8FF00 !important;
      color:#fff !important;
      border:0 !important;
      font-size:13px !important;
      display:inline-flex !important;
      align-items:center !important;
      justify-content:center !important;
      box-shadow:0 0 0 6px rgba(200,255,0,0.12) !important;
      transition:background 220ms cubic-bezier(0.19,1,0.22,1), box-shadow 220ms cubic-bezier(0.19,1,0.22,1), transform 140ms cubic-bezier(0.19,1,0.22,1) !important;
      cursor:pointer !important;
    }
    .bh-home-v5 .bh-hero__cta,
    .bh-home-v5 .bh-hero__cta.open-btn{
      font:600 9px/1 'DM Mono',monospace !important;
      letter-spacing:.12em !important;
      text-transform:uppercase !important;
      color:rgba(255,255,255,.35) !important;
      background:none !important;
      border:0 !important;
      padding:0 !important;
      text-decoration:none !important;
      white-space:nowrap !important;
    }
    .bh-home-v5 .wave-container.bh-home-wave{ display:none !important; }

    /* ── LATEST BEATS: redesigned track list ── */
    @keyframes bh-bar-bounce{
      0%,100%{transform:scaleY(1);}
      50%{transform:scaleY(.25);}
    }

    .bh-home-v5 .bh-home-recent{
      padding:0 0 24px !important;
      position:relative !important;
    }
    /* Subtle atmospheric separator before Latest Beats */
    .bh-home-v5 .bh-home-recent::before{
      content:'';
      display:block;
      height:1px;
      background:linear-gradient(90deg, transparent, rgba(200,255,0,0.18) 30%, rgba(200,255,0,0.18) 70%, transparent);
      margin-bottom:24px;
    }

    /* Section header */
    .bh-home-v5 .bh-home-list-title,
    .bh-home-v5 .section-title{
      font:700 9px/1 'DM Mono',monospace !important;
      letter-spacing:.22em !important;
      text-transform:uppercase !important;
      color:rgba(255,255,255,.3) !important;
      margin:0 !important;
      padding:20px 16px 12px !important;
      border-top:0 !important;
      display:flex !important;
      align-items:center !important;
      gap:10px !important;
    }
    .bh-home-v5 .bh-home-list-title::before,
    .bh-home-v5 .section-title::before{ display:none !important; }
    .bh-home-v5 .bh-home-list-title::after{ display:none !important; }

    /* Beat count badge */
    .bh-home-v5 .bh-list-count{
      display:inline-flex !important;
      align-items:center !important;
      justify-content:center !important;
      font:600 8px/1 'DM Mono',monospace !important;
      background:rgba(200,255,0,0.12) !important;
      color:rgba(200,255,0,0.7) !important;
      border:1px solid rgba(200,255,0,0.18) !important;
      border-radius:4px !important;
      padding:3px 6px !important;
      letter-spacing:.08em !important;
    }

    /* ── Beat/Song feed: 2-col card grid ── */
    .bh-home-v5 .bh-home-tracklist{
      display:grid !important;
      grid-template-columns:repeat(2,1fr) !important;
      gap:4px !important;
      padding:0 !important;
    }

    /* Beat card */
    .bh-home-v5 .bh-home-beatcard{
      border-radius:0 !important;
      overflow:hidden !important;
      background:rgba(255,255,255,.03) !important;
      border:1px solid rgba(255,255,255,.06) !important;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 2px 12px rgba(0,0,0,.2) !important;
      transition:all 220ms cubic-bezier(0.19,1,0.22,1) !important;
      cursor:pointer !important;
    }
    @media (hover:hover) and (pointer:fine){
      .bh-home-v5 .bh-home-beatcard:hover{
        border-color:rgba(255,255,255,.12) !important;
        background:rgba(255,255,255,.055) !important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 8px 32px rgba(0,0,0,.35) !important;
        transform:translateY(-2px) !important;
      }
    }
    .bh-home-v5 .bh-home-beatcard:active{ transform:scale(0.97) !important; }
    .bh-home-v5 .bh-home-beatcard:has(.master-play.is-playing){
      border-color:rgba(200,255,0,.35) !important;
      background:rgba(200,255,0,.05) !important;
    }

    /* Beat card — compact row: [play btn] [text] */
    .bh-home-v5 .bh-home-beatcard__info{
      display:flex !important;
      flex-direction:row !important;
      align-items:center !important;
      gap:8px !important;
      padding:6px 9px !important;
    }
    .bh-home-v5 .bh-home-beatcard__text{
      flex:1 !important;
      min-width:0 !important;
      display:flex !important;
      flex-direction:column !important;
      gap:2px !important;
    }

    /* Compact play button — 30px circle */
    .bh-home-v5 .bh-home-beatcard__play{
      position:relative !important;
      flex-shrink:0 !important;
      width:30px !important;
      height:30px !important;
      border-radius:0 !important;
      background:rgba(200,255,0,.15) !important;
      border:1px solid rgba(200,255,0,.28) !important;
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      color:rgba(255,255,255,.7) !important;
      font-size:10px !important;
      cursor:pointer !important;
      transition:background 220ms cubic-bezier(0.19,1,0.22,1), border-color 220ms cubic-bezier(0.19,1,0.22,1), color 220ms cubic-bezier(0.19,1,0.22,1), transform 140ms cubic-bezier(0.19,1,0.22,1) !important;
      overflow:hidden !important;
    }
    .bh-home-v5 .bh-home-beatcard__play:active{ transform:scale(0.94) !important; }
    .bh-home-v5 .bh-home-beatcard:hover .bh-home-beatcard__play{
      background:rgba(200,255,0,.85) !important;
      border-color:#C8FF00 !important;
      color:#fff !important;
    }
    .bh-home-v5 .bh-home-beatcard__play.is-playing{
      background:#C8FF00 !important;
      border-color:#C8FF00 !important;
      color:#fff !important;
    }
    .bh-home-v5 .bh-home-beatcard__play:disabled{
      opacity:.25 !important;
      cursor:default !important;
    }
    .bh-home-v5 .bh-home-beatcard__play .bh-play-icon{
      position:relative !important;
      z-index:2 !important;
      pointer-events:none !important;
    }
    .bh-home-v5 .bh-home-beatcard__play.is-playing .bh-play-icon{
      display:none !important;
    }

    /* Wavebars inside compact play button */
    .bh-home-v5 .bh-home-beatcard__play .bh-home-wavebars{
      position:absolute !important;
      inset:0 !important;
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      gap:2px !important;
      opacity:0 !important;
      pointer-events:none !important;
      z-index:3 !important;
    }
    .bh-home-v5 .bh-home-beatcard__play.is-playing .bh-home-wavebars{
      opacity:1 !important;
    }
    .bh-home-v5 .bh-home-beatcard__play .bh-home-wavebars i{
      display:block !important;
      width:2px !important;
      background:#fff !important;
      border-radius:2px !important;
      animation:bh-bar-bounce 1s ease-in-out infinite !important;
      font-style:normal !important;
    }
    .bh-home-v5 .bh-home-beatcard__play .bh-home-wavebars i:nth-child(1){height:6px !important;animation-delay:0s !important;}
    .bh-home-v5 .bh-home-beatcard__play .bh-home-wavebars i:nth-child(2){height:12px !important;animation-delay:.15s !important;}
    .bh-home-v5 .bh-home-beatcard__play .bh-home-wavebars i:nth-child(3){height:8px !important;animation-delay:.08s !important;}
    .bh-home-v5 .bh-home-beatcard__play .bh-home-wavebars i:nth-child(4){height:10px !important;animation-delay:.22s !important;}
    .bh-home-v5 .bh-home-beatcard__title{
      display:block !important;
      font:700 12px/1.2 'Syne',sans-serif !important;
      color:rgba(255,255,255,.85) !important;
      text-decoration:none !important;
      white-space:nowrap !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
      transition:color 220ms cubic-bezier(0.19,1,0.22,1) !important;
      letter-spacing:-.01em !important;
    }
    .bh-home-v5 .bh-home-beatcard:hover .bh-home-beatcard__title{
      color:#fff !important;
    }
    .bh-home-v5 .bh-home-beatcard:has(.master-play.is-playing) .bh-home-beatcard__title{
      color:#C8FF00 !important;
    }

    /* Metadata: specs · producer inline */
    .bh-home-v5 .bh-home-beatcard .bh-home-trackmeta{
      display:flex !important;
      flex-direction:row !important;
      align-items:center !important;
      gap:4px !important;
      flex-wrap:nowrap !important;
      overflow:hidden !important;
    }
    .bh-home-v5 .bh-home-beatcard .bh-home-trackspecs{
      font:400 8.5px/1 'DM Mono',ui-monospace,monospace !important;
      color:rgba(255,255,255,.28) !important;
      letter-spacing:.02em !important;
      white-space:nowrap !important;
      flex-shrink:0 !important;
    }
    .bh-home-v5 .bh-home-beatcard .bh-home-trackspecs + .bh-home-trackcreator::before{
      content:'·' !important;
      color:rgba(255,255,255,.18) !important;
      margin-right:4px !important;
      font-size:9px !important;
    }
    .bh-home-v5 .bh-home-beatcard .bh-home-trackcreator{
      font:600 8.5px/1 'DM Mono',ui-monospace,monospace !important;
      color:rgba(200,255,0,.65) !important;
      white-space:nowrap !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
      min-width:0 !important;
    }
    .bh-home-v5 .bh-home-beatcard:has(.master-play.is-playing) .bh-home-trackspecs{
      color:rgba(200,255,0,.4) !important;
    }
    .bh-home-v5 .bh-home-beatcard:has(.master-play.is-playing) .bh-home-trackcreator{
      color:rgba(200,255,0,.85) !important;
    }

    /* Section header — recent inherits feed-hd styles */

    /* ══ FEED SECTIONS BASE ══ */
    .bh-home-v5 .bh-home-feed-section{
      margin-top:16px;
    }
    .bh-home-v5 .bh-home-feed-hd{
      display:flex;
      align-items:center;
      justify-content:space-between;
      margin-bottom:7px;
      gap:8px;
    }
    .bh-home-v5 .bh-home-feed-hd .bh-home-list-title{
      font:800 10px/1 'DM Mono',ui-monospace,monospace;
      letter-spacing:.18em;
      text-transform:uppercase;
      color:rgba(255,255,255,.35);
      margin:0;
      display:flex;
      align-items:center;
      gap:8px;
    }
    /* Thin accent line after label */
    .bh-home-v5 .bh-home-feed-hd .bh-home-list-title::after{
      content:'';
      display:block;
      height:1px;
      width:24px;
      background:linear-gradient(90deg,rgba(200,255,0,.4),transparent);
      flex-shrink:0;
    }
    .bh-home-v5 .bh-home-feed-see-all{
      font:600 9px/1 'DM Mono',ui-monospace,monospace;
      color:rgba(200,255,0,.55);
      text-decoration:none;
      letter-spacing:.07em;
      text-transform:uppercase;
      transition:color .15s ease;
      white-space:nowrap;
      flex-shrink:0;
    }
    .bh-home-v5 .bh-home-feed-see-all:hover{color:#C8FF00;}

    /* Horizontal scroll strip */
    .bh-home-v5 .bh-home-hscroll{
      display:flex;
      gap:10px;
      overflow-x:auto;
      padding-bottom:6px;
      scroll-snap-type:x mandatory;
      -webkit-overflow-scrolling:touch;
      scrollbar-width:none;
    }
    .bh-home-v5 .bh-home-hscroll::-webkit-scrollbar{display:none}
    .bh-home-v5 .bh-home-hscroll > *{scroll-snap-align:start;flex-shrink:0;}

    /* ── VIDEO CARDS ── */
    .bh-home-v5 .bh-home-vcard{
      width:158px;
      border-radius:8px;
      overflow:hidden;
      background:rgba(255,255,255,.03);
      border:1px solid rgba(255,255,255,.06);
      text-decoration:none;
      transition:border-color .2s ease, transform .2s ease;
      display:block;
    }
    .bh-home-v5 .bh-home-vcard:hover{
      border-color:rgba(255,255,255,.16);
      transform:translateY(-2px);
    }
    .bh-home-v5 .bh-home-vcard__thumb{
      position:relative;
      aspect-ratio:16/9;
      overflow:hidden;
      background:#0a0a12;
    }
    .bh-home-v5 .bh-home-vcard__thumb img{
      width:100%;height:100%;object-fit:cover;display:block;
      transition:transform .3s ease;
    }
    .bh-home-v5 .bh-home-vcard:hover .bh-home-vcard__thumb img{transform:scale(1.06);}
    .bh-home-v5 .bh-home-vcard__play{
      position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
      background:rgba(0,0,0,.45);opacity:0;transition:opacity .18s ease;
      font-size:18px;color:#fff;
    }
    .bh-home-v5 .bh-home-vcard:hover .bh-home-vcard__play{opacity:1;}
    .bh-home-v5 .bh-home-vcard__genre{
      position:absolute;bottom:6px;left:6px;
      font:700 8px/1 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase;
      color:#fff;background:rgba(200,255,0,.85);
      padding:2px 5px;border-radius:3px;
    }
    .bh-home-v5 .bh-home-vcard__info{
      padding:8px 9px 9px;display:flex;flex-direction:column;gap:2px;
    }
    .bh-home-v5 .bh-home-vcard__title{
      font:600 12px/1.25 'Syne',sans-serif;color:rgba(255,255,255,.85);
      white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;
    }
    .bh-home-v5 .bh-home-vcard__meta{
      font:400 9px/1 'DM Mono',monospace;color:rgba(255,255,255,.3);letter-spacing:.02em;
    }

    /* ── FOLLOW / SOCIALS ── */
    .bh-home-v5 .bh-home-live-dot{
      width:6px;height:6px;border-radius:50%;background:#FF3B3B;
      box-shadow:0 0 0 3px rgba(255,59,59,.2);
      animation:bh-pulse 2s ease-in-out infinite;
    }
    @keyframes bh-pulse{0%,100%{box-shadow:0 0 0 3px rgba(255,59,59,.25)}50%{box-shadow:0 0 0 6px rgba(255,59,59,.08)}}

    .bh-home-v5 .bh-home-socials-row{
      display:flex;flex-wrap:wrap;gap:5px;
    }
    .bh-home-v5 .bh-home-social-pill{
      display:inline-flex;align-items:center;gap:5px;
      padding:5px 10px;border-radius:999px;
      border:1px solid rgba(255,255,255,.07);
      background:rgba(255,255,255,.04);
      color:rgba(255,255,255,.5);
      text-decoration:none;
      font:600 8.5px/1 'DM Mono',monospace;
      letter-spacing:.08em;text-transform:uppercase;
      white-space:nowrap;
      position:relative;
      backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
      transition:border-color .22s ease, background .22s ease, box-shadow .22s ease, color .2s ease, transform .16s ease;
    }
    .bh-home-v5 .bh-home-social-pill:hover{
      color:var(--sc);
      border-color:color-mix(in srgb,var(--sc) 40%,transparent);
      background:color-mix(in srgb,var(--sc) 8%,rgba(255,255,255,.02));
      box-shadow:0 0 18px color-mix(in srgb,var(--sc) 22%,transparent), 0 4px 12px rgba(0,0,0,.28);
      transform:translateY(-2px);
    }
    .bh-home-v5 .bh-home-social-pill.is-live{
      border-color:color-mix(in srgb,var(--sc) 28%,transparent);
      background:color-mix(in srgb,var(--sc) 5%,rgba(255,255,255,.02));
    }
    .bh-home-v5 .bh-home-social-ico{
      width:11px;height:11px;flex-shrink:0;fill:currentColor;
    }
    .bh-home-v5 .bh-home-social-lbl{
      position:relative;z-index:1;
    }
    .bh-home-v5 .bh-home-social-live{
      font:800 6.5px/1 'DM Mono',monospace;letter-spacing:.12em;
      background:#FF3B3B;color:#fff;padding:2px 4px;border-radius:3px;
      animation:bh-pulse-badge 1.5s ease-in-out infinite;
    }
    @keyframes bh-pulse-badge{0%,100%{opacity:1}50%{opacity:.7}}

    /* ── NEWS CARDS ── */
    .bh-home-v5 .bh-home-news-grid{
      display:grid;grid-template-columns:repeat(2,1fr);gap:6px;
    }
    .bh-home-v5 .bh-home-newscard{
      border-radius:10px;overflow:hidden;
      background:rgba(255,255,255,.025);
      border:1px solid rgba(255,255,255,.05);
      text-decoration:none;display:block;
      transition:border-color .2s ease, background .2s ease;
    }
    .bh-home-v5 .bh-home-newscard:hover{
      border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.04);
    }
    .bh-home-v5 .bh-home-newscard__thumb{
      aspect-ratio:16/9;overflow:hidden;background:#0a0a12;position:relative;
    }
    .bh-home-v5 .bh-home-newscard__thumb img{
      width:100%;height:100%;object-fit:cover;display:block;
      transition:transform .3s ease;
    }
    .bh-home-v5 .bh-home-newscard:hover .bh-home-newscard__thumb img{transform:scale(1.04);}
    .bh-home-v5 .bh-home-newscard__nothumb{
      width:100%;height:100%;
      background:linear-gradient(135deg,#0e0e1a 0%,#1a1a2e 100%);
    }
    .bh-home-v5 .bh-home-newscard__cat{
      position:absolute;top:6px;left:6px;
      font:700 8px/1 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase;
      color:#fff;background:rgba(200,255,0,.85);padding:2px 5px;border-radius:3px;
    }
    .bh-home-v5 .bh-home-newscard__body{
      padding:8px 9px 10px;display:flex;flex-direction:column;gap:3px;
    }
    .bh-home-v5 .bh-home-newscard__date{
      font:400 8.5px/1 'DM Mono',monospace;color:rgba(255,255,255,.28);letter-spacing:.04em;
    }
    .bh-home-v5 .bh-home-newscard__title{
      font:700 12px/1.25 'Syne',sans-serif;color:rgba(255,255,255,.88);
      margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
      transition:color .15s ease;
    }
    .bh-home-v5 .bh-home-newscard:hover .bh-home-newscard__title{color:#fff;}
    .bh-home-v5 .bh-home-newscard__excerpt{
      font:400 10px/1.4 'Manrope',system-ui,sans-serif;color:rgba(255,255,255,.35);
      margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
    }

    /* ── PRODUCER ROSTER ── */
    .bh-home-v5 .bh-home-producers-grid{
      display:flex;
      gap:7px;
      overflow-x:auto;
      padding-bottom:6px;
      scroll-snap-type:x mandatory;
      -webkit-overflow-scrolling:touch;
      scrollbar-width:none;
    }
    .bh-home-v5 .bh-home-producers-grid::-webkit-scrollbar{display:none;}

    .bh-home-v5 .bh-home-prodcard{
      --pc:#C8FF00;
      position:relative;
      display:flex;flex-direction:column;align-items:center;
      gap:7px;padding:11px 9px 10px;
      min-width:82px;width:82px;flex-shrink:0;
      border-radius:12px;
      background:rgba(255,255,255,.025);
      border:1px solid rgba(255,255,255,.06);
      text-decoration:none;
      scroll-snap-align:start;
      overflow:hidden;
      transition:border-color .28s ease, background .28s ease;
      cursor:pointer;
    }
    .bh-home-v5 .bh-home-prodcard:hover{
      background:rgba(255,255,255,.045);
      border-color:color-mix(in srgb,var(--pc) 35%,transparent);
    }

    /* Animated ambient glow blob */
    .bh-home-v5 .bh-home-prodcard__glow{
      position:absolute;
      top:-16px;left:50%;transform:translateX(-50%);
      width:60px;height:60px;
      border-radius:50%;
      background:radial-gradient(circle,color-mix(in srgb,var(--pc) 40%,transparent) 0%,transparent 70%);
      filter:blur(18px);
      opacity:0;
      transition:opacity .35s ease;
      pointer-events:none;
      z-index:0;
    }
    .bh-home-v5 .bh-home-prodcard:hover .bh-home-prodcard__glow{opacity:1;}

    /* Spinning conic ring */
    .bh-home-v5 .bh-home-prodcard__ring{
      position:absolute;
      top:50%;left:50%;
      width:64px;height:64px;
      margin:-32px 0 0 -32px;
      border-radius:50%;
      background:conic-gradient(from 0deg, var(--pc) 0%, transparent 35%, transparent 70%, color-mix(in srgb,var(--pc) 50%,transparent) 100%);
      opacity:0;
      animation:bh-prod-ring-spin 3s linear infinite;
      transition:opacity .3s ease;
      pointer-events:none;
      z-index:1;
    }
    @keyframes bh-prod-ring-spin{to{transform:rotate(360deg);}}
    .bh-home-v5 .bh-home-prodcard:hover .bh-home-prodcard__ring{opacity:.7;}

    /* Avatar */
    .bh-home-v5 .bh-home-prodcard__avatar{
      position:relative;z-index:2;
      width:52px;height:52px;border-radius:50%;
      overflow:hidden;
      border:2px solid rgba(255,255,255,.07);
      background:#0d0d18;
      box-shadow:0 4px 16px rgba(0,0,0,.4);
      transition:border-color .28s ease, box-shadow .28s ease, transform .28s cubic-bezier(.34,1.56,.64,1);
    }
    .bh-home-v5 .bh-home-prodcard:hover .bh-home-prodcard__avatar{
      border-color:color-mix(in srgb,var(--pc) 60%,transparent);
      box-shadow:0 0 0 3px color-mix(in srgb,var(--pc) 20%,transparent), 0 8px 24px rgba(0,0,0,.5);
      transform:translateY(-3px) scale(1.06);
    }
    .bh-home-v5 .bh-home-prodcard__avatar img{
      width:100%;height:100%;object-fit:cover;display:block;
    }

    /* Name — split first/rest */
    .bh-home-v5 .bh-home-prodcard__body{
      position:relative;z-index:2;
      display:flex;flex-direction:column;align-items:center;gap:1px;
      width:100%;
    }
    .bh-home-v5 .bh-home-prodcard__first{
      font:800 11px/1.1 'Syne',sans-serif;
      color:rgba(255,255,255,.88);
      text-align:center;
      white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
      width:100%;
      transition:color .2s ease;
      letter-spacing:-.01em;
    }
    .bh-home-v5 .bh-home-prodcard__rest{
      font:500 8px/1.2 'DM Mono',monospace;
      color:rgba(255,255,255,.3);
      text-align:center;
      white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
      width:100%;
      letter-spacing:.04em;
      text-transform:uppercase;
    }
    .bh-home-v5 .bh-home-prodcard:hover .bh-home-prodcard__first{
      color:var(--pc);
    }

    /* ── GENRE CHIPS ── */
    .bh-home-v5 .bh-home-genres-wrap{
      display:flex;flex-wrap:wrap;gap:5px;
    }
    .bh-home-v5 .bh-home-genre-chip{
      display:inline-flex;align-items:center;gap:4px;
      padding:5px 9px;
      border-radius:20px;
      background:rgba(255,255,255,.04);
      border:1px solid rgba(255,255,255,.07);
      font:600 9.5px/1 'Manrope',system-ui,sans-serif;
      color:rgba(255,255,255,.55);
      text-decoration:none;
      transition:background .15s ease, border-color .15s ease, color .15s ease;
      white-space:nowrap;
    }
    .bh-home-v5 .bh-home-genre-chip:hover{
      background:rgba(200,255,0,0.12);
      border-color:rgba(200,255,0,0.3);
      color:rgba(255,255,255,.88);
    }

    /* ── TOP BEATS HORIZONTAL CARDS ── */
    .bh-home-v5 .bh-home-top-row{gap:7px;}
    .bh-home-v5 .bh-home-topcard{
      width:130px;flex-shrink:0;
      display:flex;flex-direction:column;
      gap:0;
      border-radius:8px;overflow:hidden;
      background:rgba(255,255,255,.028);
      border:1px solid rgba(255,255,255,.055);
      transition:border-color .2s ease, transform .2s ease;
    }
    .bh-home-v5 .bh-home-topcard:hover{
      border-color:rgba(255,255,255,.14);transform:translateY(-2px);
    }
    .bh-home-v5 .bh-home-topcard:has(.master-play.is-playing){
      border-color:rgba(200,255,0,0.35);
    }
    /* Topcard — compact: [play-row: btn+rank] then title+meta stacked */
    .bh-home-v5 .bh-home-topcard__info{
      padding:7px 7px 8px;display:flex;flex-direction:column;gap:3px;
    }
    .bh-home-v5 .bh-home-topcard__play-row{
      display:flex;align-items:center;gap:6px;
    }
    .bh-home-v5 .bh-home-topcard__play{
      position:relative;flex-shrink:0;
      width:26px;height:26px;border-radius:50%;
      background:rgba(200,255,0,0.18);
      border:1px solid rgba(200,255,0,0.3);
      display:flex;align-items:center;justify-content:center;
      color:rgba(255,255,255,.7);font-size:9px;
      cursor:pointer;overflow:hidden;
      transition:background .18s ease,border-color .18s ease,color .18s ease;
    }
    .bh-home-v5 .bh-home-topcard:hover .bh-home-topcard__play{
      background:rgba(200,255,0,.9);border-color:#C8FF00;color:#fff;
    }
    .bh-home-v5 .bh-home-topcard__play.is-playing{
      background:#C8FF00;border-color:#C8FF00;color:#fff;
    }
    .bh-home-v5 .bh-home-topcard__play:disabled{opacity:.25;cursor:default;}
    .bh-home-v5 .bh-home-topcard__play .bh-play-icon{position:relative;z-index:2;pointer-events:none;}
    .bh-home-v5 .bh-home-topcard__play.is-playing .bh-play-icon{display:none;}
    /* Wavebars inside topcard play button */
    .bh-home-v5 .bh-home-topcard__play .bh-home-wavebars{
      position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
      gap:2px;opacity:0;pointer-events:none;z-index:3;
    }
    .bh-home-v5 .bh-home-topcard__play.is-playing .bh-home-wavebars{opacity:1;}
    .bh-home-v5 .bh-home-topcard__play .bh-home-wavebars i{
      display:block;width:2px;background:#fff;border-radius:2px;
      animation:bh-bar-bounce 1s ease-in-out infinite;font-style:normal;
    }
    .bh-home-v5 .bh-home-topcard__play .bh-home-wavebars i:nth-child(1){height:5px;animation-delay:0s;}
    .bh-home-v5 .bh-home-topcard__play .bh-home-wavebars i:nth-child(2){height:10px;animation-delay:.15s;}
    .bh-home-v5 .bh-home-topcard__play .bh-home-wavebars i:nth-child(3){height:7px;animation-delay:.08s;}
    .bh-home-v5 .bh-home-topcard__play .bh-home-wavebars i:nth-child(4){height:8px;animation-delay:.22s;}
    /* Rank badge inline (next to play btn) */
    .bh-home-v5 .bh-home-topcard__rank{
      font:800 10px/1 'DM Mono',monospace;letter-spacing:.06em;
      color:rgba(255,255,255,.25);
    }
    .bh-home-v5 .bh-home-topcard:has(.master-play.is-playing) .bh-home-topcard__rank{color:rgba(200,255,0,0.6);}
    .bh-home-v5 .bh-home-topcard__title{
      display:block;font:700 11px/1.25 'Syne',sans-serif;
      color:rgba(255,255,255,.88);text-decoration:none;
      white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
      transition:color .15s ease;
    }
    .bh-home-v5 .bh-home-topcard:hover .bh-home-topcard__title{color:#fff;}
    .bh-home-v5 .bh-home-topcard:has(.master-play.is-playing) .bh-home-topcard__title{color:#C8FF00;}
    .bh-home-v5 .bh-home-topcard__meta{
      font:400 8px/1 'DM Mono',monospace;color:rgba(255,255,255,.28);letter-spacing:.03em;
      white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    }
    .bh-home-v5 .bh-home-topcard__sales{
      font:700 8px/1 'DM Mono',monospace;color:rgba(200,255,0,.5);letter-spacing:.04em;
    }

    /* Track row — grid: [cover+play 48px] [info 1fr] [price auto] */
    .bh-home-v5 .bh-home-recent:not([data-bh-filter-scope]) .bh-home-trackrow{
      counter-increment:bh-track !important;
      display:grid !important;
      grid-template-columns:48px minmax(0,1fr) auto !important;
      gap:0 10px 0 !important;
      align-items:center !important;
      padding:7px 12px !important;
      border:none !important;
      border-bottom:1px solid rgba(255,255,255,.05) !important;
      border-radius:0 !important;
      background:transparent !important;
      box-shadow:none !important;
      margin:0 !important;
      position:relative !important;
      transition:background .16s ease !important;
    }
    /* Left accent bar */
    .bh-home-v5 .bh-home-recent:not([data-bh-filter-scope]) .bh-home-trackrow::before{
      content:'' !important;
      position:absolute !important;
      left:0 !important; top:8px !important; bottom:8px !important;
      width:2px !important;
      background:#C8FF00 !important;
      border-radius:0 2px 2px 0 !important;
      transform:scaleY(0) !important;
      transform-origin:center !important;
      transition:transform .22s cubic-bezier(.34,1.56,.64,1) !important;
    }
    .bh-home-v5 .bh-home-recent:not([data-bh-filter-scope]) .bh-home-trackrow:hover::before,
    .bh-home-v5 .bh-home-recent:not([data-bh-filter-scope]) .bh-home-trackrow:has(.master-play.is-playing)::before{
      transform:scaleY(1) !important;
    }
    .bh-home-v5 .bh-home-recent:not([data-bh-filter-scope]) .bh-home-trackrow:hover{
      background:rgba(255,255,255,.028) !important;
    }
    .bh-home-v5 .bh-home-recent:not([data-bh-filter-scope]) .bh-home-trackrow:last-child{
      border-bottom:none !important;
    }
    .bh-home-v5 .bh-home-recent:not([data-bh-filter-scope]) .bh-home-trackrow:has(.master-play.is-playing){
      background:rgba(200,255,0,0.04) !important;
    }

    /* Cover — 48×48, play button + wavebars as absolute overlays inside */
    .bh-home-v5 .bh-home-recent:not([data-bh-filter-scope]) .bh-home-trackavatar{
      width:48px !important;
      height:48px !important;
      border-radius:8px !important;
      border:1px solid rgba(255,255,255,.07) !important;
      box-shadow:none !important;
      position:relative !important;
      overflow:hidden !important;
      flex-shrink:0 !important;
      transition:border-color .2s ease, box-shadow .2s ease !important;
    }
    .bh-home-v5 .bh-home-recent:not([data-bh-filter-scope]) .bh-home-trackrow:hover .bh-home-trackavatar{
      border-color:rgba(255,255,255,.18) !important;
    }
    .bh-home-v5 .bh-home-recent:not([data-bh-filter-scope]) .bh-home-trackrow:has(.master-play.is-playing) .bh-home-trackavatar{
      border-color:rgba(200,255,0,.45) !important;
      box-shadow:0 0 12px rgba(200,255,0,0.18) !important;
    }
    /* Track number on real-art covers (bottom-right corner, fades on hover) */
    .bh-home-v5 .bh-home-recent:not([data-bh-filter-scope]) .bh-home-trackavatar:not(.bh-lta-placeholder)::after{
      content:counter(bh-track) !important;
      position:absolute !important;
      bottom:5px !important; right:6px !important;
      font:700 9px/1 'DM Mono',monospace !important;
      color:rgba(255,255,255,.45) !important;
      text-shadow:0 1px 3px rgba(0,0,0,.8) !important;
      transition:opacity .15s ease !important;
      pointer-events:none !important;
      z-index:2 !important;
    }
    .bh-home-v5 .bh-home-recent:not([data-bh-filter-scope]) .bh-home-trackrow:hover .bh-home-trackavatar:not(.bh-lta-placeholder)::after,
    .bh-home-v5 .bh-home-recent:not([data-bh-filter-scope]) .bh-home-trackrow:has(.master-play.is-playing) .bh-home-trackavatar:not(.bh-lta-placeholder)::after{
      opacity:0 !important;
    }
    /* Placeholder covers use centered bh-lta-num span — suppress shimmer ::after */
    .bh-home-v5 .bh-home-recent:not([data-bh-filter-scope]) .bh-lta-placeholder.bh-home-trackavatar::after{
      display:none !important;
    }
    /* Style the centered track number on placeholder covers */
    .bh-home-v5 .bh-home-recent:not([data-bh-filter-scope]) .bh-lta-num{
      font:800 13px/1 'DM Mono',ui-monospace,monospace !important;
      color:rgba(255,255,255,.38) !important;
      letter-spacing:.06em !important;
      position:relative !important;
      z-index:1 !important;
    }
    .bh-home-v5 .bh-home-recent:not([data-bh-filter-scope]) .bh-home-trackrow:hover .bh-lta-num{
      color:rgba(200,255,0,.75) !important;
    }
    .bh-home-v5 .bh-home-recent:not([data-bh-filter-scope]) .bh-home-trackrow:has(.master-play.is-playing) .bh-lta-num{
      color:rgba(200,255,0,.8) !important;
    }

    /* Play button — absolute overlay on cover, appears on hover */
    .bh-home-v5 .bh-home-recent:not([data-bh-filter-scope]) .bh-home-master-play{
      position:absolute !important;
      inset:0 !important;
      width:100% !important;
      height:100% !important;
      border-radius:inherit !important;
      background:rgba(5,5,8,.72) !important;
      border:none !important;
      box-shadow:none !important;
      font-size:13px !important;
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      color:rgba(255,255,255,.9) !important;
      opacity:0 !important;
      transition:opacity .16s ease !important;
      z-index:3 !important;
    }
    .bh-home-v5 .bh-home-recent:not([data-bh-filter-scope]) .bh-home-trackrow:hover .bh-home-master-play,
    .bh-home-v5 .bh-home-recent:not([data-bh-filter-scope]) .bh-home-master-play.is-playing{
      opacity:1 !important;
    }
    .bh-home-v5 .bh-home-recent:not([data-bh-filter-scope]) .bh-home-master-play.is-playing{
      background:rgba(5,5,8,.55) !important;
      color:#C8FF00 !important;
    }
    .bh-home-v5 .bh-home-recent:not([data-bh-filter-scope]) .bh-home-master-play .bh-play-icon{
      font-size:13px !important;
      transition:transform .15s ease !important;
    }
    .bh-home-v5 .bh-home-recent:not([data-bh-filter-scope]) .bh-home-trackrow:hover .bh-home-master-play .bh-play-icon{
      transform:scale(1.1) !important;
    }
    /* Touch devices / mobile: no hover available → always show play overlay */
    @media (hover:none),(max-width:768px){
      .bh-home-v5 .bh-home-recent:not([data-bh-filter-scope]) .bh-home-master-play:not(.is-playing){
        opacity:0.75 !important;
      }
    }

    /* Waveform bars — overlay on cover when playing */
    .bh-home-v5 .bh-home-wavebars{
      position:absolute !important;
      inset:0 !important;
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      gap:3px !important;
      background:rgba(5,5,8,.55) !important;
      opacity:0 !important;
      transition:opacity .18s ease !important;
      pointer-events:none !important;
      z-index:4 !important;
    }
    .bh-home-v5 .bh-home-trackrow:has(.master-play.is-playing) .bh-home-wavebars{
      opacity:1 !important;
    }
    .bh-home-v5 .bh-home-wavebars i{
      display:block !important;
      width:3px !important;
      background:#C8FF00 !important;
      border-radius:3px !important;
      animation:bh-bar-bounce 1s ease-in-out infinite !important;
      font-style:normal !important;
    }
    .bh-home-v5 .bh-home-wavebars i:nth-child(1){height:10px !important;animation-delay:0s !important;}
    .bh-home-v5 .bh-home-wavebars i:nth-child(2){height:18px !important;animation-delay:.18s !important;}
    .bh-home-v5 .bh-home-wavebars i:nth-child(3){height:13px !important;animation-delay:.09s !important;}
    .bh-home-v5 .bh-home-wavebars i:nth-child(4){height:15px !important;animation-delay:.27s !important;}

    /* Track info */
    .bh-home-v5 .bh-home-recent:not([data-bh-filter-scope]) .bh-home-trackname{
      display:flex !important;
      flex-direction:column !important;
      gap:4px !important;
      min-width:0 !important;
    }
    .bh-home-v5 .bh-home-recent:not([data-bh-filter-scope]) .bh-home-trackname a{
      font:600 13px/1.15 'Syne',sans-serif !important;
      color:rgba(255,255,255,.85) !important;
      white-space:nowrap !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
      text-decoration:none !important;
      display:block !important;
      transition:color .15s ease !important;
      letter-spacing:-.01em !important;
    }
    .bh-home-v5 .bh-home-recent:not([data-bh-filter-scope]) .bh-home-trackrow:hover .bh-home-trackname a{
      color:#fff !important;
    }
    .bh-home-v5 .bh-home-recent:not([data-bh-filter-scope]) .bh-home-trackrow:has(.master-play.is-playing) .bh-home-trackname a{
      color:#C8FF00 !important;
    }
    /* Metadata row: specs + producer */
    .bh-home-v5 .bh-home-recent:not([data-bh-filter-scope]) .bh-home-trackmeta{
      display:flex !important;
      align-items:center !important;
      gap:5px !important;
      margin-top:2px !important;
      flex-wrap:nowrap !important;
      overflow:hidden !important;
    }
    .bh-home-v5 .bh-home-recent:not([data-bh-filter-scope]) .bh-home-trackspecs{
      font:400 9.5px/1 'DM Mono',monospace !important;
      color:rgba(255,255,255,.28) !important;
      letter-spacing:.02em !important;
      white-space:nowrap !important;
      flex-shrink:0 !important;
    }
    .bh-home-v5 .bh-home-recent:not([data-bh-filter-scope]) .bh-home-trackcreator{
      font:600 9.5px/1 'Manrope',system-ui,sans-serif !important;
      color:rgba(200,255,0,.65) !important;
      white-space:nowrap !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
    }
    /* Separator dot only when specs precede producer */
    .bh-home-v5 .bh-home-recent:not([data-bh-filter-scope]) .bh-home-trackspecs + .bh-home-trackcreator::before{
      content:'·' !important;
      color:rgba(255,255,255,.18) !important;
      margin-right:5px !important;
      font-weight:400 !important;
    }
    .bh-home-v5 .bh-home-recent:not([data-bh-filter-scope]) .bh-home-trackrow:has(.master-play.is-playing) .bh-home-trackspecs{
      color:rgba(200,255,0,0.4) !important;
    }
    .bh-home-v5 .bh-home-recent:not([data-bh-filter-scope]) .bh-home-trackrow:has(.master-play.is-playing) .bh-home-trackcreator{
      color:rgba(200,255,0,.75) !important;
    }

    /* Price — starting price only, right column */
    .bh-home-v5 .bh-home-recent:not([data-bh-filter-scope]) .bh-home-trackprice{
      font:700 11px/1 'DM Mono',monospace !important;
      color:rgba(255,255,255,.28) !important;
      white-space:nowrap !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
      max-width:68px !important;
      background:none !important;
      border:none !important;
      padding:0 !important;
      text-shadow:none !important;
      text-align:right !important;
      letter-spacing:.03em !important;
      transition:color .15s ease !important;
    }
    .bh-home-v5 .bh-home-recent:not([data-bh-filter-scope]) .bh-home-trackrow:hover .bh-home-trackprice{
      color:rgba(200,255,0,.8) !important;
    }
    .bh-home-v5 .bh-home-recent:not([data-bh-filter-scope]) .bh-home-trackrow:has(.master-play.is-playing) .bh-home-trackprice{
      color:rgba(200,255,0,.65) !important;
    }

    /* Grid → vertical list (catalog grid variant) */
    .bh-home-v5 .bh-catalog__grid,
    .bh-home-v5 .bh-catalog__grid.beats-grid{
      display:flex !important;
      flex-direction:column !important;
      gap:0 !important;
      grid-template-columns:none !important;
      counter-reset:track-index !important;
    }
    /* Track row (catalog card variant) */
    .bh-home-v5 .bh-catalog__card,
    .bh-home-v5 .bh-catalog__card.beat-card{
      display:flex !important;
      flex-direction:row !important;
      align-items:center !important;
      gap:10px !important;
      padding:11px 0 !important;
      background:transparent !important;
      border:0 !important;
      border-bottom:1px solid rgba(255,255,255,.045) !important;
      border-radius:0 !important;
      box-shadow:none !important;
      transition:background .15s ease !important;
      counter-increment:track-index !important;
    }
    .bh-home-v5 .bh-catalog__card:hover,
    .bh-home-v5 .beat-card:hover{
      background:transparent !important;
      transform:none !important;
      box-shadow:none !important;
    }
    /* Cover: 52px */
    .bh-home-v5 .bh-catalog__cover{
      flex:0 0 52px !important;
      width:52px !important;
      height:52px !important;
      border-radius:7px !important;
      overflow:hidden !important;
      background:var(--bh-surface,#100D18) !important;
      box-shadow:none !important;
      position:relative !important;
      aspect-ratio:auto !important;
    }
    .bh-home-v5 .bh-catalog__cover::after{ display:none !important; }
    .bh-home-v5 .bh-catalog__cover img{
      width:100% !important; height:100% !important;
      object-fit:cover !important;
      display:block !important;
    }
    /* Play button overlay */
    .bh-home-v5 .bh-catalog__play{
      position:absolute !important;
      inset:0 !important;
      width:100% !important; height:100% !important;
      border-radius:7px !important;
      background:rgba(6,5,10,.7) !important;
      color:#fff !important;
      font-size:11px !important;
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      opacity:0 !important;
      transition:opacity .15s ease !important;
      border:0 !important;
      transform:none !important;
    }
    .bh-home-v5 .bh-catalog__card:hover .bh-catalog__play{ opacity:1 !important; transform:none !important; }
    /* Fav button */
    .bh-home-v5 .bh-catalog__fav{
      position:static !important;
      width:32px !important; height:32px !important;
      flex-shrink:0 !important;
      font-size:13px !important;
      background:none !important;
      border:0 !important;
      color:rgba(255,255,255,.2) !important;
      opacity:1 !important;
      padding:0 !important;
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      transition:color .15s ease !important;
    }
    .bh-home-v5 .bh-catalog__card:hover .bh-catalog__fav{ color:rgba(255,255,255,.55) !important; }
    .bh-home-v5 .bh-catalog__fav.is-fav{ color:#ef4444 !important; opacity:1 !important; }
    /* Info */
    .bh-home-v5 .bh-catalog__info{
      flex:1 !important; min-width:0 !important;
      display:flex !important; flex-direction:column !important;
      gap:3px !important; padding:0 !important;
      text-decoration:none !important; color:inherit !important;
    }
    .bh-home-v5 .bh-catalog__info > span:first-child{
      display:flex !important;
      justify-content:space-between !important;
      align-items:baseline !important;
      gap:8px !important;
    }
    .bh-home-v5 .bh-catalog__title{
      font:700 13px/1.2 'Syne',sans-serif !important;
      color:#F0EBE1 !important;
      white-space:nowrap !important; overflow:hidden !important;
      text-overflow:ellipsis !important; margin:0 !important;
      letter-spacing:-.01em !important; flex:1 !important; min-width:0 !important;
    }
    .bh-home-v5 .bh-catalog__author{
      font:400 10px/1 'Manrope',sans-serif !important;
      color:rgba(255,255,255,.45) !important;
      white-space:nowrap !important; overflow:hidden !important;
      text-overflow:ellipsis !important; margin:0 !important;
    }
    .bh-home-v5 .bh-catalog__foot{
      display:flex !important; align-items:center !important;
      gap:6px !important; margin:1px 0 0 !important; min-width:0 !important;
    }
    .bh-home-v5 .bh-catalog__specs{
      font:400 9px/1 'DM Mono',monospace !important;
      color:rgba(255,255,255,.18) !important; letter-spacing:.04em !important;
      flex:1 !important; white-space:nowrap !important;
      overflow:hidden !important; text-overflow:ellipsis !important;
    }
    .bh-home-v5 .bh-catalog__price{
      font:700 11px/1 'DM Mono',monospace !important;
      color:rgba(255,255,255,.55) !important;
      flex-shrink:0 !important; white-space:nowrap !important;
    }
    .bh-home-v5 .bh-catalog__num{
      flex:0 0 20px !important; width:20px !important;
      text-align:right !important;
      font:600 10px/1 'DM Mono',monospace !important;
      color:rgba(255,255,255,.2) !important; flex-shrink:0 !important;
    }

    /* ================================================================
       NAV + SLIDE MENU — PREMIUM REDESIGN v2
       Ultra-dark, DM Mono tabs, sharp geometry, no rounded pill bloat.
       All !important — wins cascade.
       ================================================================ */

    /* ── TOP NAV BAR ── */
    .bh-topnav{
      position:fixed !important;top:0 !important;left:0 !important;right:0 !important;
      z-index:9999 !important;
      background:rgba(4,4,6,.98) !important;
      border-bottom:1px solid rgba(200,255,0,0.1) !important;
      padding:env(safe-area-inset-top,0px) 0 0 0 !important;
    }
    .bh-topnav__bar{
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      gap:0 !important;
      padding:0 !important;
      height:46px !important;
      backdrop-filter:none !important;
      -webkit-backdrop-filter:none !important;
      background:transparent !important;
      border:0 !important;
      box-shadow:none !important;
    }
    .bh-topnav__bar::before{ display:none !important; }

    /* Nav tab items — sharp, DM Mono, underline active */
    .bh-topnav .bh-dock-item{
      position:relative !important;
      display:inline-flex !important;
      flex-direction:column !important;
      align-items:center !important;
      justify-content:center !important;
      flex:1 1 0 !important;
      /* Override width:auto from earlier blocks — full flex area must be tappable */
      width:auto !important;
      max-width:none !important;
      height:46px !important;
      min-height:44px !important;
      min-width:0 !important;
      padding:0 !important;
      border:0 !important;
      border-radius:0 !important;
      background:transparent !important;
      color:rgba(255,255,255,.38) !important;
      font:700 9px/1 'DM Mono','Space Mono',monospace !important;
      letter-spacing:.16em !important;
      text-transform:uppercase !important;
      cursor:pointer !important;
      transition:color .18s ease !important;
      box-shadow:none !important;
      -webkit-tap-highlight-color:transparent !important;
      touch-action:manipulation !important;
      /* Expand touch area to full element bounds */
      -webkit-user-select:none !important;
      user-select:none !important;
      isolation:isolate !important;
    }
    /* Transparent hit-target overlay — sits above children so any tap
       anywhere within the button reaches the button's own onclick */
    .bh-topnav .bh-dock-item::before{
      content:'' !important;
      position:absolute !important;
      inset:0 !important;
      z-index:2 !important;
      pointer-events:auto !important;
      cursor:pointer !important;
    }
    .bh-topnav .bh-dock-item > *{
      position:relative !important;
      z-index:1 !important;
      pointer-events:none !important;
    }
    .bh-topnav .bh-dock-item::after{
      content:'' !important;
      position:absolute !important;
      bottom:0 !important;
      left:20% !important;
      right:20% !important;
      height:2px !important;
      background:#C8FF00 !important;
      transform:scaleX(0) !important;
      transition:transform .2s cubic-bezier(.4,0,.2,1) !important;
      pointer-events:none !important;
      z-index:3 !important;
    }
    .bh-topnav .bh-dock-item.active{
      color:#fff !important;
      background:transparent !important;
    }
    .bh-topnav .bh-dock-item.active::after{
      transform:scaleX(1) !important;
    }
    .bh-topnav .bh-dock-item:hover:not(.active){
      color:rgba(255,255,255,.65) !important;
      background:rgba(255,255,255,.03) !important;
    }
    .bh-topnav .bh-dock-item__label{
      font:700 9px/1 'DM Mono','Space Mono',monospace !important;
      letter-spacing:.14em !important;
      text-transform:uppercase !important;
      display:block !important;
      pointer-events:auto !important;
    }

    /* BH brand/menu button — left-most special pill */
    .bh-topnav .bh-dock-item--menu{
      flex:0 0 52px !important;
      width:52px !important;
      max-width:52px !important;
      min-width:52px !important;
      padding:0 !important;
      border-right:1px solid rgba(200,255,0,0.1) !important;
    }
    .bh-topnav .bh-dock-item--menu::after{ display:none !important; }
    .bh-topnav .bh-dock-item--menu.active,
    .bh-topnav .bh-dock-item--menu.is-menu-open{
      color:#C8FF00 !important;
      background:rgba(200,255,0,0.07) !important;
    }
    .bh-topnav .bh-brand-label{
      font:800 11px/1 'Syne',system-ui,sans-serif !important;
      letter-spacing:.22em !important;
      color:#C8FF00 !important;
      text-transform:uppercase !important;
      display:block !important;
      pointer-events:none !important;
    }

    /* Cart badge */
    .bh-topnav .bh-dock-badge{
      position:absolute !important;
      top:8px !important;
      right:calc(50% - 14px) !important;
      min-width:14px !important;
      height:14px !important;
      padding:0 3px !important;
      border-radius:7px !important;
      background:#C8FF00 !important;
      color:#fff !important;
      font:700 8px/14px 'DM Mono',monospace !important;
      text-align:center !important;
      pointer-events:none !important;
    }
    .bh-topnav .bh-dock-badge.is-empty{
      display:none !important;
    }

    /* Hamburger strokes inside menu button */
    .bh-topnav .bh-dock-menu-stroke{
      stroke:rgba(255,255,255,.55) !important;
    }
    .bh-topnav .bh-dock-item--menu:hover .bh-dock-menu-stroke,
    .bh-topnav .bh-dock-item--menu.is-menu-open .bh-dock-menu-stroke{
      stroke:#C8FF00 !important;
    }

    /* Mobile squeeze */
    @media(max-width:400px){
      .bh-topnav__bar{ height:42px !important; }
      .bh-topnav .bh-dock-item{ height:42px !important; }
      .bh-topnav .bh-dock-item__label{ font-size:8px !important; letter-spacing:.1em !important; }
      .bh-topnav .bh-dock-item--menu{ flex:0 0 46px !important; width:46px !important; min-width:46px !important; max-width:46px !important; }
      /* Nav is 42px at this breakpoint — reduce offsets to match */
      .bh-home-v5 .bh-home-shell{ padding-top:calc(44px + env(safe-area-inset-top,0px)) !important; }
      .bh-home-v5.is-module-open .bh-home-embed-stage{ padding-top:calc(44px + env(safe-area-inset-top,0px)) !important; min-height:calc(100dvh - 44px) !important; }
    }

    /* Shell offset: nav bar ~64px + 2px breathing room */
    .bh-home-v5 .bh-home-shell{
      padding-top:calc(66px + env(safe-area-inset-top,0px)) !important;
    }

    /* ── SLIDE MENU ── */
    .bh-slide-backdrop{
      position:fixed !important;
      inset:0 !important;
      z-index:9998 !important;
      background:rgba(0,0,0,.72) !important;
      backdrop-filter:blur(4px) !important;
      -webkit-backdrop-filter:blur(4px) !important;
      opacity:0 !important;
      pointer-events:none !important;
      transition:opacity .24s ease !important;
    }
    .bh-slide-backdrop.is-open{
      opacity:1 !important;
      pointer-events:auto !important;
    }

    .bh-slide-menu{
      position:fixed !important;
      inset:0 !important;
      top:calc(54px + env(safe-area-inset-top,0px)) !important;
      left:0 !important;right:0 !important;bottom:0 !important;
      width:100% !important;max-width:none !important;
      z-index:10000 !important;
      display:flex !important;
      flex-direction:column !important;
      background:rgba(8,7,14,.98) !important;
      border-top:1px solid rgba(200,255,0,0.1) !important;
      border-right:0 !important;
      box-shadow:none !important;
      transform:translateX(100%) !important;
      transition:transform .34s cubic-bezier(.2,.8,.2,1), opacity .2s ease !important;
      overflow-y:auto !important;overflow-x:hidden !important;
      overscroll-behavior:contain !important;
      opacity:0 !important;pointer-events:none !important;
    }
    .bh-slide-menu.is-open{
      transform:translateX(0) !important;
      opacity:1 !important;pointer-events:auto !important;
    }

    /* Profile header */
    .bh-slide-menu__head{
      display:flex !important;
      align-items:center !important;
      gap:12px !important;
      padding:16px 18px !important;
      border-bottom:1px solid rgba(255,255,255,.06) !important;
      background:transparent !important;
      min-height:64px !important;
      flex-shrink:0 !important;
      margin-top:0 !important;
    }
    .bh-slide-menu__avatar{
      width:38px !important;
      height:38px !important;
      border-radius:6px !important;
      flex-shrink:0 !important;
      box-shadow:0 0 0 1px rgba(200,255,0,0.25) !important;
      object-fit:cover !important;
    }
    .bh-slide-menu__name{
      font:700 13px/1.2 'Syne',system-ui,sans-serif !important;
      color:#f4f4f5 !important;
      letter-spacing:.01em !important;
      margin:0 !important;
    }
    .bh-slide-menu__role{
      font:600 8px/1 'DM Mono',monospace !important;
      letter-spacing:.2em !important;
      text-transform:uppercase !important;
      color:rgba(255,255,255,.3) !important;
      margin:4px 0 0 !important;
    }

    /* Scrollable item list */
    .bh-slide-menu__items{
      flex:1 !important;
      overflow-y:auto !important;
      overscroll-behavior:contain !important;
      padding:10px 10px 24px !important;
      scrollbar-width:none !important;
      -ms-overflow-style:none !important;
    }
    .bh-slide-menu__items::-webkit-scrollbar{ display:none !important; }

    /* Menu items */
    .bh-slide-menu__item{
      display:flex !important;
      align-items:center !important;
      gap:11px !important;
      width:100% !important;
      padding:10px 12px !important;
      border:0 !important;
      border-radius:6px !important;
      background:transparent !important;
      color:rgba(255,255,255,.55) !important;
      font:500 12px/1 'DM Mono',monospace !important;
      letter-spacing:.08em !important;
      text-transform:uppercase !important;
      text-align:left !important;
      cursor:pointer !important;
      text-decoration:none !important;
      transition:color .15s ease, background .15s ease !important;
      -webkit-tap-highlight-color:transparent !important;
      touch-action:manipulation !important;
      margin-bottom:1px !important;
    }
    .bh-slide-menu__item i{
      font-size:13px !important;
      width:16px !important;
      text-align:center !important;
      color:rgba(255,255,255,.22) !important;
      flex-shrink:0 !important;
      transition:color .15s ease !important;
    }
    .bh-slide-menu__item span{
      font:500 12px/1 'DM Mono',monospace !important;
      letter-spacing:.08em !important;
      text-transform:uppercase !important;
    }
    @media(hover:hover){
      .bh-slide-menu__item:hover{
        color:rgba(255,255,255,.9) !important;
        background:rgba(255,255,255,.05) !important;
      }
      .bh-slide-menu__item:hover i{ color:rgba(255,255,255,.55) !important; }
    }
    .bh-slide-menu__item:active{
      background:rgba(255,255,255,.08) !important;
    }
    /* ::before left-accent strip — remove */
    .bh-slide-menu__item::before{ display:none !important; }

    /* Primary CTA (sign in) */
    .bh-slide-menu__item--primary{
      color:#C8FF00 !important;
      background:rgba(200,255,0,0.1) !important;
      box-shadow:inset 0 0 0 1px rgba(200,255,0,0.2) !important;
    }
    .bh-slide-menu__item--primary i{ color:#C8FF00 !important; }
    @media(hover:hover){
      .bh-slide-menu__item--primary:hover{
        background:rgba(200,255,0,.16) !important;
        color:#C8FF00 !important;
      }
    }

    /* Admin tools — slightly dimmer */
    .bh-slide-menu__item--admin{
      color:rgba(255,255,255,.38) !important;
    }
    @media(hover:hover){
      .bh-slide-menu__item--admin:hover{
        color:rgba(255,255,255,.75) !important;
        background:rgba(255,255,255,.04) !important;
      }
    }

    /* Danger (sign out) */
    .bh-slide-menu__item--danger{
      color:rgba(239,68,68,.7) !important;
    }
    .bh-slide-menu__item--danger i{ color:rgba(239,68,68,.5) !important; }
    @media(hover:hover){
      .bh-slide-menu__item--danger:hover{
        color:#ef4444 !important;
        background:rgba(239,68,68,.07) !important;
      }
    }

    /* Separators */
    .bh-slide-menu__sep{
      height:1px !important;
      background:rgba(255,255,255,.06) !important;
      margin:8px 12px !important;
      border:0 !important;
      position:relative !important;
    }
    .bh-slide-menu__sep[data-label]::before{
      content:attr(data-label) !important;
      position:absolute !important;
      top:50% !important;
      left:0 !important;
      transform:translateY(-50%) !important;
      background:#060608 !important;
      padding-right:8px !important;
      font:600 8px/1 'DM Mono',monospace !important;
      letter-spacing:.2em !important;
      text-transform:uppercase !important;
      color:rgba(255,255,255,.22) !important;
    }

    /* Cart/notification badge inside menu */
    .bh-slide-menu__badge{
      margin-left:auto !important;
      background:rgba(200,255,0,0.18) !important;
      color:#C8FF00 !important;
      border-radius:4px !important;
      padding:2px 6px !important;
      font:700 9px/1.4 'DM Mono',monospace !important;
      letter-spacing:.05em !important;
      min-width:18px !important;
      text-align:center !important;
    }

    /* ── Menu button — clean square icon ──────────────────────── */
    .bh-topnav .bh-dock-item--menu{
      flex:0 0 40px !important;
      width:40px !important;
      min-width:40px !important;
      max-width:40px !important;
      height:40px !important;
      padding:0 !important;
      border-radius:8px !important;
      border:1px solid transparent !important;
      border-right:0 !important;
      background:transparent !important;
      box-shadow:none !important;
      display:inline-flex !important;
      align-items:center !important;
      justify-content:center !important;
      transition:border-color .18s ease, background .18s ease, transform .12s ease !important;
    }
    @media(hover:hover){
      .bh-topnav .bh-dock-item--menu:hover{
        border-color:rgba(255,255,255,.12) !important;
        background:rgba(255,255,255,.06) !important;
      }
    }
    .bh-topnav .bh-dock-item--menu:active{ transform:scale(.9) !important; }
    .bh-topnav .bh-dock-item--menu.is-menu-open{
      background:rgba(200,255,0,0.12) !important;
      border-color:rgba(200,255,0,0.3) !important;
    }
    /* SVG strokes */
    .bh-topnav .bh-dock-menu-stroke{
      color:rgba(255,255,255,.55) !important;
      transition:color .18s ease, stroke-dashoffset .3s ease !important;
    }
    @media(hover:hover){
      .bh-topnav .bh-dock-item--menu:hover .bh-dock-menu-stroke{
        color:rgba(255,255,255,.9) !important;
      }
    }
    .bh-topnav .bh-dock-item--menu.is-menu-open .bh-dock-menu-stroke{
      color:#C8FF00 !important;
    }
    /* Top and bot lines rotate into × on open */
    .bh-topnav .bh-dock-menu-icon{
      transition:transform .28s cubic-bezier(.6,0,.4,1) !important;
      overflow:visible !important;
    }
    .bh-topnav .bh-dock-item--menu.is-menu-open .bh-dock-menu-stroke--top{
      transform:translateY(5px) rotate(45deg) !important;
      transform-origin:center !important;
      color:#C8FF00 !important;
    }
    .bh-topnav .bh-dock-item--menu.is-menu-open .bh-dock-menu-stroke--bot{
      transform:translateY(-5px) rotate(-45deg) !important;
      transform-origin:center !important;
      color:#C8FF00 !important;
    }
    .bh-topnav .bh-dock-item--menu.is-menu-open .bh-dock-menu-stroke--mid{
      opacity:0 !important;
      transform:scaleX(0) !important;
      transform-origin:left center !important;
    }
    @media(max-width:400px){
      .bh-topnav .bh-dock-item--menu{
        flex:0 0 36px !important;
        width:36px !important;
        min-width:36px !important;
        max-width:36px !important;
      }
    }
    /* ── 4-dot ↔ X final overrides (trump cascade conflicts) ── */
    .bh-topnav .bh-dock-item--menu .bh-menu-dots{opacity:1 !important;transform:rotate(0deg) scale(1) !important;}
    .bh-topnav .bh-dock-item--menu .bh-menu-x{opacity:0 !important;transform:scale(.6) rotate(-45deg) !important;}
    @media(hover:hover){
      .bh-topnav .bh-dock-item--menu:not(.is-menu-open):hover .bh-menu-dots{transform:rotate(45deg) scale(1.08) !important;}
    }
    .bh-topnav .bh-dock-item--menu.is-menu-open .bh-menu-dots{opacity:0 !important;transform:rotate(45deg) scale(.5) !important;}
    .bh-topnav .bh-dock-item--menu.is-menu-open .bh-menu-x{opacity:1 !important;transform:scale(1) rotate(0deg) !important;color:#C8FF00 !important;}

    /* ══ COMPACT FEED V2 — VISUAL UPGRADE ══ */

    /* ── Beat/Song cards — full bg image ── */
    .bh-home-v5 .bh-home-beatcard{
      position:relative !important;
      overflow:hidden !important;
      border-radius:10px !important;
      border:1px solid rgba(255,255,255,.07) !important;
      background:#0a0a12 !important;
    }
    .bh-home-v5 .bh-home-beatcard__bg{
      position:absolute !important;
      inset:0 !important;
      width:100% !important;height:100% !important;
      object-fit:cover !important;
      object-position:center !important;
      z-index:0 !important;
      opacity:.28 !important;
      transition:opacity .3s ease !important;
      display:block !important;
    }
    .bh-home-v5 .bh-home-beatcard:hover .bh-home-beatcard__bg{opacity:.42 !important;}
    .bh-home-v5 .bh-home-beatcard:has(.master-play.is-playing) .bh-home-beatcard__bg{opacity:.5 !important;}
    .bh-home-v5 .bh-home-beatcard__info{
      position:relative !important;z-index:1 !important;
      padding:5px 8px !important;gap:7px !important;
      background:linear-gradient(90deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.2) 100%) !important;
    }

    /* Smaller play btn */
    .bh-home-v5 .bh-home-beatcard__play{width:26px !important;height:26px !important;font-size:9px !important;}
    /* Remove BPM/key specs from both grids */
    .bh-home-v5 .bh-home-beatcard .bh-home-trackspecs{display:none !important;}
    .bh-home-v5 .bh-home-beatcard .bh-home-trackspecs + .bh-home-trackcreator::before{display:none !important;}
    .bh-home-v5 .bh-home-recent:not([data-bh-filter-scope]) .bh-home-trackspecs{display:none !important;}

    /* ── Top Beats — full cover art card ── */
    .bh-home-v5 .bh-home-topcard{width:110px !important;border-radius:10px !important;}
    .bh-home-v5 .bh-home-topcard__cover{
      position:relative;width:100%;aspect-ratio:1/1;
      overflow:hidden;display:flex;align-items:center;justify-content:center;
    }
    .bh-home-v5 .bh-home-topcard__cover img{
      position:absolute;inset:0;width:100%;height:100%;
      object-fit:cover;display:block;
      transition:transform .35s ease;
    }
    .bh-home-v5 .bh-home-topcard:hover .bh-home-topcard__cover img{transform:scale(1.07);}
    .bh-home-v5 .bh-home-topcard__rank{
      position:absolute;top:5px;left:7px;z-index:2;
      font:800 9px/1 'DM Mono',monospace;
      color:rgba(255,255,255,.6);text-shadow:0 1px 4px rgba(0,0,0,.9);
      letter-spacing:.06em;
    }
    .bh-home-v5 .bh-home-topcard__play{
      position:relative;z-index:3;
      width:30px !important;height:30px !important;border-radius:0 !important;
      background:rgba(255,255,255,.15) !important;
      border:1px solid rgba(255,255,255,.3) !important;
      backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
      display:flex;align-items:center;justify-content:center;
      color:#fff !important;font-size:9px !important;
      opacity:0;transition:opacity .18s ease,background .18s ease !important;
    }
    .bh-home-v5 .bh-home-topcard:hover .bh-home-topcard__play,
    .bh-home-v5 .bh-home-topcard:has(.master-play.is-playing) .bh-home-topcard__play{
      opacity:1 !important;background:rgba(200,255,0,.9) !important;
    }
    @media(hover:none){.bh-home-v5 .bh-home-topcard__play{opacity:1 !important;}}
    .bh-home-v5 .bh-home-topcard__info{padding:6px 7px 7px !important;gap:2px !important;}
    .bh-home-v5 .bh-home-topcard__title{font:700 10px/1.25 'Syne',sans-serif !important;}
    .bh-home-v5 .bh-home-topcard__meta{font:400 8px/1 'DM Mono',monospace !important;}
    .bh-home-v5 .bh-home-topcard__sales{display:none !important;}
    .bh-home-v5 .bh-home-topcard__play-row{display:none !important;}

    /* ── Videos — no genre badge, bigger ── */
    .bh-home-v5 .bh-home-vcard{width:180px !important;border-radius:10px !important;}
    .bh-home-v5 .bh-home-vcard__genre{display:none !important;}
    .bh-home-v5 .bh-home-vcard__info{padding:6px 8px 7px !important;gap:1px !important;}
    .bh-home-v5 .bh-home-vcard__title{font:600 11px/1.2 'Syne',sans-serif !important;}

    /* ── Follow — compact pills ── */
    .bh-home-v5 .bh-home-social-pill{padding:5px 9px !important;gap:5px !important;}
    .bh-home-v5 .bh-home-social-ico{width:12px !important;height:12px !important;}
    .bh-home-v5 .bh-home-social-lbl{font:600 8px/1 'DM Mono',monospace !important;letter-spacing:.05em !important;}

    /* ── Producers — tight strip ── */
    .bh-home-v5 .bh-home-prodcard{
      min-width:68px !important;width:68px !important;
      padding:9px 6px 8px !important;gap:6px !important;border-radius:10px !important;
    }
    .bh-home-v5 .bh-home-prodcard__avatar{width:40px !important;height:40px !important;}
    .bh-home-v5 .bh-home-prodcard__first{font:700 9px/1.1 'Syne',sans-serif !important;}
    .bh-home-v5 .bh-home-prodcard__rest{display:none !important;}
    .bh-home-v5 .bh-home-producers-grid{gap:5px !important;}

    /* ── Browse chips — minimal ── */
    .bh-home-v5 .bh-home-genre-chip{padding:4px 8px !important;font-size:9px !important;}
    .bh-home-v5 .bh-home-genres-wrap{gap:4px !important;}

    /* ── Section scroll animations (IO-based, active when GSAP/ST not available) ── */
    .bh-home-v5:not(.bh-gsap-scroll) .bh-home-feed-section,
    .bh-home-v5:not(.bh-gsap-scroll) .bh-home-recent{
      opacity:0;
      transform:translateY(18px);
      transition:opacity .48s cubic-bezier(.22,1,.36,1), transform .48s cubic-bezier(.22,1,.36,1);
    }
    .bh-home-v5:not(.bh-gsap-scroll) .bh-home-feed-section.bh-in,
    .bh-home-v5:not(.bh-gsap-scroll) .bh-home-recent.bh-in{
      opacity:1;transform:translateY(0);
    }
    /* Beat cards stagger (IO-based) */
    .bh-home-v5:not(.bh-gsap-scroll) .bh-anim-card{
      opacity:0;transform:translateY(10px) scale(.98);
      transition:opacity .35s ease, transform .35s ease;
    }
    .bh-home-v5:not(.bh-gsap-scroll) .bh-anim-card.bh-in{opacity:1;transform:translateY(0) scale(1);}

    /* Topcard entrance stagger (IO-based) */
    .bh-home-v5:not(.bh-gsap-scroll) .bh-home-topcard{
      opacity:0;transform:translateY(8px);
      transition:opacity .3s ease, transform .3s ease, border-color .2s ease !important;
    }
    .bh-home-v5:not(.bh-gsap-scroll) .bh-home-topcard.bh-in{opacity:1;transform:translateY(0);}

    /* When GSAP+ScrollTrigger is active: let GSAP handle opacity/transform, no CSS initial hide */
    .bh-home-v5.bh-gsap-scroll .bh-home-feed-section,
    .bh-home-v5.bh-gsap-scroll .bh-home-recent,
    .bh-home-v5.bh-gsap-scroll .bh-anim-card,
    .bh-home-v5.bh-gsap-scroll .bh-home-topcard,
    .bh-home-v5.bh-gsap-scroll .bh-home-prodcard,
    .bh-home-v5.bh-gsap-scroll .bh-home-vcard,
    .bh-home-v5.bh-gsap-scroll .bh-home-social-pill,
    .bh-home-v5.bh-gsap-scroll .bh-home-genre-chip{
      transition:none !important;
    }
    /* Safety-net override: if JS timeout cleared GSAP inline styles and added bh-in,
       reveal the section with a simple fade regardless of bh-gsap-scroll state. */
    .bh-home-v5.bh-gsap-scroll .bh-home-feed-section.bh-in,
    .bh-home-v5.bh-gsap-scroll .bh-home-recent.bh-in{
      opacity:1 !important;transform:none !important;transition:opacity .4s ease !important;
    }
    .bh-home-v5.bh-gsap-scroll .bh-anim-card.bh-in,
    .bh-home-v5.bh-gsap-scroll .bh-home-topcard.bh-in,
    .bh-home-v5.bh-gsap-scroll .bh-home-prodcard.bh-in,
    .bh-home-v5.bh-gsap-scroll .bh-home-vcard.bh-in{
      opacity:1 !important;transform:none !important;transition:opacity .35s ease !important;
    }

    /* Producer card entrance (IO-based fallback) */
    .bh-home-v5:not(.bh-gsap-scroll) .bh-home-prodcard{
      opacity:0;transform:scale(.92);
      transition:opacity .3s ease, transform .3s ease, border-color .28s ease, background .28s ease !important;
    }
    .bh-home-v5:not(.bh-gsap-scroll) .bh-home-prodcard.bh-in{opacity:1;transform:scale(1);}

    /* Mobile responsive */
    @media(max-width:480px){
      .bh-home-v5 .bh-home-tracklist{grid-template-columns:1fr !important;}
      .bh-home-v5 .bh-home-vcard{width:155px !important;}
      .bh-home-v5 .bh-home-topcard{width:100px !important;}
      .bh-home-v5 .bh-home-prodcard{min-width:60px !important;width:60px !important;}
      .bh-home-v5 .bh-home-prodcard__avatar{width:36px !important;height:36px !important;}
    }

    /* ══════════════════════════════════════════════════════
       LAYOUT v3 — CENTERED · 2-COL GRID · DENSE · UNIFIED
       ══════════════════════════════════════════════════════ */

    /* 1 ── Shell: centered, wider, CSS Grid 2-col */
    .bh-home-v5 .bh-home-shell{
      display:grid !important;
      grid-template-columns:1fr 1fr !important;
      column-gap:12px !important;
      row-gap:0 !important;
      align-items:start !important;
      max-width:880px !important;
      margin-left:auto !important;
      margin-right:auto !important;
      padding-left:20px !important;
      padding-right:20px !important;
      padding-bottom:24px !important;
    }

    /* 2 ── Explicit grid placement: row and column per section */
    /* Songs → col 1, row 1 */
    .bh-home-v5 .bh-home-songs-feed{grid-column:1 !important;grid-row:1 !important;}
    /* Top Beats → col 2, row 1 */
    .bh-home-v5 .bh-home-top-feed{grid-column:2 !important;grid-row:1 !important;}
    /* Videos → full width, row 2 */
    .bh-home-v5 .bh-home-videos-feed{grid-column:1/-1 !important;grid-row:2 !important;}
    /* Follow → col 1, row 3 */
    .bh-home-v5 .bh-home-live-feed{grid-column:1 !important;grid-row:3 !important;}
    /* Browse → col 2, row 3 */
    .bh-home-v5 .bh-home-genres-feed{grid-column:2 !important;grid-row:3 !important;}
    /* Producers → full width, row 4 */
    .bh-home-v5 .bh-home-producers-feed{grid-column:1/-1 !important;grid-row:4 !important;}
    /* Latest Beats → full width, row 5 */
    .bh-home-v5 .bh-home-recent{grid-column:1/-1 !important;grid-row:5 !important;}
    /* News (likely empty) → out of the way */
    .bh-home-v5 .bh-home-news-feed{display:none !important;}
    /* ALL other shell children span full width — prevents grid-cell clipping */
    .bh-home-v5 .bh-home-embed-stage,
    .bh-home-v5 .bh-home-embed-section,
    .bh-home-v5 #bh-home-app-stage,
    .bh-home-v5 #bh-app-main-player,
    .bh-home-v5 .bhc-pane,
    .bh-home-v5 .bh-slide-menu,
    .bh-home-v5 .bh-slide-backdrop,
    .bh-home-v5 .bh-home-stats,
    .bh-home-v5 .bh-home-featured,
    .bh-home-v5 .bh-levels-wrapper,
    .bh-home-v5 .bh-home-yt-section,
    .bh-home-v5 .bh-home-foryou-feed,
    .bh-home-v5 .bh-home-plans-section,
    .bh-home-v5 .bh-home-community-section{grid-column:1/-1 !important;grid-row:auto !important;}

    /* When a module/view is open: revert shell to single-column block */
    .bh-home-v5.is-module-open .bh-home-shell{
      display:block !important;
      max-width:100% !important;
      padding:0 !important;
    }

    /* 3 ── Density: tighten all section vertical rhythm */
    .bh-home-v5 .bh-home-feed-section{margin-top:10px !important;}
    .bh-home-v5 .bh-home-recent{margin-top:10px !important;}
    .bh-home-v5 .bh-home-feed-hd{margin-bottom:5px !important;}

    /* 4 ── Top Beats in half-column: let cards fill the width as a grid */
    .bh-home-v5 .bh-home-top-row{
      display:grid !important;
      grid-template-columns:repeat(auto-fill,minmax(88px,1fr)) !important;
      gap:6px !important;
      overflow:visible !important;
      flex-wrap:unset !important;
    }
    .bh-home-v5 .bh-home-top-feed .bh-home-topcard{
      width:100% !important;
      min-width:0 !important;
      flex-shrink:unset !important;
    }

    /* 5 ── Video cards: slightly larger to fill the full width */
    .bh-home-v5 .bh-home-vcard{width:200px !important;}

    /* 6 ── Song track list: 1-col inside half-column */
    .bh-home-v5 .bh-home-songs-feed .bh-home-tracklist{
      grid-template-columns:1fr !important;
    }

    /* 7 ── Unified pill buttons: Follow + Browse identical */
    .bh-home-v5 .bh-home-social-pill,
    .bh-home-v5 .bh-home-genre-chip{
      padding:5px 10px !important;
      border-radius:999px !important;
      border:1px solid rgba(255,255,255,.08) !important;
      background:rgba(255,255,255,.05) !important;
      font:600 8.5px/1 'DM Mono',ui-monospace,monospace !important;
      letter-spacing:.07em !important;
      text-transform:uppercase !important;
      color:rgba(255,255,255,.5) !important;
      gap:5px !important;
      white-space:nowrap !important;
      transition:background .18s ease, border-color .18s ease, color .18s ease !important;
    }
    .bh-home-v5 .bh-home-social-pill:hover,
    .bh-home-v5 .bh-home-genre-chip:hover{
      background:rgba(200,255,0,0.12) !important;
      border-color:rgba(200,255,0,0.3) !important;
      color:rgba(255,255,255,.88) !important;
    }
    /* Per-genre hover color accents */
    .bh-home-v5 a.bh-home-genre-chip[href*="trap"]:hover{background:rgba(239,68,68,.12) !important;border-color:rgba(239,68,68,.3) !important;}
    .bh-home-v5 a.bh-home-genre-chip[href*="drill"]:hover{background:rgba(124,58,237,.12) !important;border-color:rgba(124,58,237,.3) !important;}
    .bh-home-v5 a.bh-home-genre-chip[href*="rnb"]:hover{background:rgba(236,72,153,.12) !important;border-color:rgba(236,72,153,.3) !important;}
    .bh-home-v5 a.bh-home-genre-chip[href*="reggaeton"]:hover{background:rgba(34,197,94,.12) !important;border-color:rgba(34,197,94,.3) !important;}
    .bh-home-v5 a.bh-home-genre-chip[href*="dancehall"]:hover{background:rgba(234,179,8,.12) !important;border-color:rgba(234,179,8,.3) !important;}
    .bh-home-v5 a.bh-home-genre-chip[href*="lofi"]:hover{background:rgba(6,182,212,.12) !important;border-color:rgba(6,182,212,.3) !important;}
    .bh-home-v5 a.bh-home-genre-chip[href*="pop"]:hover{background:rgba(249,115,22,.12) !important;border-color:rgba(249,115,22,.3) !important;}
    /* Consistent icon size in social pills */
    .bh-home-v5 .bh-home-social-ico{width:10px !important;height:10px !important;}

    /* 8 ── Follow + Browse sections: use flex-wrap for the pill rows */
    .bh-home-v5 .bh-home-socials-row,
    .bh-home-v5 .bh-home-genres-wrap{
      display:flex !important;flex-wrap:wrap !important;gap:4px !important;
    }

    /* 9 ── Producers: slightly denser cards */
    /* min-width:0 on the grid item allows overflow-x:auto inside to actually scroll */
    .bh-home-v5 .bh-home-producers-feed{min-width:0;}
    .bh-home-v5 .bh-home-producers-grid{gap:6px !important;}
    .bh-home-v5 .bh-home-prodcard{min-width:64px !important;width:64px !important;}

    /* 10 ── Force-hide sold counts (belt-and-suspenders) */
    .bh-home-v5 [class*="topcard__sales"],
    .bh-home-v5 .bh-home-topcard__sales{display:none !important;}

    /* 11 ── Mobile (≤600px): revert to single column */
    @media(max-width:600px){
      .bh-home-v5 .bh-home-shell{
        grid-template-columns:1fr !important;
        padding-left:12px !important;
        padding-right:12px !important;
      }
      .bh-home-v5 .bh-home-songs-feed,
      .bh-home-v5 .bh-home-top-feed,
      .bh-home-v5 .bh-home-videos-feed,
      .bh-home-v5 .bh-home-live-feed,
      .bh-home-v5 .bh-home-genres-feed,
      .bh-home-v5 .bh-home-producers-feed,
      .bh-home-v5 .bh-home-recent{
        grid-column:1/-1 !important;
        grid-row:auto !important;
      }
      .bh-home-v5 .bh-home-top-row{
        grid-template-columns:repeat(auto-fill,minmax(90px,1fr)) !important;
      }
      .bh-home-v5 .bh-home-songs-feed .bh-home-tracklist{
        grid-template-columns:1fr !important;
      }
    }

    /* ══════════════════════════════════════════════════════
       SCROLL FUSION — seamless hero→feed visual continuity
       ══════════════════════════════════════════════════════ */

    /* Hero: add breathing room at the bottom so the feed
       doesn't hard-cut against it */
    .bh-ch{
      padding-bottom:80px;
    }
    /* Mobile: reduce hero bottom padding so the empty dark area
       between hero content and feed is minimal */
    @media(max-width:640px){
      .bh-ch{padding-bottom:16px !important;}
      /* Shell padding-top: keep nav clearance (66px). When hero is present it's below the
         100dvh hero anyway; when hero is hidden (returning user cookie) this prevents
         the fixed nav from overlapping the top of the feed. */
    }

    /* The outer wrapper is transparent — hero bg shows through */
    .bh-home-v5{
      background:transparent !important;
    }

    /* Feed shell: gradient bridge from transparent into the same
       dark base the hero uses (#000). Override last wins. */
    .bh-home-v5 .bh-home-shell{
      background:
        linear-gradient(to bottom, transparent 0%, #000 120px) !important;
    }

    /* Remove the 4 vibrant color blobs (red/amber/green/blue) from the dot grid —
       they bleed through at the hero→feed seam. Keep only the structural dot pattern. */
    .bh-home-v5 .bh-home-bg-dots{
      background-image:
        radial-gradient(circle at 50% 50%, transparent 1.5px, var(--bg) 0 var(--dot), transparent var(--dot)),
        radial-gradient(circle at 50% 50%, transparent 1.5px, var(--bg) 0 var(--dot), transparent var(--dot)) !important;
      background-size:
        var(--gap) var(--hex),
        var(--gap) var(--hex) !important;
      background-position:
        0px 0px,
        5px 8.66px !important;
    }

    /* Promote GPU layers for scroll-driven elements */
    .bh-home-v5 .bh-home-hero,
    .bh-home-v5 .bh-home-featured,
    .bh-home-v5 .bh-home-feed > *{
      will-change:transform, opacity;
    }

/* ══════════════════════════════════════════════════
   HOME FEED REDESIGN v3 — appended to end of home.css
   so these rules win the cascade over everything above
   ══════════════════════════════════════════════════ */

/* Section headers */
.bh-home-v5 .bh-home-feed-hd {
  display: flex !important;
  align-items: center !important;
  padding: 14px 0 8px !important;
  margin-bottom: 6px !important;
  border-bottom: 1px solid rgba(255,255,255,.05) !important;
  gap: 0 !important;
}
.bh-home-v5 .bh-home-list-title {
  flex: 1 !important;
  font: 700 10px/1 'DM Mono', monospace !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,.75) !important;
  margin: 0 !important;
  padding: 0 0 0 10px !important;
  border-left: 2px solid #C8FF00 !important;
  border-bottom: none !important;
  background: none !important;
}
.bh-home-v5 .bh-home-list-title::before,
.bh-home-v5 .bh-home-list-title::after { display: none !important; }
.bh-home-v5 .bh-home-feed-see-all {
  font: 600 9px/1 'DM Mono', monospace !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  color: rgba(200,255,0,.7) !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}
.bh-home-v5 .bh-home-feed-see-all:hover { color: #C8FF00 !important; text-decoration: none !important; }

/* Beat card: cover thumbnail on left */
.bh-home-v5 .bh-home-beatcard {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  position: relative !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  background: rgba(255,255,255,.03) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  gap: 0 !important;
  cursor: pointer !important;
}
.bh-home-v5 .bh-home-beatcard__bg {
  position: relative !important;
  flex-shrink: 0 !important;
  width: 68px !important;
  height: 68px !important;
  min-width: 68px !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  inset: auto !important;
  margin: 0 !important;
  border-radius: 0 !important;
  object-fit: cover !important;
  opacity: 1 !important;
  display: block !important;
  z-index: auto !important;
  align-self: stretch !important;
}
.bh-home-v5 .bh-home-beatcard__info {
  flex: 1 !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 6px 10px 6px 9px !important;
  background: none !important;
  position: relative !important;
  z-index: 1 !important;
}
.bh-home-v5 .bh-home-beatcard__play {
  flex-shrink: 0 !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: rgba(200,255,0,.12) !important;
  border: 1px solid rgba(200,255,0,.28) !important;
  color: #C8FF00 !important;
  font-size: 9px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: background .15s, border-color .15s, transform .12s !important;
  overflow: hidden !important;
  opacity: 1 !important;
}
@media (hover:hover) and (pointer:fine) {
  .bh-home-v5 .bh-home-beatcard:hover .bh-home-beatcard__play {
    background: rgba(200,255,0,.9) !important;
    border-color: #C8FF00 !important;
    color: #000 !important;
  }
  .bh-home-v5 .bh-home-beatcard:hover {
    border-color: rgba(255,255,255,.1) !important;
    background: rgba(255,255,255,.05) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 16px rgba(0,0,0,.3) !important;
  }
}
.bh-home-v5 .bh-home-beatcard__play.is-playing {
  background: #C8FF00 !important;
  border-color: #C8FF00 !important;
  color: #000 !important;
}
.bh-home-v5 .bh-home-beatcard__play:disabled { opacity: .25 !important; }
.bh-home-v5 .bh-home-beatcard__text {
  flex: 1 !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
}
.bh-home-v5 .bh-home-beatcard__title {
  font: 600 12px/1.2 'Syne', system-ui, sans-serif !important;
  color: rgba(255,255,255,.88) !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: block !important;
}
.bh-home-v5 .bh-home-beatcard:has(.master-play.is-playing) {
  border-color: rgba(200,255,0,.38) !important;
  background: rgba(200,255,0,.04) !important;
}
/* Producer avatar row */
.bh-home-v5 .bh-bc-av-row {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  min-width: 0 !important;
}
.bh-home-v5 .bh-bc-av {
  width: 14px !important;
  height: 14px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  flex-shrink: 0 !important;
  border: 1px solid rgba(200,255,0,.25) !important;
  display: block !important;
}
.bh-home-v5 .bh-bc-cname {
  font: 500 9px/1 'DM Mono', monospace !important;
  color: rgba(255,255,255,.35) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.bh-home-v5 .bh-home-beatcard .bh-home-trackspecs {
  font: 400 9px/1 'DM Mono', monospace !important;
  color: rgba(255,255,255,.28) !important;
  display: inline !important;
  white-space: nowrap !important;
}
.bh-home-v5 .bh-home-tracklist { gap: 4px !important; }

/* Top beats: amber play */
.bh-home-v5 .bh-home-topcard__play {
  background: rgba(6,5,10,.55) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  color: #fff !important;
}
.bh-home-v5 .bh-home-topcard:hover .bh-home-topcard__play,
.bh-home-v5 .bh-home-topcard:has(.master-play.is-playing) .bh-home-topcard__play {
  background: rgba(200,255,0,.9) !important;
  border-color: rgba(200,255,0,.6) !important;
  color: #000 !important;
  opacity: 1 !important;
}
.bh-home-v5 .bh-home-topcard__rank {
  color: rgba(200,255,0,.85) !important;
}

/* Genre chips */
.bh-home-v5 .bh-home-genre-chip {
  border-radius: 999px !important;
  padding: 5px 12px !important;
  font: 600 9px/1 'DM Mono', monospace !important;
  letter-spacing: .1em !important;
  color: rgba(255,255,255,.45) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  background: rgba(255,255,255,.03) !important;
  text-decoration: none !important;
}
.bh-home-v5 .bh-home-genre-chip:hover {
  background: rgba(200,255,0,.1) !important;
  border-color: rgba(200,255,0,.28) !important;
  color: #C8FF00 !important;
  text-decoration: none !important;
}
.bh-home-v5 .bh-home-genres-wrap { gap: 6px !important; padding: 6px 0 2px !important; }

/* Tool pills */
.bh-home-v5 .bh-home-tool-pill:hover {
  background: rgba(200,255,0,.08) !important;
  border-color: rgba(200,255,0,.25) !important;
  color: #C8FF00 !important;
  text-decoration: none !important;
}

/* Pro plan card accent */
.bh-home-v5 .bh-home-plan-card--studio {
  border-color: rgba(200,255,0,.25) !important;
  background: rgba(200,255,0,.04) !important;
}
.bh-home-v5 .bh-home-plan-card__badge--top {
  background: rgba(200,255,0,.12) !important;
  color: #C8FF00 !important;
  border: 1px solid rgba(200,255,0,.22) !important;
}

/* foryou grid: keep as grid for the horizontal scroll */
.bh-home-v5 .bh-home-foryou-list {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)) !important;
  gap: 4px !important;
}

@media (max-width: 480px) {
  .bh-home-v5 .bh-home-beatcard__bg {
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
  }
  .bh-home-v5 .bh-home-beatcard__title { font-size: 11px !important; }
}

/* ═══════════════════════════════════════════════════════════════
   BH HOME — Premium Layer Enhancement
   Vibe: Ethereal Glass · Z-Axis Cascade
   ─────────────────────────────────────────────────────────────── */

/* ── 1. Beat Card — Layered Micro-Interaction ─────────────────── */

.bh-home-v5 .bh-home-beatcard {
  transition:
    transform 520ms cubic-bezier(0.32, 0.72, 0, 1),
    box-shadow 520ms cubic-bezier(0.32, 0.72, 0, 1),
    outline-color 520ms cubic-bezier(0.32, 0.72, 0, 1);
  will-change: transform;
  outline: 1px solid rgba(255, 255, 255, 0.04);
  outline-offset: 0px;
}

.bh-home-v5 .bh-home-beatcard:hover {
  transform: translateY(-5px) scale(1.018) translateZ(0);
  box-shadow:
    0 0 0 1px rgba(200,255,0, 0.22),
    0 16px 40px rgba(0, 0, 0, 0.55),
    0 4px 12px rgba(200,255,0, 0.10);
  outline-color: rgba(200,255,0, 0.14);
}

.bh-home-v5 .bh-home-beatcard__art { position: relative; }

.bh-home-v5 .bh-home-beatcard__art::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(160deg, rgba(200,255,0, 0.08) 0%, transparent 60%);
  opacity: 0;
  transition: opacity 400ms cubic-bezier(0.32, 0.72, 0, 1);
  pointer-events: none;
  border-radius: inherit;
}

.bh-home-v5 .bh-home-beatcard:hover .bh-home-beatcard__art::after {
  opacity: 1;
}

.bh-home-v5 .bh-home-beatcard__play {
  transition:
    opacity 360ms cubic-bezier(0.32, 0.72, 0, 1),
    transform 360ms cubic-bezier(0.32, 0.72, 0, 1),
    background 280ms cubic-bezier(0.32, 0.72, 0, 1),
    box-shadow 280ms cubic-bezier(0.32, 0.72, 0, 1);
}

.bh-home-v5 .bh-home-beatcard:hover .bh-home-beatcard__play:not(.is-playing) {
  transform: scale(1.12) translateY(-1px);
  box-shadow:
    0 0 0 5px rgba(200,255,0, 0.15),
    0 6px 20px rgba(200,255,0, 0.30);
}

/* ── 2. Ambient Glow — Playing Card ──────────────────────────── */

.bh-home-v5 .bh-home-beatcard:has(.is-playing),
.bh-home-v5 .bh-home-beatcard.is-active-beat {
  box-shadow:
    0 0 0 1px rgba(200,255,0, 0.45),
    0 0 28px rgba(200,255,0, 0.22),
    0 12px 32px rgba(0, 0, 0, 0.5);
  outline-color: rgba(200,255,0, 0.28);
  animation: bhCardPulse 2.8s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes bhCardPulse {
  0%, 100% {
    box-shadow:
      0 0 0 1px rgba(200,255,0, 0.45),
      0 0 28px rgba(200,255,0, 0.22),
      0 12px 32px rgba(0, 0, 0, 0.5);
  }
  50% {
    box-shadow:
      0 0 0 1px rgba(200,255,0, 0.60),
      0 0 42px rgba(200,255,0, 0.32),
      0 12px 32px rgba(0, 0, 0, 0.5);
  }
}

/* ── 3. Section Title — Eyebrow Pill Treatment ───────────────── */

.bh-home-v5 .section-title[data-label]::before,
.bh-home-v5 .bh-home-section-title[data-label]::before {
  content: attr(data-label);
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  font-family: 'Manrope', system-ui, sans-serif;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--bh-accent);
  background: rgba(200,255,0, 0.10);
  border: 1px solid rgba(200,255,0, 0.22);
  padding: 3px 8px;
  border-radius: 100px;
  line-height: 1;
  height: auto;
  width: auto;
  min-width: 0;
}

/* ── 4. Scroll Reveal ─────────────────────────────────────────── */

.bh-scroll-reveal {
  opacity: 0;
  transform: translateY(44px);
  transition:
    opacity 680ms cubic-bezier(0.32, 0.72, 0, 1),
    transform 680ms cubic-bezier(0.32, 0.72, 0, 1);
  will-change: transform, opacity;
}

.bh-scroll-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
  will-change: auto;
}

.bh-scroll-reveal .section-title,
.bh-scroll-reveal .bh-home-section-title {
  opacity: 0;
  transform: translateX(-12px);
  transition:
    opacity 500ms cubic-bezier(0.32, 0.72, 0, 1),
    transform 500ms cubic-bezier(0.32, 0.72, 0, 1);
}

.bh-scroll-reveal.is-visible .section-title,
.bh-scroll-reveal.is-visible .bh-home-section-title {
  opacity: 1;
  transform: translateX(0);
}

.bh-scroll-reveal .bh-home-beatcard {
  opacity: 0;
  transform: translateY(28px);
  transition:
    opacity 560ms cubic-bezier(0.32, 0.72, 0, 1),
    transform 560ms cubic-bezier(0.32, 0.72, 0, 1),
    box-shadow 520ms cubic-bezier(0.32, 0.72, 0, 1),
    outline-color 520ms cubic-bezier(0.32, 0.72, 0, 1);
}

.bh-scroll-reveal.is-visible .bh-home-beatcard {
  opacity: 1;
  transform: translateY(0);
}

.bh-scroll-reveal .bh-home-beatcard:nth-child(1)  { transition-delay: 0ms;   }
.bh-scroll-reveal .bh-home-beatcard:nth-child(2)  { transition-delay: 48ms;  }
.bh-scroll-reveal .bh-home-beatcard:nth-child(3)  { transition-delay: 96ms;  }
.bh-scroll-reveal .bh-home-beatcard:nth-child(4)  { transition-delay: 144ms; }
.bh-scroll-reveal .bh-home-beatcard:nth-child(5)  { transition-delay: 192ms; }
.bh-scroll-reveal .bh-home-beatcard:nth-child(6)  { transition-delay: 240ms; }
.bh-scroll-reveal .bh-home-beatcard:nth-child(n+7){ transition-delay: 288ms; }

@media (prefers-reduced-motion: reduce) {
  .bh-scroll-reveal,
  .bh-scroll-reveal .bh-home-beatcard,
  .bh-scroll-reveal .section-title,
  .bh-scroll-reveal .bh-home-section-title {
    opacity: 1;
    transform: none;
    transition: none;
    animation: none;
  }
  .bh-home-v5 .bh-home-beatcard:has(.is-playing),
  .bh-home-v5 .bh-home-beatcard.is-active-beat {
    animation: none;
  }
}

/* ── Nav is-scrolled state (post-hero) ───────────────────────── */
.bh-topnav.is-scrolled .bh-topnav__bar {
  background: rgba(0,0,0,.95);
  border-bottom-color: rgba(200,255,0,.10);
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.04),
    0 8px 40px rgba(0, 0, 0, 0.65),
    0 2px 8px rgba(0, 0, 0, 0.4);
  transition:
    background 400ms cubic-bezier(0.32, 0.72, 0, 1),
    border-color 400ms cubic-bezier(0.32, 0.72, 0, 1),
    box-shadow 400ms cubic-bezier(0.32, 0.72, 0, 1);
}

/* ═══════════════════════════════════════════════════════════════
   BRUTAL LUXURY — Mobile & Touch Improvements
   ══════════════════════════════════════════════════════════════ */

/* Hero title — adjust min for narrow phones */
@media (max-width: 390px) {
  .bh-home-v5 .bh-home-title {
    font-size: clamp(36px, 10vw, 60px) !important;
  }
}

/* Auth modal — full-width on very small screens */
@media (max-width: 400px) {
  .bh-home-auth-modal__dialog {
    width: calc(100vw - 16px) !important;
    padding: 20px 16px !important;
  }
  .bh-home-auth-modal__dialog h3 { font-size: 26px !important; }
}

/* Touch targets — minimum 44px for all interactive elements */
@media (hover: none) {
  .bh-home-v5 .bh-home-track-play,
  .bh-home-v5 .bh-home-master-play {
    min-width: 44px !important;
    min-height: 44px !important;
  }
  .bh-home-v5 .bh-dock-item {
    min-width: 44px !important;
    min-height: 44px !important;
  }
  .bh-home-auth-form__submit { min-height: 52px !important; }
}

/* Safe area insets for notched phones */
.bh-home-v5 .bh-dock-nav,
.bh-topnav {
  padding-bottom: env(safe-area-inset-bottom, 0px);
}
.bh-app-main-player {
  padding-bottom: max(8px, env(safe-area-inset-bottom, 0px));
}

/* Content compaction — tighter sections on mobile */
@media (max-width: 640px) {
  .bh-home-v5 .bh-home-tracklist { gap: 0 !important; }
  .bh-home-v5 .bh-home-trackrow { padding: 10px 0 !important; }
  .bh-home-v5 .bh-home-trackavatar { width: 36px !important; height: 36px !important; }
  .bh-home-v5 .bh-home-section-label { font-size: 9px !important; letter-spacing: .18em !important; }
  .bh-home-v5 .bh-home-beatcard { width: 120px !important; }
  .bh-home-auth-modal { padding: 12px !important; }
}

/* Profile compact on mobile */
@media (max-width: 480px) {
  .bph-grid { grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)) !important; gap: 8px !important; }
  .bpp-feed { gap: 8px !important; }
}

/* Image lazy loading — prevent layout shift */
.bh-home-v5 img {
  content-visibility: auto;
}
.bh-home-trackavatar,
.bh-home-beatcard__bg,
.bh-home-beatcard__img {
  loading: lazy;
}

/* ══════════════════════════════════════════════════════════════
   BRUTAL HOME v2 — expensive · fluid · compact
   ══════════════════════════════════════════════════════════════ */

/* ── Player card: angular, flat, acid ── */
.bh-home-v5 .bh-app-main-player,
.bh-home-v5 .bh-app-main-player.is-single-template-skin {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 0 !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,0.04), 0 24px 60px rgba(0,0,0,0.7) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
}

/* Play btn: acid green ── */
.bh-home-v5 .bh-app-main-player__btn--play,
.bh-home-v5 .bh-app-main-player.is-single-template-skin .bh-app-main-player__btn--play {
  background: #C8FF00 !important;
  border-color: transparent !important;
  color: #000 !important;
  border-radius: 0 !important;
}
.bh-home-v5 .bh-app-main-player__btn--play:hover,
.bh-home-v5 .bh-app-main-player.is-single-template-skin .bh-app-main-player__btn--play:hover {
  background: #E8FF88 !important;
  transform: scale(1.04) !important;
  transition: background 0.18s cubic-bezier(0.19,1,0.22,1), transform 0.18s cubic-bezier(0.19,1,0.22,1) !important;
}

/* Waveform block: angular ── */
.bh-home-v5 .bh-app-main-player__wave,
.bh-home-v5 .bh-app-main-player.is-single-template-skin .bh-app-main-player__wave {
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 0 !important;
  background: rgba(255,255,255,0.02) !important;
  box-shadow: none !important;
}

/* Tool / control buttons: angular ── */
.bh-home-v5 .bh-app-main-player__tool,
.bh-home-v5 .bh-app-main-player__btn:not(.bh-app-main-player__btn--play) {
  border-radius: 0 !important;
  transition: background 0.18s cubic-bezier(0.19,1,0.22,1), border-color 0.18s cubic-bezier(0.19,1,0.22,1) !important;
}

/* Progress bar: acid green ── */
.bh-home--neutral .bh-home-progress .js-home-progress-fill {
  background: #C8FF00;
}
.bh-home--neutral .bh-home-seek::-webkit-slider-thumb {
  background: #C8FF00;
}

/* Track play buttons: angular + compact ── */
.bh-home--neutral .bh-home-track-play {
  width: 34px !important;
  height: 34px !important;
  border-radius: 0 !important;
  background: #111 !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  transition: background 0.16s cubic-bezier(0.19,1,0.22,1), border-color 0.16s cubic-bezier(0.19,1,0.22,1) !important;
}
.bh-home--neutral .bh-home-track-play:hover {
  background: rgba(200,255,0,0.12) !important;
  border-color: rgba(200,255,0,0.3) !important;
}

/* Track list: tighter rows ── */
.bh-home--neutral .bh-home-list {
  gap: 5px !important;
}
.bh-home--neutral .bh-home-list li {
  grid-template-columns: 34px 36px minmax(0,1fr) auto !important;
  gap: 8px !important;
  padding: 4px 6px !important;
  border: 1px solid transparent !important;
  transition: border-color 0.18s cubic-bezier(0.19,1,0.22,1), background 0.18s cubic-bezier(0.19,1,0.22,1) !important;
}
.bh-home--neutral .bh-home-list li:hover {
  background: rgba(255,255,255,0.03) !important;
  border-color: rgba(255,255,255,0.07) !important;
}
.bh-home--neutral .bh-home-list li.is-playing {
  background: rgba(200,255,0,0.06) !important;
  border-color: rgba(200,255,0,0.18) !important;
}

/* Track art: compact square ── */
.bh-home--neutral .bh-home-list li img,
.bh-home--neutral .bh-home-list li .bh-home-track-art {
  width: 36px !important;
  height: 36px !important;
  border-radius: 0 !important;
  object-fit: cover !important;
}

/* Section labels: tight uppercase ── */
.bh-home--neutral .bh-home-section-label {
  font: 600 9px/1 'Manrope', system-ui, sans-serif !important;
  letter-spacing: 0.18em !important;
  color: rgba(255,255,255,0.35) !important;
  text-transform: uppercase !important;
}

/* Featured title: brutal sizing ── */
.bh-home--neutral .bh-home-featured-title {
  letter-spacing: -0.04em !important;
  line-height: 0.88 !important;
}

/* Transport buttons: angular ── */
.bh-home--neutral .bh-home-transport {
  border-radius: 0 !important;
  border-color: rgba(255,255,255,0.08) !important;
  background: #111 !important;
  transition: background 0.18s cubic-bezier(0.19,1,0.22,1), border-color 0.18s cubic-bezier(0.19,1,0.22,1) !important;
}
.bh-home--neutral .bh-home-transport:hover {
  background: rgba(255,255,255,0.06) !important;
  border-color: rgba(255,255,255,0.16) !important;
}
.bh-home--neutral .bh-home-transport--main {
  background: #161616 !important;
}

/* Price tag: angular ── */
.bh-home--neutral .bh-home-price-row span {
  border-radius: 0 !important;
}

/* Section spacing: compact ── */
.bh-home--neutral .bh-home-hero,
.bh-home--neutral .bh-home-featured,
.bh-home--neutral .bh-home-player,
.bh-home--neutral .bh-home-grid,
.bh-home--neutral .bh-home-services,
.bh-home--neutral .bh-home-profile,
.bh-home--neutral .bh-debug {
  margin: 0 0 20px !important;
}

/* Single-skin player title: tighter ── */
.bh-home-v5 .bh-app-main-player.is-single-template-skin .bh-app-main-player__title-link {
  letter-spacing: -0.04em !important;
  line-height: 0.88 !important;
}

/* Mobile player: angular ── */
@media (max-width: 768px) {
  .bh-home-v5 .bh-app-main-player {
    border-radius: 0 !important;
  }
}

/* Staggered track row reveal animation ── */
@keyframes bhRowIn {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}
.bh-home--neutral .bh-home-list li {
  animation: bhRowIn 0.3s cubic-bezier(0.19,1,0.22,1) both;
}
.bh-home--neutral .bh-home-list li:nth-child(1)  { animation-delay: 0ms; }
.bh-home--neutral .bh-home-list li:nth-child(2)  { animation-delay: 30ms; }
.bh-home--neutral .bh-home-list li:nth-child(3)  { animation-delay: 60ms; }
.bh-home--neutral .bh-home-list li:nth-child(4)  { animation-delay: 90ms; }
.bh-home--neutral .bh-home-list li:nth-child(5)  { animation-delay: 120ms; }
.bh-home--neutral .bh-home-list li:nth-child(6)  { animation-delay: 150ms; }
.bh-home--neutral .bh-home-list li:nth-child(7)  { animation-delay: 175ms; }
.bh-home--neutral .bh-home-list li:nth-child(8)  { animation-delay: 200ms; }
.bh-home--neutral .bh-home-list li:nth-child(n+9) { animation-delay: 220ms; }


/* ── Catalog cards: angular brutal ── */
.bh-home-v5 .bh-catalog__card.beat-card {
  border-radius: 0 !important;
  background: rgba(255,255,255,.03) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.03), 0 4px 16px rgba(0,0,0,.5) !important;
  transition: border-color 0.22s cubic-bezier(0.19,1,0.22,1), box-shadow 0.22s cubic-bezier(0.19,1,0.22,1) !important;
  overflow: hidden !important;
}
@media (hover: hover) and (pointer: fine) {
  .bh-home-v5 .beat-card:hover {
    border-color: rgba(200,255,0,.2) !important;
    box-shadow: 0 0 0 1px rgba(200,255,0,.12), 0 8px 32px rgba(0,0,0,.6) !important;
    transform: none !important;
  }
}
.bh-home-v5 .bh-catalog__play {
  background: #C8FF00 !important;
  color: #000 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.bh-home-v5 .bh-catalog__play:hover {
  background: #E8FF88 !important;
  box-shadow: none !important;
}

/* ── Track rows: compact + fluid ── */
.bh-home-v5 .bh-home-trackrow {
  padding: 8px 4px !important;
  gap: 10px !important;
  grid-template-columns: 26px 38px minmax(0,1fr) minmax(80px,1fr) auto !important;
  transition: background 0.18s cubic-bezier(0.19,1,0.22,1), border-color 0.18s cubic-bezier(0.19,1,0.22,1) !important;
}
.bh-home-v5 .bh-home-trackavatar {
  width: 38px !important;
  height: 38px !important;
}

/* ── Shell padding: tighter ── */
.bh-home-v5 .bh-home-shell {
  max-width: 1280px !important;
}

/* ── Hero sub: smaller, tighter ── */
.bh-home-v5 .bh-home-sub {
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: rgba(240,237,232,.6) !important;
}

/* ── Hero actions: uppercase brutal pills ── */
.bh-home-v5 .bh-home-actions {
  margin-top: 20px !important;
  gap: 8px !important;
}
.bh-home-v5 .bh-home-btn {
  font: 700 11px/1 'Manrope', system-ui, sans-serif !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  min-height: 38px !important;
  padding: 0 16px !important;
}

/* ══════════════════════════════════════════════════════════════
   390px COMPACT — phones, notched, narrow
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 420px) {
  /* Hero — tighter title + sub */
  .bh-home-v5 .bh-home-title {
    font-size: clamp(30px, 9vw, 48px) !important;
    letter-spacing: -0.05em !important;
  }
  .bh-home-v5 .bh-home-sub {
    font-size: 13px !important;
    max-width: 280px !important;
  }
  .bh-home-v5 .bh-home-hero {
    padding: 40px 16px 24px !important;
    min-height: auto !important;
  }
  .bh-home-v5 .bh-home-actions {
    flex-wrap: wrap !important;
    margin-top: 14px !important;
  }
  .bh-home-v5 .bh-home-btn {
    flex: 1 1 120px !important;
    min-width: 120px !important;
    justify-content: center !important;
  }

  /* Track rows — collapse to 3-col: num · art · title+meta */
  .bh-home-v5 .bh-home-trackrow {
    grid-template-columns: 22px 34px 1fr !important;
    padding: 6px 2px !important;
    gap: 8px !important;
  }
  .bh-home-v5 .bh-home-trackrow > *:nth-child(4),
  .bh-home-v5 .bh-home-trackrow > *:nth-child(5) {
    display: none !important;
  }
  .bh-home-v5 .bh-home-trackavatar {
    width: 34px !important;
    height: 34px !important;
  }

  /* Catalog cards — 2-per-row carousel */
  .bh-home-v5 .bh-catalog-scroll,
  .bh-home-v5 .bh-home-catalog-scroll {
    gap: 8px !important;
    padding: 0 12px !important;
  }
  .bh-home-v5 .bh-catalog__card.beat-card {
    width: 140px !important;
    min-width: 140px !important;
  }

  /* Player card — full-bleed on mobile */
  .bh-home-v5 .bh-app-main-player {
    margin: 0 !important;
    border-left: none !important;
    border-right: none !important;
  }

  /* Section labels — ultra compact */
  .bh-home-v5 .bh-home-section-label {
    font-size: 8px !important;
    letter-spacing: 0.2em !important;
    margin-bottom: 10px !important;
  }

  /* Auth modal — edge-to-edge */
  .bh-home-auth-modal__dialog {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    border-left: none !important;
    border-right: none !important;
    padding: 24px 14px !important;
  }
  .bh-home-auth-modal__dialog h3 {
    font-size: 24px !important;
  }
}

/* ══════════════════════════════════════════════════════════════
   2026 TECHNIQUES — Scroll-driven · Kinetic · :has() · Balance
   ══════════════════════════════════════════════════════════════ */

/* ── 1. CSS Scroll-driven reveal on catalog cards (no JS) ── */
@supports (animation-timeline: view()) {
  .bh-home-v5 .bh-catalog__card.beat-card {
    animation: bhCardReveal linear both;
    animation-timeline: view();
    animation-range: entry 0% entry 35%;
  }
  @keyframes bhCardReveal {
    from { opacity: 0; translate: 0 16px; }
    to   { opacity: 1; translate: 0 0; }
  }

  /* Beat rows reveal from left edge */
  .bh-home-v5 .bh-home-trackrow {
    animation: bhRowReveal linear both;
    animation-timeline: view();
    animation-range: entry 0% entry 30%;
  }
  @keyframes bhRowReveal {
    from { opacity: 0; translate: -8px 0; }
    to   { opacity: 1; translate: 0 0; }
  }

  /* Section labels fade */
  .bh-home-v5 .bh-home-section-label {
    animation: bhLabelReveal linear both;
    animation-timeline: view();
    animation-range: entry 0% entry 25%;
  }
  @keyframes bhLabelReveal {
    from { opacity: 0; letter-spacing: 0.3em; }
    to   { opacity: 1; }
  }
}

/* ── 2. Kinetic hero title — Syne variable font on scroll ── */
@supports (animation-timeline: scroll()) {
  .bh-home-v5 .bh-home-title {
    animation: bhHeroKinetic linear both;
    animation-timeline: scroll(root);
    animation-range: 0% 20%;
  }
  @keyframes bhHeroKinetic {
    from {
      font-variation-settings: 'wght' 900;
      letter-spacing: -0.04em;
      opacity: 1;
    }
    to {
      font-variation-settings: 'wght' 400;
      letter-spacing: -0.02em;
      opacity: 0.4;
    }
  }
}

/* ── 3. :has() — dim non-playing tracks when player is active ── */
.bh-home-v5 .bh-home-tracklist:has(.bh-home-trackrow.is-playing) .bh-home-trackrow:not(.is-playing) {
  opacity: 0.45;
  transition: opacity 0.3s cubic-bezier(0.19,1,0.22,1);
}
.bh-home-v5 .bh-home-tracklist:has(.bh-home-trackrow.is-playing) .bh-home-trackrow.is-playing {
  opacity: 1;
  background: rgba(200,255,0,.04) !important;
  border-color: rgba(200,255,0,.12) !important;
}

/* ── 4. text-wrap: balance on key display text ── */
.bh-home-v5 .bh-home-title,
.bh-home-v5 .bh-home-sub,
.bh-home-v5 .bh-home-section-label,
.bh-home-v5 .bh-home-beatcard__name {
  text-wrap: balance;
}

/* ── 5. aspect-ratio for layout stability ── */
.bh-home-v5 .bh-home-trackavatar,
.bh-home-v5 .bh-catalog__thumb,
.bh-home-v5 .bh-home-beatcard__bg {
  aspect-ratio: 1 / 1;
}

/* ── 6. @property animated acid glow on active card ── */
@property --acid-glow {
  syntax: '<number>';
  initial-value: 0;
  inherits: false;
}
.bh-home-v5 .bh-home-trackrow.is-playing {
  --acid-glow: 1;
  box-shadow: 0 0 0 1px rgba(200,255,0, calc(0.18 * var(--acid-glow))) !important;
}

/* ── 7. Subtle marquee on hero sub on hover ── */
@media (hover: hover) {
  .bh-home-v5 .bh-home-sub {
    transition: letter-spacing 0.6s cubic-bezier(0.19,1,0.22,1);
  }
  .bh-home-v5 .bh-home-hero:hover .bh-home-sub {
    letter-spacing: 0.01em;
  }
}