/* V5.0.270 lane split: expanded Spotify iframe, corner seal, and proxy guards. */

/* V5.0.241 — Mobile Spotify player expansion / artwork square removal.
   Spotify-approved mobile listen embeds now sit directly in the deck instead of inside the 1:1 artwork square.
   This removes the selected .bhk-v5-mobilePlayer__art.has-spotify-artwork-player object and gives the Spotify iframe full mobile console width. */
@media (max-width: 782px) {
  .bhk-v5-mobilePlayer__deck--spotifyExpanded {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    padding: 0;
    border: 1px solid color-mix(in srgb, var(--v5-line-strong) 58%, transparent);
    background:
      linear-gradient(180deg, color-mix(in srgb, var(--v5-proof) 7%, transparent), transparent 42%),
      color-mix(in srgb, var(--v5-page) 86%, #000 14%);
    box-shadow:
      inset 0 1px 0 color-mix(in srgb, var(--v5-proof) 8%, transparent),
      0 18px 42px color-mix(in srgb, var(--v5-shadow) 74%, transparent);
    overflow: visible;
  }

  .bhk-v5-mobilePlayer__deck--spotifyExpanded .bhk-v5-mobilePlayer__spotifyArtworkPlayer {
    width: 100%;
    margin: 0;
    padding: 12px;
    border: 0;
    background:
      linear-gradient(180deg, color-mix(in srgb, var(--v5-proof) 7%, transparent), transparent 48%),
      color-mix(in srgb, var(--v5-page) 88%, #000 12%);
    box-shadow: none;
  }

  .bhk-v5-mobilePlayer__deck--spotifyExpanded .bhk-v5-mobilePlayer__spotifyArtworkMeta {
    margin-bottom: 8px;
  }

  .bhk-v5-mobilePlayer__deck--spotifyExpanded .bhk-v5-mobilePlayer__spotifyArtworkMeta span {
    min-width: 64px;
  }

  .bhk-v5-mobilePlayer__deck--spotifyExpanded .bhk-v5-mobilePlayer__spotifyArtworkMeta strong {
    font-size: 13px;
  }

  .bhk-v5-mobilePlayer__deck--spotifyExpanded .bhk-v5-mobilePlayer__spotifyArtworkIframe {
    width: 100%;
    height: 176px;
    max-height: 176px;
  }

  html[data-bhk-v5-mode="default-white"] .bhk-v5-mobilePlayer__deck--spotifyExpanded,
  html[data-bhk-v5-mode="default-white"] .bhk-v5-mobilePlayer__deck--spotifyExpanded .bhk-v5-mobilePlayer__spotifyArtworkPlayer {
    background: #ffffff;
    border-color: #ffffff;
    box-shadow: none;
  }
}

@media (max-width: 360px) {
  .bhk-v5-mobilePlayer__deck--spotifyExpanded .bhk-v5-mobilePlayer__spotifyArtworkIframe {
    height: 164px;
    max-height: 164px;
  }
}

/* V5.0.242 — Mobile Spotify expanded player white-space removal.
   Keeps the V5.0.241 expanded full-width Spotify deck, but crops the iframe back to Spotify's true compact player height so the white tail below the embed cannot render.
   Mobile-only visual patch; desktop, rail, sleeve, colour, JSON, runtime bridge, OAuth/API boundaries, and bottom Pocket Console dock remain unchanged. */
@media (max-width: 782px) {
  .bhk-v5-mobilePlayer__deck--spotifyExpanded {
    overflow: hidden;
  }

  .bhk-v5-mobilePlayer__deck--spotifyExpanded .bhk-v5-mobilePlayer__spotifyArtworkPlayer {
    overflow: hidden;
  }

  .bhk-v5-mobilePlayer__deck--spotifyExpanded .bhk-v5-mobilePlayer__spotifyArtworkIframe {
    display: block;
    width: 100%;
    height: 152px;
    max-height: 152px;
    min-height: 152px;
    background: #000;
    overflow: hidden;
  }
}


/* V5.0.243 — Mobile Pocket Console deep dock safe-area sink.
   Sinks the fixed bottom dock closer to the device edge using safe-area padding, removes the BNK visual floor,
   and keeps desktop V5, rail, sleeve, colour, JSON authority, runtime bridge, Spotify OAuth/API boundaries, and expanded Spotify player height unchanged. */
@media (max-width: 782px) {
  .bhk-v5-mobilePlayer {
    --v5-mobile-pocket-dock-height: 190px;
    --v5-mobile-pocket-dock-bg: #050505;
    --v5-mobile-pocket-dock-floor: #000;
    padding-bottom: calc(var(--v5-mobile-pocket-dock-height) + env(safe-area-inset-bottom));
  }

  .bhk-v5-mobilePlayer--browse {
    --v5-mobile-pocket-dock-height: 126px;
    padding-bottom: calc(var(--v5-mobile-pocket-dock-height) + env(safe-area-inset-bottom));
  }

  .bhk-v5-mobilePlayer__bottomNav {
    bottom: 0;
    gap: 7px;
    padding: 10px 14px calc(5px + env(safe-area-inset-bottom));
    border-top: 1px solid color-mix(in srgb, var(--v5-mobile-pocket-dock-led) 20%, transparent);
    background:
      radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--v5-mobile-pocket-dock-led) 16%, transparent), transparent 34%),
      linear-gradient(180deg, color-mix(in srgb, var(--v5-proof) 6%, transparent) 0%, transparent 36%, color-mix(in srgb, var(--v5-mobile-pocket-dock-floor) 100%, transparent) 100%),
      var(--v5-mobile-pocket-dock-bg);
    box-shadow:
      0 -18px 42px color-mix(in srgb, #000 64%, transparent),
      inset 0 1px 0 color-mix(in srgb, var(--v5-proof) 8%, transparent);
  }

  .bhk-v5-mobilePlayer__bottomNav .bhk-v5-mobilePlayer__modeBar {
    min-height: 46px;
  }

  .bhk-v5-mobilePlayer__bottomNav .bhk-v5-mobilePlayer__mode {
    min-height: 38px;
  }

  .bhk-v5-mobilePlayer__bottomNav .bhk-v5-mobilePlayer__transport {
    min-height: 64px;
    padding: 2px 3px 4px;
    border-bottom: 0;
  }

  .bhk-v5-mobilePlayer__dockTransportButton {
    min-height: 46px;
  }

  .bhk-v5-mobilePlayer__dockTransportButton.is-primary {
    width: 66px;
    height: 66px;
    min-height: 66px;
  }

  .bhk-v5-mobilePlayer__dockTransportButton.is-primary .bhk-v5-mobilePlayer__dockIcon {
    width: 31px;
    height: 31px;
  }

  .bhk-v5-mobilePlayer__bottomNav .bhk-v5-mobilePlayer__bankBar {
    gap: 6px;
    align-items: end;
    min-height: 31px;
  }

  .bhk-v5-mobilePlayer__bottomNav .bhk-v5-mobilePlayer__bank {
    min-height: 28px;
    padding: 4px 3px 2px;
    border-color: transparent;
    background: transparent;
    color: color-mix(in srgb, var(--v5-mobile-pocket-dock-muted) 92%, transparent);
    box-shadow: none;
  }

  .bhk-v5-mobilePlayer__bottomNav .bhk-v5-mobilePlayer__bank.is-active {
    border-color: transparent;
    background:
      linear-gradient(180deg, color-mix(in srgb, var(--v5-mobile-pocket-dock-led) 14%, transparent), transparent 72%);
    color: var(--v5-proof);
    box-shadow:
      0 -8px 18px color-mix(in srgb, var(--v5-mobile-pocket-dock-led) 18%, transparent);
  }

  .bhk-v5-mobilePlayer__tracks {
    scroll-padding-bottom: calc(var(--v5-mobile-pocket-dock-height) + env(safe-area-inset-bottom));
  }
}

