/* =========================================================
   ANTIQUE HOME — PROMO BANNER
   Self-contained. Sits above the header, inside the hero.
   Uses the site's own warm neutrals — no gold fill.
   ========================================================= */

.promo-bar{
  position:relative;
  z-index:4;
  overflow:hidden;
  background: linear-gradient(180deg, #23190F, #1C1611 90%);
  border-bottom:1px solid rgba(227,213,188,.16);
}

.promo-bar__text{
  display:flex;
  width:max-content;
  margin:0;
  padding: 10px 0;
  white-space:nowrap;
  font-family: var(--serif);
  font-style:italic;
  font-weight:500;
  font-size:13px;
  letter-spacing:.05em;
  color: rgba(246,241,232,.88);
  animation: promoScroll 20s linear infinite;
}
.promo-bar__text span{
  display:flex;
  align-items:center;
  padding-right:56px;
}
.promo-bar__text span::before{
  content:"";
  width:5px; height:5px;
  margin-right:20px;
  border:1px solid rgba(201,180,138,.7);
  transform: rotate(45deg);
  flex:none;
}

.promo-bar__num{
  position:relative;
  display:inline-flex;
  margin:0 .22em;
  font-style:normal;
  font-weight:600;
  color: var(--champagne, #E3D5BC);
  animation: promoGlow 3.2s ease-in-out infinite;
}

@keyframes promoScroll{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

@keyframes promoGlow{
  0%, 100%{ text-shadow: 0 0 0 rgba(227,213,188,0); }
  50%     { text-shadow: 0 0 10px rgba(227,213,188,.55); }
}

@media (min-width: 700px){
  .promo-bar__text{ font-size:13.5px; letter-spacing:.06em; padding:11px 0; }
  .promo-bar__text span{ padding-right:80px; }
  .promo-bar__text span::before{ margin-right:26px; }
}

@media (prefers-reduced-motion: reduce){
  .promo-bar__text,
  .promo-bar__num{ animation:none !important; }
  .promo-bar__text{ width:auto; justify-content:center; }
  .promo-bar__text span:last-child{ display:none; }
}