.notice-viewport {
  height: 112px;
  overflow: hidden;
  border-top: 1px solid var(--line);
}
.notice-slide { animation: noticeDown .55s ease both; }
.slider-dots { display:flex; gap:6px; justify-content:center; margin-top:14px; }
.slider-dots span,
.meal-preview button { width:7px; height:7px; border:0; border-radius:99px; background:#d7dbe0; padding:0; transition:.25s; }
.slider-dots span.active { width:22px; background:var(--orange); }
.meal-list { display:block; min-height:115px; }
.meal-slide { position:relative; animation:mealUp .55s ease both; min-height:84px; padding:20px; }
.meal-slide strong { display:block; font-size:22px; }
.meal-slide span { position:absolute; right:16px; bottom:12px; font-size:11px; color:#fff9; }
.meal-preview { display:flex; gap:7px; justify-content:center; margin-top:10px; }
.meal-preview button { background:#ffffff55; }
.meal-preview button.active { width:25px; background:#fff; }
@keyframes noticeDown { from { opacity:0; transform:translateY(-22px); } to { opacity:1; transform:translateY(0); } }
@keyframes mealUp { from { opacity:0; transform:translateY(20px); } to { opacity:1; transform:translateY(0); } }
@media (prefers-reduced-motion:reduce) { .notice-slide,.meal-slide { animation:none; } }