/*
Generated time: April 2, 2026 16:27
Original file created by the app developer and minified by AVADA.
Arquivo reorganizado para evitar conflitos e padronizar o card de produto do Video Commerce.
*/

/* ===== BASE DO CARD DE PRODUTO NO VÍDEO ===== */
.video-item__product{
  left:14px !important;
  right:14px !important;
  bottom:14px !important;
  --color-heading:#fff;
  --dark-grey:#fff;
  --color-primary:#fff;
}

/* Mantém comportamento original do app: esconde o card em telas maiores */
@media (min-width:768px){
  .shopable-video .video-item__product{
    display:none;
  }
}

/* ===== CARD / CONTAINER ===== */
.video-item__product .product-item__wrapper{
  position:relative !important;
  display:grid !important;
  grid-template-columns:52px minmax(0,1fr) !important;
  align-items:center !important;
  column-gap:10px !important;

  width:100% !important;
  min-height:110px !important;
  height:110px !important;
  max-width:100% !important;

  padding:10px 12px !important;
  overflow:hidden !important;
  border-radius:16px !important;

  background:rgba(48,48,48,.72) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 8px 22px rgba(0,0,0,.20) !important;

  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
}

.video-item__product .product-item__wrapper:after{
  display:none !important;
  content:none !important;
}

/* ===== IMAGEM DO PRODUTO ===== */
.video-item__product .product-item__inner,
.video-item__product .product-item__media,
.video-item__product .product-item__media--ratio{
  position:relative !important;
  z-index:2 !important;

  width:52px !important;
  min-width:52px !important;
  max-width:52px !important;

  height:72px !important;
  min-height:72px !important;
  max-height:72px !important;

  overflow:hidden !important;
  border-radius:10px !important;
}

.video-item__product .product-item__inner img,
.video-item__product .product-item__media img,
.video-item__product .product-item__media--ratio img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center !important;
  border-radius:10px !important;
}

/* ===== INFORMAÇÕES DO PRODUTO ===== */
.video-item__product .product-item__information{
  position:relative !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  z-index:2 !important;

  width:100% !important;
  min-width:0 !important;
  height:72px !important;

  padding:0 !important;
  color:#fff !important;

  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  gap:0 !important;

  --color-heading:#fff;
  --color-primary:#fff;
}

/* ===== TÍTULO ===== */
.video-item__product .product-item__name{
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;

  min-height:32px !important;
  max-height:32px !important;

  overflow:hidden !important;
  text-overflow:ellipsis !important;

  margin:0 !important;
  padding:0 !important;

  font-size:11.5px !important;
  font-weight:700 !important;
  line-height:1.3 !important;
  letter-spacing:.1px !important;
  color:#fff !important;
  text-decoration:none !important;
}

/* ===== ÁREA DOS PREÇOS ===== */
.video-item__product .product-item__price,
.video-item__product .card-product-price,
.video-item__product .price{
  min-height:auto !important;
  height:auto !important;

  margin:0 !important;
  padding:0 !important;

  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-end !important;
  gap:4px !important;

  line-height:1 !important;
}

/* Remove espaçamentos automáticos do tema */
.video-item__product .card-product-price .price-regular:only-child,
.video-item__product .price-regular,
.video-item__product .price-sale,
.video-item__product .price-item{
  margin:0 !important;
  padding:0 !important;
  line-height:1 !important;
}

/* Preço riscado acima */
.video-item__product .compare-price,
.video-item__product .price-regular,
.video-item__product .price-regular s,
.video-item__product s.price-item{
  order:-1 !important;
  display:block !important;

  margin:0 !important;
  padding:0 !important;

  font-size:11px !important;
  font-weight:600 !important;
  line-height:1 !important;

  color:rgba(255,255,255,.48) !important;
}

/* Preço principal */
.video-item__product .price,
.video-item__product .price-sale,
.video-item__product .price-item:not(.compare-price),
.video-item__product .price ins,
.video-item__product .price .price-item{
  font-size:15px !important;
  font-weight:800 !important;
  line-height:1 !important;
  color:#E7D3B1 !important;
  text-decoration:none !important;
}

/* ===== ESCONDE ELEMENTOS EXTRAS DO CARD ===== */
.video-item__product .parcelamento,
.video-item__product .parcelamento-pix,
.video-item__product .pix-badge,
.video-item__product .product-item__vendor,
.video-item__product .product-item__badges,
.video-item__product .product-item__description,
.video-item__product .product-list-action{
  display:none !important;
}

/* ===== GRADIENTE DO VÍDEO ===== */
.video-item__popup-media--ratio::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,0) 50%,rgba(0,0,0,.6) 100%);
}

/* ===== MOBILE ===== */
@media (max-width:767.98px){
  .shopable-video .video-item__product .product-item__information{
    padding-right:0 !important;
  }

  .video-item__product{
    left:10px !important;
    right:10px !important;
    bottom:10px !important;
  }

  .video-item__product .product-item__wrapper{
    grid-template-columns:46px minmax(0,1fr) !important;
    min-height:96px !important;
    height:96px !important;

    padding:8px 10px !important;
    column-gap:9px !important;
    border-radius:15px !important;
  }

  .video-item__product .product-item__inner,
  .video-item__product .product-item__media,
  .video-item__product .product-item__media--ratio{
    width:46px !important;
    min-width:46px !important;
    max-width:46px !important;

    height:62px !important;
    min-height:62px !important;
    max-height:62px !important;

    border-radius:9px !important;
  }

  .video-item__product .product-item__inner img,
  .video-item__product .product-item__media img,
  .video-item__product .product-item__media--ratio img{
    border-radius:9px !important;
  }

  .video-item__product .product-item__information{
    height:62px !important;
  }

  .video-item__product .product-item__name{
    min-height:28px !important;
    max-height:28px !important;

    font-size:10.8px !important;
    line-height:1.28 !important;
  }

  .video-item__product .compare-price,
  .video-item__product .price-regular,
  .video-item__product .price-regular s,
  .video-item__product s.price-item{
    font-size:10px !important;
  }

  .video-item__product .price,
  .video-item__product .price-sale,
  .video-item__product .price-item:not(.compare-price),
  .video-item__product .price ins,
  .video-item__product .price .price-item{
    font-size:13.5px !important;
  }

  .btn-shopable{
    position:absolute;
    z-index:1;
    right:1rem;
  }

  .shopable-video__product-information{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    width:100%;
    transform:translateY(0);
    transition:var(--transition);
  }
}


.video-product-card{
  display:grid;
  grid-template-columns:52px 1fr;
  gap:10px;

  align-items:center;

  padding:10px;
  border-radius:16px;

  background:rgba(45,45,45,.78);
  backdrop-filter:blur(14px);

  min-height:96px;
}

.video-product-image img{
  width:52px;
  height:72px;
  object-fit:cover;
  border-radius:10px;
}

.video-product-info{
  display:flex;
  flex-direction:column;
  justify-content:space-between;

  min-width:0;
  height:72px;
}

.video-product-title{
  font-size:11px;
  line-height:1.3;
  font-weight:700;
  color:#fff;

  text-decoration:none;

  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;

  overflow:hidden;
}

.video-product-old-price{
  font-size:10px;
  color:rgba(255,255,255,.5);
  text-decoration:line-through;
}

.video-product-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.video-product-price{
  font-size:16px;
  font-weight:800;
  color:#E7D3B1;
}

.video-product-button{
  height:34px;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:0 14px;

  border-radius:10px;

  background:#fff;
  color:#000;

  font-size:12px;
  font-weight:600;
  text-decoration:none;
}
```