/* Biohance VSL player (assets/bh-player.js). Blue and white, navy overlays. */
.bhp{position:relative;display:block;overflow:hidden;background:#06121F;cursor:pointer;color:#fff;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}
.bhp:focus-visible{outline:3px solid #7CC0F5;outline-offset:3px}
.bhp video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#06121F}
.bhp-layer{position:absolute;inset:0}
.bhp-layer:after{content:"";position:absolute;inset:0;background:rgba(6,18,31,.42)}
.bhp:not(.is-muted) .bhp-layer:after{display:none}
.bhp-layer > *{z-index:2}
.bhp-sound{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:18px 18px 44px}
.bhp-sound[hidden],.bhp-paused[hidden]{display:none}
.bhp-ring{width:88px;height:88px;flex:0 0 88px;border-radius:50%;background:linear-gradient(135deg,#2B93EC 0%,#147BD5 55%,#0B5CA8 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 14px 34px -10px rgba(0,0,0,.55),0 0 0 7px rgba(255,255,255,.16)}
.bhp-ring svg{width:36px;height:36px;color:#fff}
.bhp-sound .bhp-ring{animation:bhp-pulse 2.2s ease-out infinite}
.bhp-say{background:rgba(6,18,31,.78);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px 20px 11px;border-radius:14px;color:#fff;font-size:17px;font-weight:700;line-height:1.3}
.bhp-say small{display:block;font-size:13.5px;font-weight:500;color:rgba(255,255,255,.82);margin-top:3px}
.bhp-bar{position:absolute;left:0;right:0;bottom:0;padding:22px 14px 12px;display:flex;align-items:center;gap:12px;background:linear-gradient(transparent,rgba(6,18,31,.82));z-index:3}
.bhp-track{flex:1;height:4px;background:rgba(255,255,255,.28);border-radius:999px;overflow:hidden}
.bhp-track i{display:block;height:100%;width:0;background:#2B93EC;border-radius:999px;transition:width .25s linear}
.bhp-paused{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(6,18,31,.4);z-index:4}
.bhp-paused .bhp-ring svg{margin-left:5px}
.bhp-ctrls{display:flex;gap:6px;align-items:center;flex-shrink:0}
.bhp-ctrls button{appearance:none;-webkit-appearance:none;border:0;margin:0;background:rgba(255,255,255,.16);color:#fff;height:34px;min-width:40px;padding:0 11px;border-radius:999px;font:600 13px/1 inherit;font-family:inherit;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent}
.bhp-ctrls button:hover{background:rgba(255,255,255,.28)}
.bhp-ctrls button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.bhp-ctrls svg{width:17px;height:17px}
/* full screen: the real one (Android, computers) and our own on iPhone */
.bhp-fs{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:2147483000!important;margin:0!important;max-width:none!important;width:100vw!important;height:100vh!important;height:100dvh!important;border:0!important;border-radius:0!important;background:#000!important}
.bhp-fs .bhp-bar{padding-bottom:max(12px,env(safe-area-inset-bottom))!important;padding-left:max(14px,env(safe-area-inset-left))!important;padding-right:max(14px,env(safe-area-inset-right))!important}
.bhp-fs video,.bhp:fullscreen video,.bhp:-webkit-full-screen video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:contain!important;background:#000}
.bhp:fullscreen,.bhp:-webkit-full-screen{width:100%;height:100%;max-width:none;border-radius:0;background:#000}
html.bhp-fs-on,html.bhp-fs-on body{overflow:hidden!important}
@keyframes bhp-pulse{0%{box-shadow:0 14px 34px -10px rgba(0,0,0,.55),0 0 0 0 rgba(255,255,255,.4)}70%{box-shadow:0 14px 34px -10px rgba(0,0,0,.55),0 0 0 18px rgba(255,255,255,0)}100%{box-shadow:0 14px 34px -10px rgba(0,0,0,.55),0 0 0 0 rgba(255,255,255,0)}}
@media (max-width:480px){
  .bhp-ring{width:64px;height:64px;flex-basis:64px}
  .bhp-ring svg{width:28px;height:28px}
  .bhp-say{font-size:15px;padding:8px 14px 9px}
  .bhp-say small{font-size:12.5px}
  .bhp-sound{gap:10px;padding-bottom:40px}
  .bhp-bar{padding:18px 10px 9px;gap:9px}
  .bhp-ctrls button{height:32px;min-width:36px;padding:0 9px}
}
@media (prefers-reduced-motion:reduce){.bhp-sound .bhp-ring{animation:none}.bhp-track i{transition:none}}
