/* Atash Glass Header — styles */
:root{
  --am-ink:#1b1f23;
  --am-glass:rgba(255,255,255,.45);
  --am-stroke:rgba(0,0,0,.06);
  --am-accent:#E30613; /* brand red */
}

.am-glassbar{
  display:flex; gap:12px; align-items:center;
  padding:8px 12px; border-radius:14px;
  background:var(--am-glass);
  backdrop-filter:saturate(140%) blur(10px);
  -webkit-backdrop-filter:saturate(140%) blur(10px);
  border:1px solid var(--am-stroke);
  box-shadow:0 8px 30px rgba(0,0,0,.06);
  color:var(--am-ink);
  font:500 14px/1.6 system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}
.am-chip{
  display:flex; align-items:center; white-space:nowrap; font-weight:600;
  gap:6px; padding:8px 12px; border-radius:999px;
  background:rgba(255,255,255,.55);
  backdrop-filter:saturate(140%) blur(6px);
  -webkit-backdrop-filter:saturate(140%) blur(6px);
  border:1px solid rgba(0,0,0,.06);
}
.am-sep{opacity:.35;margin:0 4px;font-weight:500}
.am-ticker{
  position:relative; flex:1; height:40px; overflow:hidden;
  background:rgba(255,255,255,.38);
  backdrop-filter:saturate(140%) blur(6px);
  -webkit-backdrop-filter:saturate(140%) blur(6px);
  border:1px solid rgba(0,0,0,.06);
  border-radius:12px; display:flex; align-items:center;
}
.am-ticker::before,.am-ticker::after{
  content:""; position:absolute; top:0; width:42px; height:100%; z-index:2; pointer-events:none;
  background:linear-gradient(to left, rgba(255,255,255,0) 0%, rgba(255,255,255,.9) 100%);
}
.am-ticker::before{ right:0; transform:scaleX(-1) }
.am-ticker::after{ left:0 }
.am-track{
  display:inline-flex; gap:28px; padding-inline:16px; white-space:nowrap;
  will-change:transform; animation:am-mq 28s linear infinite;
}
.am-ticker:hover .am-track{ animation-play-state:paused }
.am-track span{ color:var(--am-accent); font-weight:600; line-height:40px }
@keyframes am-mq{ from{ transform:translateX(0) } to{ transform:translateX(-50%) } }

@media (max-width:768px){
  .am-glassbar{ flex-direction:column; align-items:stretch; gap:8px; }
  .am-chip{ justify-content:flex-start; }
}