/* BHK V7.0.157C — Countdown endcap / mid-seam hardware polish repair.
   Rail-adjacent only: this component remains a sibling before aside.bhk-v5-playerRail. */
@media (min-width: 901px) {
  body.bhk-v5-body {
    --bhk-v7-release-countdown-top: 78px;
    --bhk-v7-release-countdown-height: 74px;
    --bhk-v7-release-countdown-gap: 0px;
    --bhk-v7-release-countdown-seam-overlap: 1px;
    --bhk-v7-release-countdown-seam-black: var(--bhk-v5-rail-console-bg-deep, #050507);
    --bhk-v7-release-countdown-panel-black: #09090d;
    --bhk-v7-release-countdown-panel-mid: #17141d;
    --bhk-v7-release-countdown-line: color-mix(in srgb, var(--v5-line-strong, #6d587d) 58%, transparent);
    --bhk-v7-release-countdown-purple: color-mix(in srgb, var(--v5-signal, #f0abfc) 78%, var(--v5-accent, #a855f7) 22%);
    --bhk-v7-release-countdown-purple-dim: color-mix(in srgb, var(--v5-accent, #9333ea) 56%, #0a0610 44%);
  }

  body.admin-bar.bhk-v5-body {
    --bhk-v7-release-countdown-top: 110px;
  }

  .bhk-v5-layout > .bhk-v7-releaseCountdown {
    grid-column: 2;
    grid-row: 1;
    align-self: start;
    justify-self: start;
    position: sticky;
    top: var(--bhk-v7-release-countdown-top, 78px);
    z-index: 6;
    width: var(--bhk-v7-rail-active-outer, 316px);
    min-width: var(--bhk-v7-rail-active-outer, 316px);
    max-width: var(--bhk-v7-rail-active-outer, 316px);
    height: var(--bhk-v7-release-countdown-height, 74px);
    min-height: var(--bhk-v7-release-countdown-height, 74px);
    max-height: var(--bhk-v7-release-countdown-height, 74px);
    box-sizing: border-box;
    color: var(--v5-proof, #fff);
    overflow: hidden;
    contain: layout paint;
    margin: 0 !important;
    background-color: var(--bhk-v7-release-countdown-seam-black, #050507);
  }

  .bhk-v5-layout > .bhk-v7-releaseCountdown + aside.bhk-v5-playerRail {
    grid-column: 2;
    grid-row: 1;
    align-self: start;
    justify-self: start;
    margin-top: calc(var(--bhk-v7-release-countdown-height, 74px) + var(--bhk-v7-release-countdown-gap, 0px) - var(--bhk-v7-release-countdown-seam-overlap, 1px)) !important;
    top: calc(var(--bhk-v7-release-countdown-top, 78px) + var(--bhk-v7-release-countdown-height, 74px) + var(--bhk-v7-release-countdown-gap, 0px) - var(--bhk-v7-release-countdown-seam-overlap, 1px)) !important;
    background-color: var(--bhk-v7-release-countdown-seam-black, #050507);
  }

  .bhk-v7-releaseCountdown__face {
    position: relative;
    display: grid;
    grid-template-rows: 18px 1fr;
    gap: 3px;
    width: 100%;
    height: 100%;
    padding: 5px 8px 6px;
    border: 1px solid var(--bhk-v7-release-countdown-line);
    border-radius: 0;
    background:
      radial-gradient(circle at 50% -18%, color-mix(in srgb, var(--bhk-v7-release-countdown-purple, #d77aff) 20%, transparent), transparent 42%),
      linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.018) 30%, rgba(0,0,0,.22) 72%, rgba(0,0,0,.5) 100%),
      linear-gradient(90deg,
        rgba(58, 24, 82, .34) 0 8px,
        var(--bhk-v7-release-countdown-seam-black, #050507) 8px 16px,
        var(--bhk-v7-release-countdown-panel-black, #09090d) 16px calc(100% - 16px),
        var(--bhk-v7-release-countdown-seam-black, #050507) calc(100% - 16px) calc(100% - 8px),
        rgba(58, 24, 82, .34) calc(100% - 8px) 100%),
      var(--bhk-v7-release-countdown-seam-black, #050507);
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.035),
      inset 0 0 0 2px rgba(0,0,0,.52),
      inset 0 13px 18px rgba(255,255,255,.035),
      inset 0 -13px 20px rgba(0,0,0,.64),
      0 0 0 1px rgba(0,0,0,.7),
      0 0 18px color-mix(in srgb, var(--v5-accent, #9333ea) 22%, transparent);
    box-sizing: border-box;
    overflow: hidden;
  }

  .bhk-v7-releaseCountdown__face::before {
    content: "";
    position: absolute;
    inset: 3px 5px 4px;
    border: 1px solid color-mix(in srgb, var(--bhk-v7-release-countdown-purple, #d77aff) 20%, transparent);
    box-shadow:
      inset 0 0 0 1px rgba(0,0,0,.72),
      inset 0 1px 0 rgba(255,255,255,.055);
    pointer-events: none;
  }

  .bhk-v7-releaseCountdown__face::after {
    content: "";
    position: absolute;
    inset: 3px 5px 4px;
    background:
      radial-gradient(circle at 8px 8px, rgba(255,255,255,.56) 0 1px, rgba(137,124,158,.68) 1px 2px, rgba(0,0,0,.78) 2px 3px, transparent 4px),
      radial-gradient(circle at calc(100% - 8px) 8px, rgba(255,255,255,.56) 0 1px, rgba(137,124,158,.68) 1px 2px, rgba(0,0,0,.78) 2px 3px, transparent 4px),
      radial-gradient(circle at 8px calc(100% - 8px), rgba(255,255,255,.48) 0 1px, rgba(137,124,158,.58) 1px 2px, rgba(0,0,0,.78) 2px 3px, transparent 4px),
      radial-gradient(circle at calc(100% - 8px) calc(100% - 8px), rgba(255,255,255,.48) 0 1px, rgba(137,124,158,.58) 1px 2px, rgba(0,0,0,.78) 2px 3px, transparent 4px),
      linear-gradient(90deg, rgba(177,106,255,.18) 0 1px, transparent 1px calc(100% - 1px), rgba(177,106,255,.18) calc(100% - 1px));
    pointer-events: none;
    opacity: .82;
  }

  .bhk-v7-releaseCountdown__meta {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    min-width: 0;
    height: 18px;
    padding: 0 24px;
    border-bottom: 1px solid rgba(0,0,0,.48);
    color: var(--v5-proof, #fff);
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    text-shadow: 0 0 8px color-mix(in srgb, var(--bhk-v7-release-countdown-purple, #d77aff) 46%, transparent);
  }

  .bhk-v7-releaseCountdown__title,
  .bhk-v7-releaseCountdown__date {
    display: inline-block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: inherit;
    font-weight: 950;
    line-height: 1;
    letter-spacing: .18em;
  }

  .bhk-v7-releaseCountdown__title {
    max-width: 250px;
    color: color-mix(in srgb, var(--bhk-v7-release-countdown-purple, #d77aff) 74%, #fff 26%);
    font-size: 7px;
  }

  .bhk-v7-releaseCountdown__date {
    max-width: 0;
    color: color-mix(in srgb, var(--v5-muted, #9ca3af) 78%, #fff 22%);
    font-size: 0;
  }

  .bhk-v7-releaseCountdown__fallback {
    display: none;
    align-self: center;
    margin: 0;
    padding: 0;
    color: color-mix(in srgb, var(--v5-muted, #9ca3af) 84%, #fff 16%);
    font-size: 9px;
    font-weight: 850;
    line-height: 1.15;
    letter-spacing: .08em;
    text-align: center;
    text-transform: uppercase;
  }

  .bhk-v7-releaseCountdown [hidden],
  .bhk-v7-releaseCountdown__fallback[hidden] {
    display: none !important;
  }

  .bhk-v7-releaseCountdown.is-enhanced .bhk-v7-releaseCountdown__fallback {
    display: none !important;
  }

  .bhk-v7-releaseCountdown__timer {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 7px;
    align-items: stretch;
    min-width: 0;
    padding: 1px 14px 0;
  }

  .bhk-v7-releaseCountdown__box {
    position: relative;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 4px;
    min-width: 0;
    min-height: 42px;
    padding: 5px 3px 4px;
    border: 1px solid color-mix(in srgb, var(--bhk-v7-release-countdown-line) 88%, transparent);
    background:
      radial-gradient(circle at 50% 4%, color-mix(in srgb, var(--bhk-v7-release-countdown-purple, #d77aff) 13%, transparent), transparent 54%),
      linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.01) 32%, rgba(0,0,0,.45) 100%),
      #050507;
    box-shadow:
      inset 0 0 0 1px rgba(0,0,0,.78),
      inset 0 1px 0 rgba(255,255,255,.07),
      inset 0 -1px 0 rgba(0,0,0,.72),
      0 0 0 1px rgba(0,0,0,.75),
      0 4px 10px rgba(0,0,0,.38);
    box-sizing: border-box;
    overflow: hidden;
  }

  .bhk-v7-releaseCountdown__box::before {
    content: "";
    position: absolute;
    inset: 3px;
    border: 1px solid color-mix(in srgb, var(--bhk-v7-release-countdown-purple, #d77aff) 24%, transparent);
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.64);
    pointer-events: none;
  }

  .bhk-v7-releaseCountdown__box::after {
    content: "";
    position: absolute;
    left: 4px;
    right: 4px;
    top: 4px;
    height: 10px;
    background: linear-gradient(180deg, rgba(255,255,255,.075), transparent);
    pointer-events: none;
    opacity: .72;
  }

  .bhk-v7-releaseCountdown__number {
    position: relative;
    z-index: 1;
    display: block;
    color: var(--bhk-v7-release-countdown-purple, #d77aff);
    font-size: 18px;
    font-weight: 900;
    line-height: .9;
    letter-spacing: -.02em;
    font-variant-numeric: tabular-nums;
    text-shadow:
      0 0 8px color-mix(in srgb, var(--bhk-v7-release-countdown-purple, #d77aff) 58%, transparent),
      0 1px 0 rgba(255,255,255,.08);
  }

  .bhk-v7-releaseCountdown__label {
    position: relative;
    z-index: 1;
    display: block;
    color: color-mix(in srgb, var(--v5-proof, #fff) 82%, var(--bhk-v7-release-countdown-purple, #d77aff) 18%);
    font-size: 5px;
    font-weight: 950;
    line-height: 1;
    letter-spacing: .12em;
    text-transform: uppercase;
    text-shadow: 0 1px 2px rgba(0,0,0,.8);
  }

  .bhk-v7-releaseCountdown__complete {
    position: relative;
    z-index: 1;
    display: none;
    place-items: center;
    min-height: 42px;
    margin: 1px 10px 0;
    border: 1px solid color-mix(in srgb, var(--bhk-v7-release-countdown-purple, #d77aff) 52%, transparent);
    background:
      linear-gradient(180deg, rgba(255,255,255,.045), rgba(0,0,0,.32)),
      color-mix(in srgb, var(--v5-accent, #9333ea) 32%, #050507 68%);
    color: #fff;
    font-size: 17px;
    font-weight: 950;
    line-height: 1;
    letter-spacing: .18em;
    text-transform: uppercase;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.68), 0 0 14px rgba(168,85,247,.22);
  }

  .bhk-v7-releaseCountdown.is-complete .bhk-v7-releaseCountdown__timer {
    display: none;
  }

  .bhk-v7-releaseCountdown.is-complete .bhk-v7-releaseCountdown__complete:not([hidden]) {
    display: grid;
  }
}

@media (max-width: 900px) {
  .bhk-v7-releaseCountdown {
    display: none !important;
  }
}

/* ========================================================================
   BHK V7.0.157E — SVG-Inspired Countdown Rack Meter Skin Pass
   Scope: CSS-only visual translation of the approved SVG hardware language.
   Countdown remains a rail-adjacent sibling before aside.bhk-v5-playerRail.
   No JavaScript, PHP, data, public API, mobile, or rail-internal stack changes.
   ======================================================================== */
@media (min-width: 901px) {
  body.bhk-v5-body {
    --bhk-v7-release-countdown-height: 78px;
    --bhk-v7-svg-plate-grad: linear-gradient(135deg, #2d2936 0%, #1b1721 25%, #24202b 50%, #14111a 75%, #1f1b26 100%);
    --bhk-v7-svg-screen-grad: linear-gradient(180deg, #07040a 0%, #150d1f 100%);
    --bhk-v7-svg-active-grad: linear-gradient(180deg, #492973 0%, #281442 50%, #130724 100%);
    --bhk-v7-svg-purple: #dfbfff;
    --bhk-v7-svg-purple-core: #a270f2;
    --bhk-v7-svg-purple-dim: #492973;
    --bhk-v7-svg-black: #05030a;
    --bhk-v7-svg-line: rgba(162,112,242,.34);
  }

  .bhk-v5-layout > .bhk-v7-releaseCountdown {
    height: var(--bhk-v7-release-countdown-height, 78px);
    min-height: var(--bhk-v7-release-countdown-height, 78px);
    max-height: var(--bhk-v7-release-countdown-height, 78px);
  }

  .bhk-v7-releaseCountdown__face {
    grid-template-rows: 19px 1fr;
    gap: 3px;
    padding: 5px 9px 7px;
    border: 1px solid rgba(210,197,227,.34);
    background:
      radial-gradient(circle at 50% -22%, rgba(162,112,242,.22), transparent 44%),
      linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.012) 42%, rgba(0,0,0,.56) 100%),
      var(--bhk-v7-svg-plate-grad, linear-gradient(135deg, #2d2936, #14111a)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.13),
      inset 0 -1px 0 rgba(107,99,125,.32),
      inset 0 0 0 2px rgba(0,0,0,.54),
      0 0 0 1px rgba(0,0,0,.82),
      0 0 18px rgba(162,112,242,.22) !important;
  }

  .bhk-v7-releaseCountdown__face::before {
    inset: 5px 7px 5px;
    border: 1px solid rgba(72,65,84,.72);
    box-shadow:
      inset 0 0 0 1px rgba(0,0,0,.82),
      inset 0 1px 0 rgba(255,255,255,.07),
      inset 0 -1px 0 rgba(162,112,242,.18) !important;
  }

  .bhk-v7-releaseCountdown__face::after {
    inset: 6px 8px 6px;
    opacity: .98;
    background:
      radial-gradient(circle at 6px 6px, rgba(255,255,255,.72) 0 1px, #524b5e 1px 2px, #110e17 2px 4px, transparent 5px),
      radial-gradient(circle at calc(100% - 6px) 6px, rgba(255,255,255,.72) 0 1px, #524b5e 1px 2px, #110e17 2px 4px, transparent 5px),
      radial-gradient(circle at 6px calc(100% - 6px), rgba(255,255,255,.58) 0 1px, #524b5e 1px 2px, #110e17 2px 4px, transparent 5px),
      radial-gradient(circle at calc(100% - 6px) calc(100% - 6px), rgba(255,255,255,.58) 0 1px, #524b5e 1px 2px, #110e17 2px 4px, transparent 5px),
      linear-gradient(90deg, rgba(162,112,242,.28) 0 1px, transparent 1px calc(100% - 1px), rgba(162,112,242,.28) calc(100% - 1px)) !important;
  }

  .bhk-v7-releaseCountdown__meta {
    height: 19px;
    padding: 0 30px;
    border-bottom: 1px solid rgba(0,0,0,.76);
    background:
      linear-gradient(90deg, transparent 0%, rgba(162,112,242,.12) 28%, rgba(255,255,255,.045) 50%, rgba(162,112,242,.12) 72%, transparent 100%);
  }

  .bhk-v7-releaseCountdown__title {
    max-width: 255px;
    color: #d2c5e3;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 7px;
    font-weight: 900;
    letter-spacing: .24em;
    text-shadow:
      0 0 4px rgba(162,112,242,.62),
      0 0 10px rgba(162,112,242,.36) !important;
  }

  .bhk-v7-releaseCountdown__timer {
    gap: 7px;
    padding: 1px 16px 0;
  }

  .bhk-v7-releaseCountdown__box {
    min-height: 45px;
    gap: 3px;
    padding: 5px 3px 4px;
    border: 1px solid rgba(72,65,84,.82);
    background:
      linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.01) 28%, rgba(0,0,0,.46) 100%),
      var(--bhk-v7-svg-plate-grad, linear-gradient(135deg, #2d2936, #14111a)) !important;
    box-shadow:
      inset 0 1px 2px rgba(255,255,255,.14),
      inset 0 -1px 2px rgba(0,0,0,.72),
      0 2px 5px rgba(0,0,0,.7),
      0 0 0 1px rgba(0,0,0,.86) !important;
  }

  .bhk-v7-releaseCountdown__box::before {
    inset: 5px 7px;
    border: 1px solid rgba(162,112,242,.22);
    background: var(--bhk-v7-svg-screen-grad, linear-gradient(180deg, #07040a, #150d1f));
    box-shadow:
      inset 0 0 0 1px rgba(0,0,0,.72),
      inset 0 8px 12px rgba(162,112,242,.06),
      inset 0 -9px 12px rgba(0,0,0,.62),
      0 0 8px rgba(162,112,242,.08) !important;
  }

  .bhk-v7-releaseCountdown__box::after {
    left: 8px;
    right: 8px;
    top: 6px;
    height: 8px;
    background: linear-gradient(180deg, rgba(255,255,255,.08), transparent) !important;
    opacity: .8;
  }

  .bhk-v7-releaseCountdown__number {
    color: var(--bhk-v7-svg-purple, #dfbfff);
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 20px;
    font-weight: 900;
    line-height: .88;
    letter-spacing: .01em;
    text-shadow:
      0 0 6px rgba(162,112,242,.86),
      0 0 13px rgba(162,112,242,.44),
      0 1px 0 rgba(255,255,255,.1) !important;
  }

  .bhk-v7-releaseCountdown__label {
    color: #d2c5e3;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 5px;
    font-weight: 900;
    letter-spacing: .18em;
    text-shadow: 0 0 5px rgba(162,112,242,.34), 0 1px 2px rgba(0,0,0,.92) !important;
  }
}
/* BHK-V7-157E-SVG-INSPIRED-COUNTDOWN-RACK-METER-SKIN-PASS */

/* ========================================================================
   BHK V7.0.201A — Mobile Browse album countdown streaming links
   Scope: mobile Browse only. Keeps the countdown above the sixth Browse card
   and adds compact Apple Music / Spotify links directly underneath it.
   ======================================================================== */
@media (max-width: 900px) {
  body.bhk-v5-body {
    --bhk-v7-release-countdown-seam-black: var(--bhk-v5-rail-console-bg-deep, #050507);
    --bhk-v7-release-countdown-panel-black: #09090d;
    --bhk-v7-release-countdown-panel-mid: #17141d;
    --bhk-v7-release-countdown-line: color-mix(in srgb, var(--v5-line-strong, #6d587d) 58%, transparent);
    --bhk-v7-release-countdown-purple: color-mix(in srgb, var(--v5-signal, #f0abfc) 78%, var(--v5-accent, #a855f7) 22%);
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer--browse .bhk-v5-mobilePlayer__browse > .bhk-v7-releaseCountdown--mobileBrowseCard[data-bhk-v7-mobile-browse-countdown] {
    display: grid !important;
    order: -11;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: 76px;
    margin: 0 0 2px !important;
    color: var(--v5-proof, #fff);
    background: transparent;
    box-sizing: border-box;
    overflow: hidden;
    contain: layout paint;
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer--browse .bhk-v5-mobilePlayer__browse > .bhk-v7-releaseCountdown--mobileBrowseCard .bhk-v7-releaseCountdown__face {
    position: relative;
    display: grid;
    grid-template-rows: 19px 1fr;
    gap: 4px;
    width: 100%;
    min-height: 76px;
    padding: 6px 9px 7px;
    border: 1px solid rgba(210,197,227,.30);
    border-radius: 0;
    background:
      radial-gradient(circle at 50% -22%, rgba(162,112,242,.22), transparent 44%),
      linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.012) 42%, rgba(0,0,0,.56) 100%),
      linear-gradient(135deg, #2d2936 0%, #1b1721 25%, #24202b 50%, #14111a 75%, #1f1b26 100%);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.12),
      inset 0 -1px 0 rgba(107,99,125,.28),
      inset 0 0 0 2px rgba(0,0,0,.54),
      0 0 0 1px rgba(0,0,0,.82),
      0 0 18px rgba(162,112,242,.18);
    box-sizing: border-box;
    overflow: hidden;
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer--browse .bhk-v5-mobilePlayer__browse > .bhk-v7-releaseCountdown--mobileBrowseCard .bhk-v7-releaseCountdown__face::before {
    content: "";
    position: absolute;
    inset: 5px 7px 5px;
    border: 1px solid rgba(72,65,84,.72);
    box-shadow:
      inset 0 0 0 1px rgba(0,0,0,.82),
      inset 0 1px 0 rgba(255,255,255,.07),
      inset 0 -1px 0 rgba(162,112,242,.18);
    pointer-events: none;
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer--browse .bhk-v5-mobilePlayer__browse > .bhk-v7-releaseCountdown--mobileBrowseCard .bhk-v7-releaseCountdown__face::after {
    content: "";
    position: absolute;
    inset: 6px 8px 6px;
    opacity: .98;
    background:
      radial-gradient(circle at 6px 6px, rgba(255,255,255,.72) 0 1px, #524b5e 1px 2px, #110e17 2px 4px, transparent 5px),
      radial-gradient(circle at calc(100% - 6px) 6px, rgba(255,255,255,.72) 0 1px, #524b5e 1px 2px, #110e17 2px 4px, transparent 5px),
      radial-gradient(circle at 6px calc(100% - 6px), rgba(255,255,255,.58) 0 1px, #524b5e 1px 2px, #110e17 2px 4px, transparent 5px),
      radial-gradient(circle at calc(100% - 6px) calc(100% - 6px), rgba(255,255,255,.58) 0 1px, #524b5e 1px 2px, #110e17 2px 4px, transparent 5px),
      linear-gradient(90deg, rgba(162,112,242,.28) 0 1px, transparent 1px calc(100% - 1px), rgba(162,112,242,.28) calc(100% - 1px));
    pointer-events: none;
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer--browse .bhk-v5-mobilePlayer__browse > .bhk-v7-releaseCountdown--mobileBrowseCard .bhk-v7-releaseCountdown__meta {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    height: 19px;
    padding: 0 28px;
    border-bottom: 1px solid rgba(0,0,0,.72);
    background: linear-gradient(90deg, transparent 0%, rgba(162,112,242,.12) 28%, rgba(255,255,255,.045) 50%, rgba(162,112,242,.12) 72%, transparent 100%);
    color: var(--v5-proof, #fff);
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    text-shadow: 0 0 8px rgba(223,191,255,.44);
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer--browse .bhk-v5-mobilePlayer__browse > .bhk-v7-releaseCountdown--mobileBrowseCard .bhk-v7-releaseCountdown__title,
  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer--browse .bhk-v5-mobilePlayer__browse > .bhk-v7-releaseCountdown--mobileBrowseCard .bhk-v7-releaseCountdown__date {
    display: inline-block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: inherit;
    font-weight: 950;
    line-height: 1;
    letter-spacing: .17em;
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer--browse .bhk-v5-mobilePlayer__browse > .bhk-v7-releaseCountdown--mobileBrowseCard .bhk-v7-releaseCountdown__title {
    max-width: 260px;
    color: color-mix(in srgb, var(--bhk-v7-release-countdown-purple, #d77aff) 76%, #fff 24%);
    font-size: 7px;
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer--browse .bhk-v5-mobilePlayer__browse > .bhk-v7-releaseCountdown--mobileBrowseCard .bhk-v7-releaseCountdown__date,
  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer--browse .bhk-v5-mobilePlayer__browse > .bhk-v7-releaseCountdown--mobileBrowseCard .bhk-v7-releaseCountdown__fallback {
    display: none !important;
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer--browse .bhk-v5-mobilePlayer__browse > .bhk-v7-releaseCountdown--mobileBrowseCard [hidden] {
    display: none !important;
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer--browse .bhk-v5-mobilePlayer__browse > .bhk-v7-releaseCountdown--mobileBrowseCard .bhk-v7-releaseCountdown__timer {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    min-width: 0;
    padding: 1px 10px 0;
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer--browse .bhk-v5-mobilePlayer__browse > .bhk-v7-releaseCountdown--mobileBrowseCard .bhk-v7-releaseCountdown__box {
    position: relative;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 3px;
    min-width: 0;
    min-height: 40px;
    padding: 5px 3px 4px;
    border: 1px solid color-mix(in srgb, var(--bhk-v7-release-countdown-line, #6d587d) 88%, transparent);
    background:
      radial-gradient(circle at 50% 4%, color-mix(in srgb, var(--bhk-v7-release-countdown-purple, #d77aff) 13%, transparent), transparent 54%),
      linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.01) 32%, rgba(0,0,0,.45) 100%),
      #050507;
    box-shadow:
      inset 0 0 0 1px rgba(0,0,0,.78),
      inset 0 1px 0 rgba(255,255,255,.07),
      inset 0 -1px 0 rgba(0,0,0,.72),
      0 0 0 1px rgba(0,0,0,.75),
      0 4px 10px rgba(0,0,0,.38);
    box-sizing: border-box;
    overflow: hidden;
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer--browse .bhk-v5-mobilePlayer__browse > .bhk-v7-releaseCountdown--mobileBrowseCard .bhk-v7-releaseCountdown__box::before {
    content: "";
    position: absolute;
    inset: 3px;
    border: 1px solid color-mix(in srgb, var(--bhk-v7-release-countdown-purple, #d77aff) 24%, transparent);
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.64);
    pointer-events: none;
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer--browse .bhk-v5-mobilePlayer__browse > .bhk-v7-releaseCountdown--mobileBrowseCard .bhk-v7-releaseCountdown__box::after {
    content: "";
    position: absolute;
    left: 4px;
    right: 4px;
    top: 4px;
    height: 10px;
    background: linear-gradient(180deg, rgba(255,255,255,.075), transparent);
    pointer-events: none;
    opacity: .72;
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer--browse .bhk-v5-mobilePlayer__browse > .bhk-v7-releaseCountdown--mobileBrowseCard .bhk-v7-releaseCountdown__number {
    position: relative;
    z-index: 1;
    display: block;
    color: var(--bhk-v7-release-countdown-purple, #d77aff);
    font-size: 17px;
    font-weight: 900;
    line-height: .9;
    letter-spacing: -.02em;
    font-variant-numeric: tabular-nums;
    text-shadow:
      0 0 8px color-mix(in srgb, var(--bhk-v7-release-countdown-purple, #d77aff) 58%, transparent),
      0 1px 0 rgba(255,255,255,.08);
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer--browse .bhk-v5-mobilePlayer__browse > .bhk-v7-releaseCountdown--mobileBrowseCard .bhk-v7-releaseCountdown__label {
    position: relative;
    z-index: 1;
    display: block;
    color: color-mix(in srgb, var(--v5-proof, #fff) 82%, var(--bhk-v7-release-countdown-purple, #d77aff) 18%);
    font-size: 5px;
    font-weight: 950;
    line-height: 1;
    letter-spacing: .12em;
    text-transform: uppercase;
    text-shadow: 0 1px 2px rgba(0,0,0,.8);
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer--browse .bhk-v5-mobilePlayer__browse > .bhk-v7-releaseCountdown--mobileBrowseCard .bhk-v7-releaseCountdown__complete {
    position: relative;
    z-index: 1;
    display: none;
    place-items: center;
    min-height: 40px;
    margin: 1px 10px 0;
    border: 1px solid color-mix(in srgb, var(--bhk-v7-release-countdown-purple, #d77aff) 52%, transparent);
    background:
      linear-gradient(180deg, rgba(255,255,255,.045), rgba(0,0,0,.32)),
      color-mix(in srgb, var(--v5-accent, #9333ea) 32%, #050507 68%);
    color: #fff;
    font-size: 16px;
    font-weight: 950;
    line-height: 1;
    letter-spacing: .18em;
    text-transform: uppercase;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.68), 0 0 14px rgba(168,85,247,.22);
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer--browse .bhk-v5-mobilePlayer__browse > .bhk-v7-releaseCountdown--mobileBrowseCard.is-complete .bhk-v7-releaseCountdown__timer {
    display: none;
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer--browse .bhk-v5-mobilePlayer__browse > .bhk-v7-releaseCountdown--mobileBrowseCard[data-bhk-v7-mobile-browse-countdown] {
    gap: 4px;
    min-height: 112px;
    overflow: visible;
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer--browse .bhk-v5-mobilePlayer__browse > .bhk-v7-releaseCountdown--mobileBrowseCard .bhk-v7-releaseCountdown__mobileLinks {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer--browse .bhk-v5-mobilePlayer__browse > .bhk-v7-releaseCountdown--mobileBrowseCard .bhk-v7-releaseCountdown__mobileLink {
    position: relative;
    display: grid;
    place-items: center;
    min-width: 0;
    min-height: 31px;
    padding: 0 8px;
    border: 1px solid color-mix(in srgb, var(--bhk-v7-release-countdown-purple, #d77aff) 42%, rgba(255,255,255,.16));
    background:
      linear-gradient(180deg, rgba(255,255,255,.070), rgba(255,255,255,.012) 42%, rgba(0,0,0,.48) 100%),
      linear-gradient(135deg, #221b2b 0%, #100d15 100%);
    color: color-mix(in srgb, var(--v5-proof, #fff) 88%, var(--bhk-v7-release-countdown-purple, #d77aff) 12%);
    text-decoration: none;
    text-transform: uppercase;
    font-size: 8px;
    font-weight: 950;
    line-height: 1;
    letter-spacing: .16em;
    text-align: center;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.09),
      inset 0 -1px 0 rgba(0,0,0,.76),
      0 0 0 1px rgba(0,0,0,.78),
      0 4px 10px rgba(0,0,0,.30);
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(223,191,255,.18);
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer--browse .bhk-v5-mobilePlayer__browse > .bhk-v7-releaseCountdown--mobileBrowseCard .bhk-v7-releaseCountdown__mobileLink::before {
    content: "";
    position: absolute;
    inset: 3px;
    border: 1px solid rgba(162,112,242,.16);
    pointer-events: none;
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer--browse .bhk-v5-mobilePlayer__browse > .bhk-v7-releaseCountdown--mobileBrowseCard .bhk-v7-releaseCountdown__mobileLink:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--bhk-v7-release-countdown-purple, #d77aff) 72%, #fff 28%);
    outline-offset: 2px;
  }

  #bhk-v5-mobile-player-root .bhk-v5-mobilePlayer--browse .bhk-v5-mobilePlayer__browse > .bhk-v7-releaseCountdown--mobileBrowseCard .bhk-v7-releaseCountdown__mobileLink:active {
    transform: translateY(1px);
  }
}

@media (min-width: 901px) {
  .bhk-v7-releaseCountdown--mobileBrowseCard[data-bhk-v7-mobile-browse-countdown] {
    display: none !important;
  }
}