body {
  font-family: "Satoshi", sans-serif;
  background-image: url("mary2.jpeg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#interactive {
  width: 100%;
  height: 100%;
}

#interactive video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* Alterado */
.scanner-overlay {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* Ajustado para coincidir aproximadamente com a 'area' configurada no JS */
  width: 70%; /* Correspondente a 100% - (left 15% + right 15%) */
  height: 50%; /* Correspondente a 100% - (top 25% + bottom 25%) */
  border: 3px solid #fcd34d;
  border-radius: 24px;
  box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.5);
  pointer-events: none;
}

.scanner-line {
  position: absolute;
  width: 100%;
  height: 3px;
  background: #fcd34d;
  top: 50%;
}

@keyframes scan {
  0%,
  100% {
    top: 10%;
  }
  50% {
    top: 90%;
  }
}

.corner {
  position: absolute;
  width: 40px;
  height: 40px;
  border: 4px solid #fcd34d;
}

.corner-tl {
  top: -2px;
  left: -2px;
  border-right: none;
  border-bottom: none;
  border-radius: 24px 0 0 0;
}
.corner-tr {
  top: -2px;
  right: -2px;
  border-left: none;
  border-bottom: none;
  border-radius: 0 24px 0 0;
}

.corner-bl {
  bottom: -2px;
  left: -2px;
  border-right: none;
  border-top: none;
  border-radius: 0 0 0 24px;
}

.corner-br {
  bottom: -2px;
  right: -2px;
  border-left: none;
  border-top: none;
  border-radius: 0 0 24px 0;
}

.product-modal-container {
  max-height: 80vh;
  overflow-y: auto;
}

@keyframes glow-pulse {
  0% {
    text-shadow: 0 0 0px rgba(34, 197, 94, 0);
    transform: scale(1);
  }
  50% {
    text-shadow: 0 0 15px rgba(34, 197, 94, 0.8), 0 0 30px rgba(34, 197, 94, 0.4);
    transform: scale(1.1);
    color: #4ade80; /* Um verde brilhante do Tailwind */
  }
  100% {
    text-shadow: 0 0 0px rgba(34, 197, 94, 0);
    transform: scale(1);
  }
}

.animate-glow {
  animation: glow-pulse 0.8s ease-out;
  display: inline-block; /* Necessário para o efeito de 'scale' funcionar bem */
}