/* --------------------------------------------------------
   Уведомления (панель колокольчика)
   -------------------------------------------------------- */

.notify-list   {list-style:none;margin:0;padding:0;font-size:14px;}
.notify-item   {display:flex;gap:10px;padding:12px 14px;border-bottom:1px solid #f0f2f7;cursor:pointer;}
.notify-item:last-child{border-bottom:none}
.notify-item:hover      {background:#f5f8ff}

/* точка «не прочитано» */
.notify-item.unread::before{
  content:'';
  display:block;
  width:8px;height:8px;
  border-radius:50%;
  background:#1e64ff;
  margin-top:6px;
}

/* текст и дата внутри */
.notify-text {flex:1;line-height:1.35}
.notify-date {white-space:nowrap;color:#999;font-size:12px}

/* иконка в тексте (необязательная) */
.notify-icon{
  width:20px;height:20px;
  flex:0 0 20px;
  display:flex;align-items:center;justify-content:center;
  color:#1e64ff;font-size:16px;
}

/* «Показать ещё» */
#notify-more{
  display:block;text-align:center;padding:12px;
  color:#1e64ff;font-size:14px;border-top:1px solid #f0f2f7
}
#notify-more:hover{background:#f5f8ff;text-decoration:none}

/* скролл всегда приятный :-) */
.notify-list::-webkit-scrollbar{width:6px}
.notify-list::-webkit-scrollbar-thumb{background:#d8dbe5;border-radius:3px}

/* скрыть панель, если JS добавил hidden */
.notify-panel[hidden]{display:none}

/* адаптив: на очень маленьких экранах растянем на всю ширину */
@media (max-width:480px){
  .notify-panel{left:0;right:0;margin:0 auto;width:auto}
}

/* Карточки пакетов оффера: цена и кнопка всегда по нижней линии. */
.market-page--offer .offer-package__meta{
  margin-top:auto;
}