/* BC Battery - video & audio players (product and category pages). Loaded only where there is media. */
.bcmp-list{--bcmp-p:#1D57D0;--bcmp-ph:#1647AE;--bcmp-ps:#EEF3FD;--bcmp-ink:#242424;--bcmp-mu:#5B5B5B;--bcmp-l:#EBEBEB;display:grid;grid-template-columns:minmax(0,1fr);gap:24px;max-width:880px;margin-inline:auto}
.bcmp-it{margin:0;display:flex;flex-direction:column;gap:10px;min-width:0}
.bcmp-it--audio{grid-column:1/-1}
.bcmp-list .bcmp__cap{display:flex;flex-direction:column;gap:2px;padding-inline:4px;font-size:13px;line-height:1.8;color:var(--bcmp-mu)}
.bcmp-list .bcmp__cap b{font-size:14px;font-weight:800;color:var(--bcmp-ink)}
.bcmp-list .bcmp button{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.bcmp-list .bcmp [hidden]{display:none!important}

/* neutralise the theme's global button style inside the players */
.bcmp-list .bcmp button{min-height:0;min-width:0;margin:0;padding:0;line-height:1;text-transform:none;letter-spacing:0;font-size:12px;box-shadow:none;border:0;background:transparent;color:inherit;width:auto;height:auto}
.bcmp-list .bcmp button svg{flex:none}

/* video frame (uploaded file and Aparat) */
.bcmp-list .bcmp--video{position:relative;aspect-ratio:16/9;border-radius:18px;box-shadow:0 12px 32px -18px rgba(15,17,21,.45);overflow:hidden;background:#0F1115;isolation:isolate}
.bcmp-list .bcmp--video video,.bcmp-list .bcmp .bcmp__facade,.bcmp-list .bcmp__frame{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:#0F1115}
.bcmp-list .bcmp--video video{object-fit:contain}
.bcmp-list .bcmp .bcmp__facade{padding:0;margin:0}
.bcmp-list .bcmp .bcmp__facade img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.bcmp-list .bcmp .bcmp__facade:hover img{transform:scale(1.03)}
.bcmp-list .bcmp .bcmp__facade::after,.bcmp-list .bcmp--video[data-bcmp]:not(.is-started)::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,17,21,0) 45%,rgba(15,17,21,.55));pointer-events:none}
.bcmp-list .bcmp .bcmp__big{position:absolute;inset:0;margin:auto;z-index:2;width:68px;height:68px;border:0;border-radius:999px;background:var(--bcmp-p);color:#fff;display:flex;align-items:center;justify-content:center;padding:0 0 0 4px;box-shadow:0 10px 28px rgba(29,87,208,.45),0 0 0 8px rgba(255,255,255,.18);transition:transform .15s ease,background .15s}
.bcmp-list .bcmp--video.is-playing .bcmp__big{opacity:0;transform:scale(.85);pointer-events:none}
.bcmp-list .bcmp .bcmp__facade:hover .bcmp__big,.bcmp-list .bcmp .bcmp__big:hover{transform:scale(1.07);background:var(--bcmp-ph)}
.bcmp-list .bcmp__chip{position:absolute;top:12px;inset-inline-start:12px;z-index:2;padding:3px 10px;border-radius:8px;background:rgba(15,17,21,.6);color:#fff;font-size:11px;font-weight:800;backdrop-filter:blur(4px)}
.bcmp-list .bcmp--video .bcmp__bar{position:absolute;inset:auto 12px 12px;z-index:3;background:rgba(15,17,21,.62);backdrop-filter:blur(8px);color:#fff;border-radius:12px;transition:opacity .25s,transform .25s}
.bcmp-list .bcmp--video.is-playing.is-idle:not(:focus-within) .bcmp__bar{opacity:0;transform:translateY(6px)}
.bcmp-list .bcmp--video.is-playing.is-idle{cursor:none}
.bcmp-list .bcmp:fullscreen{border-radius:0;aspect-ratio:auto;width:100%;height:100%}

/* control bar (shared) */
.bcmp-list .bcmp__bar{display:flex;align-items:center;gap:8px;padding:6px 8px;min-width:0}
.bcmp-list .bcmp .bcmp__btn{flex:none;width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:inherit;display:flex;align-items:center;justify-content:center;padding:0;font-size:12px;font-weight:800}
.bcmp-list .bcmp .bcmp__btn:hover{background:rgba(255,255,255,.14)}
.bcmp-list .bcmp .bcmp__rate{width:auto;min-width:36px;padding:0 6px}
.bcmp-list .bcmp__t{flex:none;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;min-width:34px;text-align:center}
.bcmp-list .bcmp-i-pause,.bcmp-list .bcmp-i-mute{display:none}
.bcmp-list .bcmp.is-playing .bcmp-i-play{display:none}
.bcmp-list .bcmp.is-playing .bcmp-i-pause{display:inline}
.bcmp-list .bcmp.is-muted .bcmp-i-mute{display:inline}
.bcmp-list .bcmp.is-muted .bcmp-i-wave{display:none}
.bcmp-list .bcmp__seek{flex:1;min-width:40px;height:20px;margin:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer;--v:0%}
.bcmp-list .bcmp__seek::-webkit-slider-runnable-track{height:5px;border-radius:9px;background:linear-gradient(90deg,var(--bcmp-tr-on,#fff) var(--v),var(--bcmp-tr,rgba(255,255,255,.3)) var(--v))}
.bcmp-list .bcmp__seek::-moz-range-track{height:5px;border-radius:9px;background:linear-gradient(90deg,var(--bcmp-tr-on,#fff) var(--v),var(--bcmp-tr,rgba(255,255,255,.3)) var(--v))}
.bcmp-list .bcmp__seek::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;margin-top:-5px;border-radius:999px;background:var(--bcmp-th,#fff);border:0;box-shadow:0 1px 4px rgba(0,0,0,.3)}
.bcmp-list .bcmp__seek::-moz-range-thumb{width:15px;height:15px;border-radius:999px;background:var(--bcmp-th,#fff);border:0;box-shadow:0 1px 4px rgba(0,0,0,.3)}
.bcmp-list .bcmp__seek:focus-visible{outline:2px solid var(--bcmp-p);outline-offset:3px;border-radius:9px}

/* audio / voice note card */
.bcmp-list .bcmp--audio{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--bcmp-l);border-radius:16px;background:#fff}
.bcmp-list .bcmp--audio.is-playing{border-color:#C9D7F6;background:linear-gradient(0deg,#FBFCFF,#fff)}
.bcmp-list .bcmp__ic{flex:none;width:48px;height:48px;border-radius:14px;background:var(--bcmp-ps);color:var(--bcmp-p);display:flex;align-items:center;justify-content:center}
.bcmp-list .bcmp--audio[data-bcmp].is-ready .bcmp__ic{display:none}
.bcmp-list .bcmp__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.bcmp-list .bcmp__title{font-size:14px;line-height:1.7;font-weight:800;color:var(--bcmp-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bcmp-list .bcmp--audio audio{width:100%;height:40px}
.bcmp-list .bcmp--audio .bcmp__bar{padding:0;gap:6px;color:var(--bcmp-ink);--bcmp-tr-on:var(--bcmp-p);--bcmp-tr:#E3E7EE;--bcmp-th:var(--bcmp-p)}
.bcmp-list .bcmp--audio .bcmp__pp{width:48px;height:48px;border-radius:999px;background:var(--bcmp-p);color:#fff;box-shadow:0 6px 16px -6px rgba(29,87,208,.7)}
.bcmp-list .bcmp--audio .bcmp__pp:hover{background:var(--bcmp-ph)}
.bcmp-list .bcmp--audio .bcmp__pp svg{width:22px;height:22px}
.bcmp-list .bcmp--audio .bcmp__t{color:var(--bcmp-mu)}
.bcmp-list .bcmp--audio .bcmp__rate{height:30px;border:1px solid var(--bcmp-l);border-radius:9px;color:var(--bcmp-p);background:#fff}
.bcmp-list .bcmp--audio .bcmp__rate:hover{background:var(--bcmp-ps)}
.bcmp-list .bcmp .bcmp__dl{align-self:flex-start;height:40px;padding:0 14px;border-radius:12px;border:1px solid var(--bcmp-p);color:var(--bcmp-p);display:inline-flex;align-items:center;font-size:13px;font-weight:800}
@media (max-width:600px){.bcmp-list{gap:18px}.bcmp-list .bcmp--video{border-radius:14px}.bcmp-list .bcmp .bcmp__big{width:58px;height:58px}.bcmp-list .bcmp--audio{padding:12px;gap:10px}.bcmp-list .bcmp--audio .bcmp__rate{display:none}}
@media (prefers-reduced-motion:reduce){.bcmp-list .bcmp *{transition:none!important}}
/* file the browser cannot play */
.bcmp-list .bcmp__err{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:13px;color:#5B5B5B}
.bcmp-list .bcmp__err a{height:34px;padding:0 12px;border-radius:10px;border:1px solid #1D57D0;color:#1D57D0;display:inline-flex;align-items:center;font-weight:800}
.bcmp-list .bcmp--video .bcmp__err{position:absolute;inset:auto 10px 10px;z-index:3;padding:8px 12px;border-radius:12px;background:rgba(15,17,21,.75);color:#fff}
.bcmp-list .bcmp--video .bcmp__err a{border-color:#fff;color:#fff}

/* 10-second back / forward around play */
.bcmp-list .bcmp__trio{flex:none;display:inline-flex;align-items:center;gap:2px}
.bcmp-list .bcmp .bcmp__skip{width:38px;height:38px;border-radius:999px}
.bcmp-list .bcmp--audio .bcmp__skip{color:var(--bcmp-p)}
.bcmp-list .bcmp--audio .bcmp__skip:hover{background:var(--bcmp-ps)}
.bcmp-list .bcmp--audio .bcmp__trio{gap:4px;margin-inline-end:6px}
.bcmp-list .bcmp__skip text{font-family:inherit}
@media (max-width:600px){.bcmp-list .bcmp .bcmp__skip{width:34px;height:34px}.bcmp-list .bcmp--audio .bcmp__pp{width:44px;height:44px}.bcmp-list .bcmp--video .bcmp__bar .bcmp__rate{display:none}}