/* ═════════════ AJUSTES (edite aqui) ═════════════ */
.lvr {
  --lvr-bg:        #F7F7F7;   /* fundo da seção */
  --lvr-accent:    #E3819C;   /* cor principal Lary */
  --lvr-w:         280px;     /* largura do vídeo — desktop */
  --lvr-w-mob:     210px;     /* largura do vídeo — celular */
  --lvr-gap:       -8px;      /* espaço entre vídeos (negativo = sobreposição) */
  --lvr-gap-mob:   -6px;      /* espaço entre vídeos — celular */
  --lvr-radius:    16px;      /* arredondamento do vídeo */
  --lvr-max-w:     1000px;    /* largura máxima da seção */
  --lvr-pt:        40px;      /* espaço acima */
  --lvr-pb:        40px;      /* espaço abaixo */
  --lvr-inactive-scale: .88;  /* tamanho dos vídeos laterais */
  --lvr-card-bg:   #ffffff;   /* fundo do card do produto */
  --lvr-card-r:    12px;
  --lvr-card-p:    6px;
  --lvr-img:       34px;      /* foto do produto */
  --lvr-t-sz:      11px;      /* fonte do nome */
  --lvr-p-sz:      11px;      /* fonte do preço */
  --lvr-bot:       12px;      /* distância do card ao fundo */
  --lvr-side:      8px;       /* distância do card às laterais */
}

/* ═════════════ BASE ═════════════ */
.lvr, .lvr *, .lvr *::before, .lvr *::after { box-sizing: border-box; }
.lvr {
  background: var(--lvr-bg);
  padding: var(--lvr-pt) 0 var(--lvr-pb);
  width: 100%;
  overflow: hidden;
}
.lvr .lvr-header { text-align: center; padding: 0 16px 20px; }
.lvr .lvr-h2 { font-size: clamp(1.3rem, 3vw, 2rem); font-weight: 700; margin: 0 0 6px; line-height: 1.2; color: #111; }
.lvr .lvr-sub { font-size: .9rem; margin: 0; color: #555; }

.lvr .lvr-outer { position: relative; max-width: var(--lvr-max-w); margin: 0 auto; }
.lvr .lvr-viewport { overflow: hidden; width: 100%; touch-action: pan-y; padding: 8px 0; }
.lvr .lvr-track {
  position: relative;
  display: flex;
  align-items: center;
  transition: transform .4s cubic-bezier(.25,.46,.45,.94);
  will-change: transform;
}

/* ═════════════ SLIDES ═════════════ */
.lvr .lvr-slide {
  flex: 0 0 var(--lvr-w);
  width: var(--lvr-w);
  margin-right: var(--lvr-gap);
  transform: scale(var(--lvr-inactive-scale));
  opacity: .6;
  transition: transform .4s ease, opacity .4s ease;
  cursor: pointer;
}
.lvr .lvr-slide.is-active { transform: scale(1); opacity: 1; z-index: 2; cursor: default; }

.lvr .lvr-card {
  position: relative;
  width: 100%;
  aspect-ratio: 9 / 16;
  overflow: hidden;
  background: #111;
  border-radius: var(--lvr-radius);
}
.lvr .lvr-video {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover; display: block;
  pointer-events: none;
}

/* ═════════════ BOTÃO DE SOM ═════════════ */
.lvr .lvr-mute {
  position: absolute; top: 8px; right: 8px;
  width: 28px; height: 28px; border-radius: 50%;
  border: none; padding: 0;
  background: rgba(0,0,0,.5); color: #fff;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; z-index: 3;
}
.lvr .lvr-mute .ico-sound { display: none; }
.lvr .lvr-mute.is-sound .ico-muted { display: none; }
.lvr .lvr-mute.is-sound .ico-sound { display: block; }

/* ═════════════ CARD DO PRODUTO ═════════════ */
.lvr .lvr-prod {
  position: absolute;
  bottom: var(--lvr-bot); left: var(--lvr-side); right: var(--lvr-side);
  display: flex; align-items: center; gap: 7px;
  background: var(--lvr-card-bg);
  border-radius: var(--lvr-card-r);
  padding: var(--lvr-card-p);
  text-decoration: none;
  z-index: 2;
  box-shadow: 0 2px 12px rgba(0,0,0,.18);
  overflow: hidden;
}
.lvr .lvr-prod__img {
  flex-shrink: 0; width: var(--lvr-img); height: var(--lvr-img);
  border-radius: 6px; overflow: hidden; background: #f0f0f0;
}
.lvr .lvr-prod__img img { width: 100%; height: 100%; object-fit: cover; display: block; margin: 0; }
.lvr .lvr-prod__txt { flex: 1; min-width: 0; }
.lvr .lvr-prod__name {
  display: block; font-size: var(--lvr-t-sz); font-weight: 600; line-height: 1.3;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #111;
}
.lvr .lvr-prod__price { display: block; font-size: var(--lvr-p-sz); color: #111; line-height: 1.3; }
.lvr .lvr-prod__price s { color: #aaa; font-weight: 400; margin-right: 4px; }
.lvr .lvr-prod__price strong { font-weight: 700; color: var(--lvr-accent); }

/* ═════════════ SETAS E BOLINHAS ═════════════ */
.lvr .lvr-btn {
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 34px; height: 34px; border-radius: 50%; border: none; padding: 0;
  background: rgba(0,0,0,.6); color: #fff;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; z-index: 10; transition: background .2s;
}
.lvr .lvr-btn:hover { background: var(--lvr-accent); }
.lvr .lvr-prev { left: 8px; }
.lvr .lvr-next { right: 8px; }

.lvr .lvr-dots { display: flex; justify-content: center; gap: 7px; margin-top: 14px; }
.lvr .lvr-dot {
  width: 7px; height: 7px; border-radius: 50%; border: none; padding: 0;
  background: rgba(0,0,0,.2); cursor: pointer;
  transition: background .25s, transform .25s;
}
.lvr .lvr-dot.is-active { background: var(--lvr-accent); transform: scale(1.4); }

.lvr .lvr-notice {
  margin: 0 16px; padding: 24px; text-align: center; font-size: 14px;
  border: 2px dashed var(--lvr-accent); border-radius: 12px; color: #555; background: #fff;
}

/* ═════════════ CELULAR ═════════════ */
@media (max-width: 749px) {
  .lvr .lvr-slide { flex-basis: var(--lvr-w-mob); width: var(--lvr-w-mob); margin-right: var(--lvr-gap-mob); }
  .lvr .lvr-btn { width: 30px; height: 30px; }
}
.lvr .lvr-video{background:#111}