/* ==== FLW-ANNBAR (2025 Polished Edition) ==== */
.flws-annbar{
  --flws-h: 46px;
  --flws-gap: 26px;
  --flws-pad-x: 16px;
  --flws-pps: 70;
  --flws-start: -12px;
  --flws-distance: 50%;
  --flws-bg-1: #d9b28d;
  --flws-bg-2: #c59774;
  --flws-bg-3: #e1c3a3;
  --flws-fg: #fffaf5;
  --flws-icon: #fff;
  color: var(--flws-fg);
  position: relative;
  z-index: 40;
  background: linear-gradient(135deg, var(--flws-bg-1), var(--flws-bg-2), var(--flws-bg-3));
  border-top: 1px solid rgba(255,255,255,.25);
  border-bottom: 1px solid rgba(255,255,255,.25);
  overflow: hidden;
}

/* Inner structure */
.flws-annbar__inner{ height:var(--flws-h); display:flex; align-items:center; }
.flws-annbar__viewport{
  overflow:hidden; white-space:nowrap; flex:1; position:relative;
  -webkit-mask-image: linear-gradient(to right,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.7) 5%,
    rgba(0,0,0,1) 15%,
    rgba(0,0,0,1) 85%,
    rgba(0,0,0,.7) 95%,
    rgba(0,0,0,0) 100%);
  mask-image: linear-gradient(to right,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.7) 5%,
    rgba(0,0,0,1) 15%,
    rgba(0,0,0,1) 85%,
    rgba(0,0,0,.7) 95%,
    rgba(0,0,0,0) 100%);
}
.flws-annbar__track{
  display:flex; width:max-content;
  will-change: transform;
  animation: flws-marquee 20s linear infinite;
}
.flws-annbar__seq{ display:flex; gap:var(--flws-gap); padding:0 var(--flws-pad-x); }
.flws-annbar__item{
  display:inline-flex; align-items:center; gap:10px;
  font-weight:600; font-size:14px; letter-spacing:.2px;
  text-decoration:none; color:inherit;
  animation: flws-fade 2s ease-in-out infinite alternate;
}
.flws-annbar__item b{ font-weight:800; }
.flws-annbar__icon{ font-size:15px; color:var(--flws-icon); opacity:.95; }

/* Close button — light, clear, luxury */
.flws-annbar__close{
  position:absolute; right:10px; top:50%; transform:translateY(-50%);
  width:34px; height:34px;
  display:flex; justify-content:center; align-items:center;
  border-radius:50%;
  background: rgba(255,255,255,.8);
  color:#7a5a3f;
  border:1px solid rgba(0,0,0,.08);
  box-shadow: 0 4px 8px rgba(0,0,0,.15);
  transition:all .25s ease;
  z-index:5;
  cursor:pointer;
  backdrop-filter: blur(3px);
}
.flws-annbar__close i{ font-size:15px; }
.flws-annbar__close:hover{
  background:#fff;
  transform:translateY(-50%) scale(1.05);
  box-shadow:0 6px 14px rgba(0,0,0,.25);
}

/* Pause on hover */
.flws-annbar:hover .flws-annbar__track{ animation-play-state: paused; }

@keyframes flws-marquee{
  from{ transform:translate3d(var(--flws-start),0,0); }
  to{ transform:translate3d(calc(var(--flws-start) - var(--flws-distance)),0,0); }
}

/* fade effect for text scrolling */
@keyframes flws-fade{
  0%{ opacity:.8; filter:blur(.2px); }
  50%{ opacity:1; filter:blur(0); }
  100%{ opacity:.85; filter:blur(.15px); }
}

.flws-annbar.is-hidden{ animation: fadeout .3s ease forwards; }
@keyframes fadeout{ to{ opacity:0; height:0; margin:0; } }

@media (max-width:768px){
  .flws-annbar{ --flws-h: 50px; --flws-gap: 18px; --flws-pps: 58; --flws-start:-8px; }
  .flws-annbar__item{ font-size:13px; }
}