.home-auction-banner {
  padding: 20px 0 0;
  background: var(--navy-1000);
}

.home-auction-banner-inner {
  min-height: 78px;
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  align-items: center;
  gap: 22px;
  padding: 15px 20px;
  border: 1px solid rgba(239, 68, 68, 0.22);
  border-radius: 14px;
  background:
    linear-gradient(
      90deg,
      rgba(239, 68, 68, 0.08),
      rgba(255, 203, 87, 0.05)
    ),
    rgba(8, 26, 48, 0.72);
}

.home-auction-live {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #ff9898;
  font-size: 0.62rem;
  font-weight: 900;
  text-transform: uppercase;
}

.home-auction-live span {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #ff5b5b;
  box-shadow: 0 0 14px rgba(255, 91, 91, 0.8);
}

.home-auction-copy strong,
.home-auction-copy span {
  display: block;
}

.home-auction-copy strong {
  font-size: 0.8rem;
}

.home-auction-copy span,
.home-auction-time span {
  margin-top: 3px;
  color: var(--gray-500);
  font-size: 0.62rem;
}

.home-auction-banner-inner > a {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  padding: 0 15px;
  border-radius: 10px;
  color: var(--navy-1000);
  background: var(--gold);
  font-size: 0.62rem;
  font-weight: 900;
  text-transform: uppercase;
}

@media (max-width: 750px) {
  .home-auction-banner-inner {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .home-auction-banner-inner > a {
    justify-content: center;
  }
}


.home-auction-time strong {
  display: block;
  margin-top: 4px;
  color: var(--white);
  font-size: 0.78rem;
}

.home-auction-banner.warning .home-auction-banner-inner {
  border-color: rgba(255, 203, 87, 0.36);
}

.home-auction-banner.urgent .home-auction-banner-inner {
  border-color: rgba(255, 145, 0, 0.5);
  box-shadow: 0 0 22px rgba(255, 145, 0, 0.08);
}

.home-auction-banner.critical .home-auction-banner-inner {
  border-color: rgba(255, 91, 91, 0.55);
  animation: homeAuctionPulse 1.2s ease-in-out infinite;
}

.home-auction-banner.finished {
  opacity: 0.78;
}

@keyframes homeAuctionPulse {
  0%,
  100% {
    box-shadow: 0 0 0 rgba(255, 91, 91, 0);
  }

  50% {
    box-shadow: 0 0 26px rgba(255, 91, 91, 0.14);
  }
}