.bvvp-section{width:100%;margin:28px 0;color:inherit}
.bvvp-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px}
.bvvp-heading h2{margin:0;font-size:clamp(22px,2.3vw,32px);line-height:1.2;font-weight:700}
.bvvp-arrows{display:flex;gap:8px;flex-shrink:0}
.bvvp-arrow{width:38px;height:38px;border:1px solid rgba(0,0,0,.10);background:rgba(255,255,255,.92);color:#111827;border-radius:8px;font-size:20px;font-weight:700;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s;box-shadow:0 4px 14px rgba(0,0,0,.08)}
.bvvp-arrow:hover{background:#fff;color:#111827;border-color:rgba(0,0,0,.18);transform:translateY(-1px);box-shadow:0 8px 18px rgba(0,0,0,.12)}
.bvvp-track{display:flex;gap:14px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:2px 2px 12px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.bvvp-track::-webkit-scrollbar{height:6px}
.bvvp-track::-webkit-scrollbar-thumb{background:#c9c9c9;border-radius:99px}
.bvvp-card{flex:0 0 clamp(190px,19vw,244px);min-width:0;scroll-snap-align:start}
.bvvp-media{position:relative;aspect-ratio:294/455;overflow:hidden;border-radius:12px;background:#181a1d;isolation:isolate}
.bvvp-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.bvvp-media:after{content:"";position:absolute;inset:25% 0 0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.10) 35%,rgba(0,0,0,.88) 100%);z-index:1}
.bvvp-playpause,.bvvp-sound{position:absolute;z-index:3;top:10px;padding:0;border:1px solid rgba(255,255,255,.20);border-radius:8px;background:rgba(17,24,39,.72);color:#fff!important;box-shadow:0 4px 14px rgba(0,0,0,.22);display:flex;align-items:center;justify-content:center;cursor:pointer;line-height:1;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:background .2s,border-color .2s,transform .2s,box-shadow .2s,opacity .2s}
.bvvp-playpause:hover,.bvvp-sound:hover{background:rgba(17,24,39,.84);border-color:rgba(255,255,255,.30);transform:translateY(-1px);box-shadow:0 8px 18px rgba(0,0,0,.26)}
.bvvp-playpause{left:10px;width:38px;height:38px;font-size:16px}
.bvvp-sound{right:10px;width:34px;height:34px;font-size:15px}
.bvvp-icon-pause,.bvvp-icon-sound-off{display:none}
.bvvp-card.is-playing .bvvp-icon-play{display:none}
.bvvp-card.is-playing .bvvp-icon-pause{display:inline}
.bvvp-card.is-muted .bvvp-icon-sound-on{display:none}
.bvvp-card.is-muted .bvvp-icon-sound-off{display:inline}
.bvvp-caption{position:absolute;z-index:2;left:13px;right:13px;bottom:13px;color:#fff;display:flex;flex-direction:column;gap:5px;pointer-events:none;text-shadow:0 1px 5px rgba(0,0,0,.8)}
.bvvp-caption strong{font-size:16px;line-height:1.25;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.25)}
.bvvp-caption>span{font-size:12px;line-height:1.35;opacity:1;font-weight:500}
.bvvp-product-link{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;align-self:flex-start;margin-top:7px;padding:10px 14px;border:1px solid rgba(255,255,255,.95);border-radius:6px;background:#fff;color:#181818!important;text-decoration:none!important;font-size:13px;font-weight:700;line-height:1.2;text-shadow:none;box-shadow:0 2px 8px rgba(0,0,0,.25);transition:transform .2s,background .2s,box-shadow .2s}
.bvvp-product-link:hover{background:#f6f6f6;color:#111!important;transform:translateY(-1px);box-shadow:0 6px 14px rgba(0,0,0,.18)}
.bvvp-empty{padding:18px;border:1px dashed #bbb;border-radius:8px}
@media(max-width:767px){.bvvp-section{margin:22px 0}.bvvp-heading{margin-bottom:12px}.bvvp-heading h2{font-size:22px}.bvvp-arrows{display:none}.bvvp-track{gap:10px;margin-right:-16px;padding-right:16px}.bvvp-card{flex-basis:68vw;max-width:270px}.bvvp-media{border-radius:10px}.bvvp-caption{left:11px;right:11px;bottom:11px}.bvvp-playpause{left:9px;top:9px;width:36px;height:36px;font-size:15px}.bvvp-sound{right:9px;top:9px;width:32px;height:32px;font-size:14px}.bvvp-product-link{padding:9px 12px}}
@media(prefers-reduced-motion:reduce){.bvvp-track{scroll-behavior:auto}.bvvp-arrow,.bvvp-product-link,.bvvp-playpause,.bvvp-sound{transition:none}}