@media (max-width: 360px) {
  .bhk-v5-mobilePlayer {
    --v5-mobile-pocket-dock-height: 178px;
  }

  .bhk-v5-mobilePlayer--browse {
    --v5-mobile-pocket-dock-height: 118px;
  }

  .bhk-v5-mobilePlayer__bottomNav {
    gap: 6px;
    padding: 9px 10px calc(4px + env(safe-area-inset-bottom));
  }

  .bhk-v5-mobilePlayer__dockTransportButton.is-primary {
    width: 60px;
    height: 60px;
    min-height: 60px;
  }

  .bhk-v5-mobilePlayer__bottomNav .bhk-v5-mobilePlayer__bank {
    min-height: 25px;
    padding-bottom: 1px;
  }
}

/* V5.0.245 — Mobile Player border + corner artifact removal.
   Removes the selected 1px bright borders from the mobile mast, expanded Spotify deck, and LISTEN/BROWSE mode bar.
   Mobile-only CSS patch; desktop V5, rail, sleeve, colour, JSON authority, runtime bridge, Spotify OAuth/API boundaries, and safe-area dock behavior remain unchanged. */
@media (max-width: 782px) {
  .bhk-v5-mobilePlayer__mast,
  .bhk-v5-mobilePlayer__deck--spotifyExpanded,
  .bhk-v5-mobilePlayer__bottomNav .bhk-v5-mobilePlayer__modeBar {
    border: 0 !important;
    outline: 0 !important;
  }

  .bhk-v5-mobilePlayer__mast {
    box-shadow: 0 18px 50px var(--v5-shadow) !important;
  }

  .bhk-v5-mobilePlayer__deck--spotifyExpanded {
    box-shadow: 0 18px 42px color-mix(in srgb, var(--v5-shadow) 74%, transparent) !important;
    overflow: hidden;
  }

  .bhk-v5-mobilePlayer__deck--spotifyExpanded .bhk-v5-mobilePlayer__spotifyArtworkPlayer {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
  }

  .bhk-v5-mobilePlayer__deck--spotifyExpanded .bhk-v5-mobilePlayer__spotifyArtworkIframe {
    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;
  }

  .bhk-v5-mobilePlayer__bottomNav .bhk-v5-mobilePlayer__modeBar {
    box-shadow: none !important;
  }
}

