.product-live-streams{--pls-section-bg: var(--box-background-full, #ffffff);--pls-section-border: var(--border-color, #d8deea);--pls-card-bg: var(--box-background-full, #ffffff);--pls-card-border: var(--border-color, #d8deea);--pls-card-border-hover: rgba(var(--brand-primary-rgb, 91, 124, 250), .42);--pls-card-shadow-hover: var(--product-card-shadow-hover, 0 12px 26px rgba(28, 35, 51, .1));--pls-text-muted: var(--secondary-color, #5f6b82);--pls-spinner-track: rgba(var(--brand-primary-rgb, 91, 124, 250), .14);--pls-spinner-head: var(--brand-primary, #5b7cfa);--pls-more-dash: var(--border-color, #d8deea);--pls-meta-badge-bg: rgba(var(--brand-primary-rgb, 91, 124, 250), .1);--pls-meta-badge-text: var(--text-color, #1c2333);--pls-meta-badge-border: rgba(var(--brand-primary-rgb, 91, 124, 250), .22);margin-top:1.5rem;padding:1.25rem;border-radius:12px;background:var(--pls-section-bg);border:1px solid var(--pls-section-border);box-shadow:var(--shadow, 0 1px 2px rgba(28, 35, 51, .05))}body.dark .product-live-streams{--pls-section-bg: var(--box-bg, #18181b);--pls-section-border: var(--border-color, rgba(255, 255, 255, .08));--pls-card-bg: rgba(0, 0, 0, .25);--pls-card-border: rgba(255, 255, 255, .08);--pls-card-border-hover: rgba(99, 102, 241, .65);--pls-card-shadow-hover: 0 12px 28px rgba(0, 0, 0, .22);--pls-text-muted: rgba(255, 255, 255, .55);--pls-spinner-track: rgba(255, 255, 255, .15);--pls-spinner-head: #6366f1;--pls-more-dash: rgba(255, 255, 255, .25);--pls-meta-badge-bg: rgba(239, 68, 68, .18);--pls-meta-badge-text: #fff;--pls-meta-badge-border: rgba(239, 68, 68, .35);box-shadow:none}.product-live-streams-mount{min-height:0}.product-live-streams__more{flex-shrink:0;display:inline-flex;align-items:center;gap:.25rem;text-decoration:none;color:inherit;font-size:.88rem;transition:opacity .15s}.product-live-streams__more span{border-bottom:1px dashed var(--pls-more-dash)}.product-live-streams__more:hover{opacity:.85}.product-live-streams__header{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;margin-bottom:.85rem}.product-live-streams__badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;color:var(--pls-meta-badge-text);background:var(--pls-meta-badge-bg);border:1px solid var(--pls-meta-badge-border);padding:.2rem .55rem;border-radius:999px}.product-live-streams__badge:before{content:"";width:7px;height:7px;border-radius:50%;background:#ef4444;animation:pls-pulse 1.2s ease-in-out infinite}@keyframes pls-pulse{0%,to{opacity:1}50%{opacity:.35}}.product-live-streams__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:.875rem}.product-live-streams__swiper{margin-inline:-.35rem;overflow:hidden}.product-live-streams__swiper .swiper-slide{height:auto}.product-live-streams__swiper--always .swiper-slide{width:auto;box-sizing:border-box}@media (max-width: 768px){.product-live-streams__swiper{margin-inline:-.5rem;padding-inline:.15rem;overflow:hidden;touch-action:pan-x}.product-live-streams__swiper .swiper-slide{width:min(78vw,300px)}}@media (min-width: 769px){.product-live-streams__swiper:not(.product-live-streams__swiper--always){margin-inline:0;overflow:visible}.product-live-streams__swiper:not(.product-live-streams__swiper--always) .swiper-wrapper{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:.875rem;transform:none!important;width:100%!important}.product-live-streams__swiper:not(.product-live-streams__swiper--always) .swiper-slide{width:auto!important;margin:0!important}}@media (min-width: 992px){.product-live-streams__swiper:not(.product-live-streams__swiper--always) .swiper-wrapper{grid-template-columns:repeat(3,minmax(0,1fr))}}.product-live-streams__card{background:var(--pls-card-bg);border:1px solid var(--pls-card-border);border-radius:10px;overflow:hidden;cursor:pointer;transition:border-color .2s,transform .2s,box-shadow .2s}.product-live-streams__card:hover,.product-live-streams__card.is-active{border-color:var(--pls-card-border-hover);transform:translateY(-1px);box-shadow:var(--pls-card-shadow-hover)}.product-live-streams__thumb{position:relative;aspect-ratio:16/9;background:#000}.product-live-streams__thumb img{width:100%;height:100%;object-fit:cover;display:block}.product-live-streams__thumb-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#ffffff8c;font-size:2rem}.product-live-streams__live-tag{position:absolute;top:.5rem;right:.5rem;background:#ef4444eb;color:#fff;font-size:.7rem;font-weight:700;padding:.15rem .45rem;border-radius:4px}.product-live-streams__viewers{position:absolute;bottom:.5rem;left:.5rem;background:#000000b8;color:#fff;font-size:.72rem;font-weight:600;padding:.15rem .45rem;border-radius:4px}.product-live-streams__player-slot{min-height:0}.product-live-streams__player-slot:has(.product-live-streams__player-wrap.is-open){aspect-ratio:16/9;margin-top:1rem}.product-live-streams__player-wrap{display:none;border-radius:10px;overflow:hidden;background:#000;aspect-ratio:16/9}.product-live-streams__player-wrap.is-open{display:block}.product-live-streams__video-shell{position:relative;background:#000}.product-live-streams__video-shell:fullscreen,.product-live-streams__video-shell:-webkit-full-screen,.product-live-streams__player-wrap:fullscreen,.product-live-streams__player-wrap:-webkit-full-screen{width:100%;height:100%;max-width:none;border-radius:0;aspect-ratio:auto;background:#000}.product-live-streams__video-shell:fullscreen video,.product-live-streams__video-shell:-webkit-full-screen video,.product-live-streams__player-wrap:fullscreen video,.product-live-streams__player-wrap:-webkit-full-screen video{width:100%;height:100%;max-height:100dvh;aspect-ratio:auto;object-fit:contain}.product-live-streams__video-shell:fullscreen .product-live-streams__controls,.product-live-streams__video-shell:-webkit-full-screen .product-live-streams__controls,.product-live-streams__player-wrap:fullscreen .product-live-streams__controls,.product-live-streams__player-wrap:-webkit-full-screen .product-live-streams__controls{position:absolute;inset-inline:0;bottom:0}.product-live-streams__video-shell video{width:100%;height:100%;display:block;background:#000;aspect-ratio:16/9}.product-live-streams__controls{position:absolute;inset-inline:0;bottom:0;z-index:2;display:flex;align-items:center;gap:.35rem;padding:1.75rem .55rem .5rem;background:linear-gradient(to top,rgba(0,0,0,.82),transparent)}.product-live-streams__live-btn{flex-shrink:0;font-size:.68rem;font-weight:800;letter-spacing:.04em;padding:.22rem .5rem;border-radius:4px;border:none;background:#ef4444;color:#fff;cursor:pointer;transition:background .15s,opacity .15s}.product-live-streams__live-btn.is-behind{background:#ffffff38;animation:pls-live-pulse 1.4s ease-in-out infinite}.product-live-streams__live-btn.is-at-live{cursor:default}@keyframes pls-live-pulse{0%,to{opacity:1}50%{opacity:.65}}.product-live-streams__ctrl-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.85rem;height:1.85rem;padding:0;border:none;border-radius:6px;background:#ffffff1f;color:#fff;font-size:.82rem;cursor:pointer;transition:background .15s}.product-live-streams__ctrl-btn:hover{background:#ffffff38}.product-live-streams__quality-btn{--pls-quality-accent: #3b82f6;margin-inline-start:auto;flex-shrink:0;display:inline-flex;align-items:center;gap:.35rem;padding:.24rem .55rem;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#00000094;color:#fff;font-size:.72rem;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}.product-live-streams__quality-btn:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--pls-quality-accent);box-shadow:0 0 8px #3b82f6a6;flex-shrink:0}.product-live-streams__quality-btn:hover{background:#ffffff24;border-color:#ffffff57;box-shadow:0 4px 14px #00000047}.product-live-streams__quality-btn.is-hidden{display:none}.product-live-streams__quality-dialog{--pls-quality-accent: #3b82f6;--pls-quality-panel-bg: rgba(12, 14, 20, .94);--pls-quality-panel-border: rgba(255, 255, 255, .1);position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:1rem}.product-live-streams__quality-dialog[hidden]{display:none}.product-live-streams__quality-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;background:#0000009e;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:pointer;opacity:0;transition:opacity .2s ease}.product-live-streams__quality-dialog.is-open .product-live-streams__quality-backdrop{opacity:1}.product-live-streams__quality-panel{position:relative;z-index:1;display:flex;flex-direction:column;width:min(100%,248px);max-height:min(72%,340px);overflow:hidden;border-radius:14px;background:var(--pls-quality-panel-bg);border:1px solid var(--pls-quality-panel-border);box-shadow:0 18px 44px #0000007a,inset 0 1px #ffffff0f;transform:translateY(8px) scale(.97);opacity:0;transition:transform .22s cubic-bezier(.22,1,.36,1),opacity .2s ease}.product-live-streams__quality-dialog.is-open .product-live-streams__quality-panel{transform:translateY(0) scale(1);opacity:1}.product-live-streams__quality-panel-head{display:flex;flex-direction:column;gap:.15rem;padding:.85rem .95rem .7rem;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.05),transparent)}.product-live-streams__quality-panel-title{color:#fff;font-size:.86rem;font-weight:700;line-height:1.3}.product-live-streams__quality-panel-sub{color:#ffffff85;font-size:.72rem;line-height:1.3}.product-live-streams__quality-list{list-style:none;margin:0;padding:.45rem;overflow:auto}.product-live-streams__quality-item+.product-live-streams__quality-item{margin-top:.28rem}.product-live-streams__quality-option{display:flex;align-items:center;justify-content:space-between;gap:.65rem;width:100%;padding:.62rem .72rem;border:1px solid transparent;border-radius:10px;background:transparent;color:#ffffffdb;font:inherit;text-align:start;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .12s}.product-live-streams__quality-option-label{font-size:.84rem;font-weight:600;line-height:1.2}.product-live-streams__quality-option-dot{width:8px;height:8px;border-radius:50%;background:transparent;box-shadow:none;flex-shrink:0;transition:background .15s,box-shadow .15s,transform .15s}.product-live-streams__quality-option:hover{background:#ffffff12;border-color:#ffffff14}.product-live-streams__quality-option.is-active{background:#3b82f624;border-color:#3b82f657;color:#fff}.product-live-streams__quality-option.is-active .product-live-streams__quality-option-label{font-weight:700}.product-live-streams__quality-option.is-active .product-live-streams__quality-option-dot{background:var(--pls-quality-accent);box-shadow:0 0 10px #3b82f6bf;transform:scale(1.05)}.product-live-streams__player-bar{display:none;align-items:center;justify-content:flex-end;gap:.35rem;padding:.4rem .5rem;background:#0f0f12f5;border-bottom:1px solid rgba(255,255,255,.08);font-size:.78rem}.product-live-streams__player-bar-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.65rem;height:1.65rem;padding:0;border:none;border-radius:6px;background:#ffffff14;color:#ffffffe0;cursor:pointer;transition:background .15s}.product-live-streams__player-bar-btn:hover{background:#ffffff29}.product-live-streams__player-close{font-size:1.15rem;line-height:1}@media (min-width: 769px){.product-live-streams__player-wrap.is-docked{position:fixed;z-index:10070;bottom:1.25rem;inset-inline-end:1.25rem;width:min(380px,100vw - 2.5rem);margin-top:0;aspect-ratio:unset;display:flex;flex-direction:column;box-shadow:0 12px 40px #0000008c;border:1px solid rgba(255,255,255,.14);animation:pls-dock-in .22s ease-out;transition:bottom .18s ease-out,opacity .18s ease-out,visibility .18s ease-out}.product-live-streams__player-wrap.is-docked.is-docked--footer-hidden{opacity:0;visibility:hidden;pointer-events:none}.product-live-streams__player-wrap.is-docked .product-live-streams__player-bar{display:flex}.product-live-streams__player-wrap.is-docked video{width:100%;aspect-ratio:16/9;height:auto}.product-live-streams__player-wrap.is-docked .product-live-streams__controls{padding-top:1.25rem}}@keyframes pls-dock-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.product-live-streams__player-wrap video{width:100%;height:100%;display:block;background:#000}.product-live-streams__loading,.product-live-streams__empty{text-align:center;padding:1.5rem 1rem;color:var(--pls-text-muted);font-size:.9rem}.product-live-streams__spinner{width:28px;height:28px;margin:0 auto .75rem;border:3px solid var(--pls-spinner-track);border-top-color:var(--pls-spinner-head);border-radius:50%;animation:pls-spin .8s linear infinite}@keyframes pls-spin{to{transform:rotate(360deg)}}.product-live-streams__empty{color:var(--pls-text-muted)}.product-live-streams__header-meta{margin-bottom:.85rem}.product-live-streams-mount:not(.is-hidden){display:block}