.marquee {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.track {
  display: flex;
  width: max-content;
  animation: scroll 30s linear infinite;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.hero-bg-wrapper {
  pointer-events: none;
  position: absolute;
  width: 100%;
  overflow: hidden;
  height: 287px;
  top: 0;
}

.hover-primary-shadow:hover {
  box-shadow: 0 0 20px 4px hsla(var(--primary), 0.6);
}

.hero-bg {
  left: calc(50vw - 624px);
  pointer-events: none;
  position: absolute;
  top: 50px;
  width: 1248px;
  overflow: hidden;
}

.bg-top {
  background-image: url('https://cdn.centralcart.com.br/public/assets/templates/KOPY/bg-top.png');
  height: 202px;
  margin-bottom: 85px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
}

.bg-mask {
  mask-image: url('https://cdn.centralcart.com.br/public/assets/templates/KOPY/bg-mask.png');

  transition: 1s cubic-bezier(.6,.6,0,1) opacity;

  left: 0;
  -webkit-mask-size: cover;
  mask-size: cover;
  top: 0;
  width: 100%;

  z-index: 9;

  mask-repeat: no-repeat;
  height: 100%;
  position: absolute;
}

.bg-mask > div {
  animation: anim 6s infinite cubic-bezier(.35,.35,.3,.7);
  background: linear-gradient(180deg, hsl(var(--primary) / 0.5) 0%, hsl(var(--primary)) 100%, hsl(var(--primary)) 100%, hsl(var(--primary) / 0.5) 0%);
  height: 200px;
  position: relative;
  top: 0;
  z-index: 88888;
  width: 100%;
}

.hero-lights {
  background: 
    radial-gradient(27.12% 31.25% at 50% 0%, hsl(var(--primary) / 0.22), transparent),
    radial-gradient(28.64% 15.23% at 50% 64.17%, hsl(var(--primary) / 0.14), transparent);
  content: "";
  height: 1327px;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%); 
  width: 1640px;
}

.footer-bg {
  z-index: 1;
  height: 300px;
  background-color: hsl(var(--primary) / 0.2);
  -webkit-mask-image: url('https://cdn.centralcart.com.br/public/assets/templates/KOPY/footer-bg.png'); 
  mask-image: url('https://cdn.centralcart.com.br/public/assets/templates/KOPY/footer-bg.png');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  position: relative;
}

.custom-bg-mask {
  mask-image: linear-gradient(hsl(var(--background)), rgba(0, 0, 0, 0.3), rgb(0, 0, 0, 0));
}

/* Estilo personalizado para o botão "Acessar Loja" */
.store-access-btn {
  background-color: #dc2727 !important;
  color: #ffffff !important;
  border: 2px solid #dc2727 !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(220, 39, 39, 0.2);
  font-weight: 600;
}

.store-access-btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(220, 39, 39, 0.1), transparent);
  transition: left 0.6s ease;
}

.store-access-btn::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, transparent 30%, rgba(220, 39, 39, 0.05) 50%, transparent 70%);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.store-access-btn:hover {
  background-color: #ffffff !important;
  color: #dc2727 !important;
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 12px 30px rgba(220, 39, 39, 0.4), 0 0 20px rgba(220, 39, 39, 0.3);
  border-color: #dc2727 !important;
}

.store-access-btn:hover::before {
  left: 100%;
}

.store-access-btn:hover::after {
  opacity: 1;
}

.store-access-btn:active {
  transform: translateY(-1px) scale(0.98);
  transition: transform 0.1s;
}

.store-access-btn:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(220, 39, 39, 0.3), 0 2px 8px rgba(220, 39, 39, 0.2);
}

.store-access-btn svg {
  transition: all 0.3s ease;
  color: inherit;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));
}

.store-access-btn:hover svg {
  transform: scale(1.15) rotate(5deg);
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}