/* V5.0.248 — Mobile Spotify artwork meta duplicate removal.
   The React renderer no longer emits the duplicate BNK/title/artist strip above the Spotify compact embed.
   This mobile-only guard keeps any stale rendered meta strip hidden without changing desktop, rail, sleeve, colour, JSON, API, OAuth, SDK, or shell geometry. */
@media (max-width: 782px) {
  .bhk-v5-mobilePlayer__spotifyArtworkMeta {
    display: none !important;
  }

  .bhk-v5-mobilePlayer__deck--spotifyExpanded .bhk-v5-mobilePlayer__spotifyArtworkPlayer {
    gap: 0 !important;
  }
}

/* V5.0.249 — Mobile Spotify corner mask + X EXIT overlay real estate.
   Masks the provider iframe's white corner artifacts from a local wrapper only, and makes X EXIT an overlay control across all mobile stages.
   Desktop V5, rail, sleeve, colour, JSON authority, runtime bridge, Spotify OAuth/API/SDK, token flow, and public shell geometry remain unchanged. */
@media (max-width: 782px) {
  .bhk-v5-mobilePlayer__spotifyArtworkIframeShell {
    position: relative;
    display: block;
    width: 100%;
    height: 152px;
    min-height: 152px;
    max-height: 152px;
    overflow: hidden;
    border: 0;
    outline: 0;
    border-radius: 0;
    background: #1f1f1f;
    isolation: isolate;
  }

  .bhk-v5-mobilePlayer__spotifyArtworkIframeShell::before,
  .bhk-v5-mobilePlayer__spotifyArtworkIframeShell::after {
    content: "";
    position: absolute;
    top: 0;
    z-index: 2;
    width: 18px;
    height: 18px;
    background: #1f1f1f;
    pointer-events: none;
  }

  .bhk-v5-mobilePlayer__spotifyArtworkIframeShell::before {
    left: 0;
  }

  .bhk-v5-mobilePlayer__spotifyArtworkIframeShell::after {
    right: 0;
  }

  .bhk-v5-mobilePlayer__spotifyArtworkIframeShell .bhk-v5-mobilePlayer__spotifyArtworkIframe,
  .bhk-v5-mobilePlayer__deck--spotifyExpanded .bhk-v5-mobilePlayer__spotifyArtworkIframeShell .bhk-v5-mobilePlayer__spotifyArtworkIframe {
    display: block;
    width: 100%;
    height: 152px;
    min-height: 152px;
    max-height: 152px;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;
    background: #1f1f1f;
    overflow: hidden;
  }

  .bhk-v5-mobilePlayer__deck--spotifyExpanded .bhk-v5-mobilePlayer__spotifyArtworkPlayer {
    padding: 12px 12px 10px;
  }

  .bhk-v5-mobilePlayer__mobileJacketStage,
  .bhk-v5-mobilePlayer__mobileJacketStage--bio,
  .bhk-v5-mobilePlayer__mobileJacketStage--results,
  .bhk-v5-mobilePlayer__mobileJacketStage--projects {
    position: relative;
    padding-top: 14px !important;
  }

  .bhk-v5-mobilePlayer__mobileJacketExit,
  .bhk-v5-mobilePlayer__mobileJacketStage--bio .bhk-v5-mobilePlayer__mobileJacketExit,
  .bhk-v5-mobilePlayer__mobileJacketStage--results .bhk-v5-mobilePlayer__mobileJacketExit,
  .bhk-v5-mobilePlayer__mobileJacketStage--projects .bhk-v5-mobilePlayer__mobileJacketExit {
    position: absolute !important;
    top: 22px !important;
    right: 22px !important;
    z-index: 40 !important;
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    margin: 0 !important;
    justify-self: auto !important;
    border-radius: 0 !important;
    background: color-mix(in srgb, var(--v5-page) 84%, #000 16%);
    box-shadow:
      0 12px 28px color-mix(in srgb, #000 46%, transparent),
      inset 0 1px 0 color-mix(in srgb, var(--v5-proof) 12%, transparent);
  }
}

/* V5.0.252 — Mobile Spotify transport restore / regression backout.
   Restores the mobile LISTEN transport row that V5.0.251 hid on Spotify-owned tracks.
   The Spotify iframe remains pointer-enabled; this patch does not change iframe source, API, OAuth, SDK, token, REST, desktop rail, sleeve, colour, JSON authority, or public geometry. */
@media (max-width: 782px) {
  .bhk-v5-mobilePlayer[data-bhk-v5-mobile-lane^="spotify"] {
    --v5-mobile-pocket-dock-height: 190px;
    padding-bottom: calc(var(--v5-mobile-pocket-dock-height) + env(safe-area-inset-bottom));
  }

  .bhk-v5-mobilePlayer[data-bhk-v5-mobile-lane^="spotify"] .bhk-v5-mobilePlayer__bottomNav .bhk-v5-mobilePlayer__transport {
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .bhk-v5-mobilePlayer[data-bhk-v5-mobile-lane^="spotify"] .bhk-v5-mobilePlayer__bottomNav {
    gap: 7px;
  }

  .bhk-v5-mobilePlayer[data-bhk-v5-mobile-lane^="spotify"] .bhk-v5-mobilePlayer__spotifyArtworkIframeShell,
  .bhk-v5-mobilePlayer[data-bhk-v5-mobile-lane^="spotify"] .bhk-v5-mobilePlayer__spotifyArtworkIframe {
    pointer-events: auto !important;
  }
}

@media (max-width: 360px) {
  .bhk-v5-mobilePlayer[data-bhk-v5-mobile-lane^="spotify"] {
    --v5-mobile-pocket-dock-height: 190px;
  }
}


/* V5.0.253 — Mobile Spotify player polish / official control preservation.
   Removes the visible 18x18 corner-mask pseudo-element artifact, tightens the mobile Spotify insert,
   and preserves both the official Spotify iframe controls and the restored mobile LISTEN transport.
   Mobile-only CSS; desktop rail, runtime bridge, sleeve, colour, API/OAuth/SDK/token, JSON authority, and geometry remain unchanged. */
@media (max-width: 782px) {
  .bhk-v5-mobilePlayer[data-bhk-v5-mobile-lane^="spotify"] .bhk-v5-mobilePlayer__deck--spotifyExpanded {
    margin-bottom: 8px;
    background:
      linear-gradient(180deg, color-mix(in srgb, var(--v5-proof) 5%, transparent), transparent 42%),
      color-mix(in srgb, #000 82%, var(--v5-page) 18%);
    box-shadow:
      0 14px 34px color-mix(in srgb, #000 58%, transparent),
      inset 0 1px 0 color-mix(in srgb, var(--v5-proof) 7%, transparent) !important;
  }

  .bhk-v5-mobilePlayer[data-bhk-v5-mobile-lane^="spotify"] .bhk-v5-mobilePlayer__deck--spotifyExpanded .bhk-v5-mobilePlayer__spotifyArtworkPlayer {
    padding: 9px 10px 8px !important;
    background:
      linear-gradient(180deg, color-mix(in srgb, var(--v5-proof) 3%, transparent), transparent 50%),
      #050505;
    box-shadow: none !important;
  }

  .bhk-v5-mobilePlayer[data-bhk-v5-mobile-lane^="spotify"] .bhk-v5-mobilePlayer__spotifyArtworkIframeShell {
    position: relative;
    height: 152px;
    min-height: 152px;
    max-height: 152px;
    overflow: hidden;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;
    background: #1f1f1f;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.025),
      0 10px 24px color-mix(in srgb, #000 38%, transparent);
    isolation: isolate;
    pointer-events: auto !important;
  }

  .bhk-v5-mobilePlayer[data-bhk-v5-mobile-lane^="spotify"] .bhk-v5-mobilePlayer__spotifyArtworkIframeShell::before,
  .bhk-v5-mobilePlayer[data-bhk-v5-mobile-lane^="spotify"] .bhk-v5-mobilePlayer__spotifyArtworkIframeShell::after {
    content: none !important;
    display: none !important;
  }

  .bhk-v5-mobilePlayer[data-bhk-v5-mobile-lane^="spotify"] .bhk-v5-mobilePlayer__spotifyArtworkIframeShell .bhk-v5-mobilePlayer__spotifyArtworkIframe,
  .bhk-v5-mobilePlayer[data-bhk-v5-mobile-lane^="spotify"] .bhk-v5-mobilePlayer__deck--spotifyExpanded .bhk-v5-mobilePlayer__spotifyArtworkIframeShell .bhk-v5-mobilePlayer__spotifyArtworkIframe {
    display: block;
    width: 100%;
    height: 152px;
    min-height: 152px;
    max-height: 152px;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;
    background: #1f1f1f;
    overflow: hidden;
    pointer-events: auto !important;
  }

  .bhk-v5-mobilePlayer[data-bhk-v5-mobile-lane^="spotify"] .bhk-v5-mobilePlayer__tracks {
    margin-top: 8px;
    padding-top: 7px;
    border-color: color-mix(in srgb, var(--v5-line) 58%, transparent);
    background: color-mix(in srgb, #000 42%, var(--v5-surface) 58%);
  }

  .bhk-v5-mobilePlayer[data-bhk-v5-mobile-lane^="spotify"] .bhk-v5-mobilePlayer__bottomNav,
  .bhk-v5-mobilePlayer[data-bhk-v5-mobile-lane^="spotify"] .bhk-v5-mobilePlayer__bottomNav .bhk-v5-mobilePlayer__transport,
  .bhk-v5-mobilePlayer[data-bhk-v5-mobile-lane^="spotify"] .bhk-v5-mobilePlayer__dockTransportButton {
    pointer-events: auto !important;
  }
}

@media (max-width: 360px) {
  .bhk-v5-mobilePlayer[data-bhk-v5-mobile-lane^="spotify"] .bhk-v5-mobilePlayer__deck--spotifyExpanded .bhk-v5-mobilePlayer__spotifyArtworkPlayer {
    padding: 8px !important;
  }

  .bhk-v5-mobilePlayer[data-bhk-v5-mobile-lane^="spotify"] .bhk-v5-mobilePlayer__tracks {
    margin-top: 7px;
  }
}


/* V5.0.254 — Mobile Spotify iframe corner seal + admin inspector proxy.
   Covers Spotify iframe white corner wedges without blocking official Spotify controls.
   In the admin Mobile Section Review iframe only, the iframe becomes a selectable proxy surface so the JSON/inspector panel can capture the Spotify shell instead of losing the click inside the cross-origin iframe. */
@media (max-width: 782px) {
  .bhk-v5-mobilePlayer[data-bhk-v5-mobile-lane^="spotify"] .bhk-v5-mobilePlayer__spotifyArtworkIframeShell {
    background: #1f1f1f !important;
    overflow: hidden !important;
    border: 0 !important;
    outline: 0 !important;
    isolation: isolate;
  }

  .bhk-v5-mobilePlayer[data-bhk-v5-mobile-lane^="spotify"] .bhk-v5-mobilePlayer__spotifyArtworkIframeShell::before,
  .bhk-v5-mobilePlayer[data-bhk-v5-mobile-lane^="spotify"] .bhk-v5-mobilePlayer__spotifyArtworkIframeShell::after {
    content: "" !important;
    position: absolute;
    top: 0;
    z-index: 3;
    display: block !important;
    width: 12px;
    height: 12px;
    pointer-events: none !important;
    background: #1f1f1f;
  }

  .bhk-v5-mobilePlayer[data-bhk-v5-mobile-lane^="spotify"] .bhk-v5-mobilePlayer__spotifyArtworkIframeShell::before {
    left: 0;
    clip-path: polygon(0 0, 100% 0, 0 100%);
  }

  .bhk-v5-mobilePlayer[data-bhk-v5-mobile-lane^="spotify"] .bhk-v5-mobilePlayer__spotifyArtworkIframeShell::after {
    right: 0;
    clip-path: polygon(0 0, 100% 0, 100% 100%);
  }

  .bhk-v5-mobilePlayer[data-bhk-v5-mobile-lane^="spotify"] .bhk-v5-mobilePlayer__spotifyArtworkIframe {
    position: relative;
    z-index: 1;
    pointer-events: auto !important;
  }

  html[data-bhk-v5-mobile-review-frame="1"] .bhk-v5-mobilePlayer[data-bhk-v5-mobile-lane^="spotify"] .bhk-v5-mobilePlayer__spotifyArtworkIframe {
    pointer-events: none !important;
  }

  html[data-bhk-v5-mobile-review-frame="1"] .bhk-v5-mobilePlayer[data-bhk-v5-mobile-lane^="spotify"] .bhk-v5-mobilePlayer__spotifyArtworkIframeShell {
    pointer-events: auto !important;
    cursor: crosshair;
  }
}


/* V5.0.255 — Mobile Spotify bottom corner seal refinement.
   Extends the non-interactive Spotify iframe corner seal to the bottom corners only after V5.0.254 fixed the top edge.
   Official Spotify controls and restored BHK mobile transport controls remain clickable. */
@media (max-width: 782px) {
  .bhk-v5-mobilePlayer[data-bhk-v5-mobile-lane^="spotify"] .bhk-v5-mobilePlayer__spotifyArtworkIframeShell::before,
  .bhk-v5-mobilePlayer[data-bhk-v5-mobile-lane^="spotify"] .bhk-v5-mobilePlayer__spotifyArtworkIframeShell::after {
    top: 0 !important;
    bottom: 0 !important;
    width: 18px !important;
    height: 100% !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-size: 18px 18px, 18px 18px !important;
    pointer-events: none !important;
  }

  .bhk-v5-mobilePlayer[data-bhk-v5-mobile-lane^="spotify"] .bhk-v5-mobilePlayer__spotifyArtworkIframeShell::before {
    left: 0 !important;
    right: auto !important;
    clip-path: none !important;
    background-image:
      linear-gradient(135deg, #1f1f1f 0 50%, transparent 51%),
      linear-gradient(45deg, #1f1f1f 0 50%, transparent 51%) !important;
    background-position: left top, left bottom !important;
  }

  .bhk-v5-mobilePlayer[data-bhk-v5-mobile-lane^="spotify"] .bhk-v5-mobilePlayer__spotifyArtworkIframeShell::after {
    right: 0 !important;
    left: auto !important;
    clip-path: none !important;
    background-image:
      linear-gradient(225deg, #1f1f1f 0 50%, transparent 51%),
      linear-gradient(315deg, #1f1f1f 0 50%, transparent 51%) !important;
    background-position: right top, right bottom !important;
  }

  .bhk-v5-mobilePlayer[data-bhk-v5-mobile-lane^="spotify"] .bhk-v5-mobilePlayer__spotifyArtworkIframeShell {
    box-shadow:
      inset 0 0 0 1px rgba(31,31,31,.96),
      0 10px 24px color-mix(in srgb, #000 38%, transparent) !important;
  }
}


/* V5.0.278 — Mobile Spotify expanded real-estate cleanup / corner seal preserve.
   Removes the visible black backing around the compact Spotify embed while preserving the transparent swipe band and four-corner iframe seals.
   Mobile-only visual patch; no Spotify iframe source, API, OAuth, SDK, REST, runtime bridge, rail, sleeve, colour, JSON, or geometry change. */
@media (max-width: 782px) {
  .bhk-v5-mobilePlayer[data-bhk-v5-mobile-lane^="spotify"] .bhk-v5-mobilePlayer__deck--spotifyExpanded {
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .bhk-v5-mobilePlayer[data-bhk-v5-mobile-lane^="spotify"] .bhk-v5-mobilePlayer__deck--spotifyExpanded .bhk-v5-mobilePlayer__spotifyArtworkPlayer {
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .bhk-v5-mobilePlayer[data-bhk-v5-mobile-lane^="spotify"] .bhk-v5-mobilePlayer__spotifyArtworkIframeShell {
    position: relative;
    height: 152px;
    min-height: 152px;
    max-height: 152px;
    overflow: hidden !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    isolation: isolate;
    pointer-events: auto !important;
  }

  .bhk-v5-mobilePlayer[data-bhk-v5-mobile-lane^="spotify"] .bhk-v5-mobilePlayer__spotifySwipeBand {
    background: transparent !important;
    box-shadow: none !important;
  }
}