/* Video Review — front-end styles. All look & feel values come from CSS variables set on .vrv-section. */
.vrv-section{--vrv-bg:#0a0a0a;--vrv-card:#1b1b1b;--vrv-border:#2b2b2b;--vrv-text:#f5f5f2;--vrv-text-muted:#a8a8a3;--vrv-caption:#fff;--vrv-danger:#d64545;--vrv-badge-text:#fff;--vrv-gold:#c9a24a;--vrv-gap:18px;--vrv-radius:10px;--vrv-cols:5;--vrv-aspect:9/16;--vrv-pad-y:64px;--vrv-max:1240px;
	background:var(--vrv-bg);padding:var(--vrv-pad-y) 0;font-family:var(--vrv-font,inherit);color:var(--vrv-text);box-sizing:border-box;width:100%;}
.vrv-section *,.vrv-section *::before,.vrv-section *::after{box-sizing:border-box;}
.vrv-wrap{max-width:var(--vrv-max);margin:0 auto;padding:0 24px;}

.vrv-section .vrv-title{margin:0 0 8px;padding:0;font-size:var(--vrv-title-size,32px);font-weight:var(--vrv-title-weight,800);line-height:1.2;text-align:var(--vrv-title-align,center);color:var(--vrv-text);}
.vrv-section .vrv-subtitle{margin:0 0 36px;padding:0;font-size:var(--vrv-sub-size,14px);text-align:var(--vrv-title-align,center);color:var(--vrv-text-muted);}
.vrv-section .vrv-title:last-child{margin-bottom:36px;}

.vrv-carousel{position:relative;}
.vrv-track{display:flex;gap:var(--vrv-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;padding:2px 0 8px;outline:none;}
.vrv-track::-webkit-scrollbar{display:none;}
.vrv-center .vrv-track.vrv-no-scroll{justify-content:center;}
.vrv-drag .vrv-track{cursor:grab;}
.vrv-track.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;user-select:none;-webkit-user-select:none;}
.vrv-track.is-dragging *{pointer-events:none;}

/* Card width = (track width - gaps) / visible cards, so any number of columns (even 4.5) fits exactly. */
.vrv-card{flex:0 0 calc((100% - (var(--vrv-cols) - 1) * var(--vrv-gap)) / var(--vrv-cols));min-width:0;scroll-snap-align:start;}

.vrv-video{position:relative;aspect-ratio:var(--vrv-aspect);border-radius:var(--vrv-radius);overflow:hidden;background:var(--vrv-card);border:1px solid var(--vrv-border);}
.vrv-video video,.vrv-video img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;margin:0;max-width:none;}
.vrv-video video{cursor:pointer;}

/* Caption */
.vrv-cap{position:absolute;inset:0;display:flex;align-items:flex-end;padding:14px 12px;pointer-events:none;z-index:2;}
.vrv-cap-top .vrv-cap{align-items:flex-start;padding-top:48px;}
.vrv-cap-center .vrv-cap{align-items:center;}
.vrv-overlay .vrv-cap{background:linear-gradient(to top,rgba(0,0,0,.68),rgba(0,0,0,0) 55%);}
.vrv-overlay.vrv-cap-top .vrv-cap{background:linear-gradient(to bottom,rgba(0,0,0,.68),rgba(0,0,0,0) 55%);}
.vrv-overlay.vrv-cap-center .vrv-cap{background:rgba(0,0,0,.28);}
.vrv-caption{color:var(--vrv-caption);font-size:var(--vrv-cap-size,14px);font-weight:700;line-height:1.3;text-shadow:0 2px 8px rgba(0,0,0,.7);word-break:break-word;}

/* Sound button + paused icon */
.vrv-sound{position:absolute;top:10px;right:10px;z-index:4;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;line-height:1;}
.vrv-sound:hover{background:rgba(0,0,0,.75);}
.vrv-sound .vrv-mute-x{display:none;}
.vrv-sound.is-muted .vrv-waves{display:none;}
.vrv-sound.is-muted .vrv-mute-x{display:block;}
.vrv-video.vrv-paused::after{content:"";position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:rgba(0,0,0,.5) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M8 5v14l11-7z'/%3E%3C/svg%3E") center/26px no-repeat;pointer-events:none;z-index:3;}

/* Product card */
.vrv-product{display:flex;align-items:center;gap:10px;margin-top:10px;background:var(--vrv-card);border:1px solid var(--vrv-border);border-radius:var(--vrv-radius);padding:8px 10px;text-decoration:none;color:inherit;}
a.vrv-product:hover{border-color:var(--vrv-gold);}
.vrv-product img{width:40px;height:55px;border-radius:4px;object-fit:cover;flex-shrink:0;display:block;margin:0;}
.vrv-pinfo{min-width:0;}
.vrv-pname{font-size:var(--vrv-pname-size,12px);font-weight:600;color:var(--vrv-text);line-height:1.3;}
.vrv-price{font-size:var(--vrv-price-size,12px);margin-top:2px;}
.vrv-price .now{font-weight:700;color:var(--vrv-text);}
.vrv-price .old{color:var(--vrv-text-muted);text-decoration:line-through;margin-left:6px;font-size:.92em;}
.vrv-off{display:inline-block;background:var(--vrv-danger);color:var(--vrv-badge-text);font-size:var(--vrv-off-size,10px);font-weight:700;padding:2px 7px;border-radius:3px;margin-top:4px;line-height:1.4;}
.vrv-off-video{position:absolute;top:10px;left:10px;margin:0;z-index:4;}

/* Arrows (visibility is set per instance) */
.vrv-nav{position:absolute;top:40%;width:34px;height:34px;padding:0;border-radius:50%;background:var(--vrv-card);border:1px solid var(--vrv-border);color:var(--vrv-text);align-items:center;justify-content:center;cursor:pointer;z-index:5;font-size:22px;line-height:1;transition:opacity .2s,border-color .2s,color .2s;}
.vrv-nav:hover{border-color:var(--vrv-gold);color:var(--vrv-gold);}
.vrv-nav[disabled]{opacity:.35;cursor:default;pointer-events:none;}
.vrv-prev{left:-17px;}
.vrv-next{right:-17px;}

/* Dots */
.vrv-dots{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:18px;}
.vrv-dots:empty{display:none;}
.vrv-dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:var(--vrv-border);cursor:pointer;transition:transform .2s,background .2s;}
.vrv-dot.is-active{background:var(--vrv-gold);transform:scale(1.35);}

@media (prefers-reduced-motion:reduce){.vrv-track{scroll-behavior:auto;}}