/* Обёртка — якорь для абсолютной выпадашки */
.user-cart-wrapper {
  position: relative;
  display: inline-flex;
  align-items: center;
}

/* Триггер берёт внешний стиль из header.css (.btn .btn-outline).
   Здесь — только «не ломать текст» */
.user-cart-button { white-space: nowrap; }

/* Выпадашка: тёмный текст */
.user-cart-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  width: 320px;
  max-width: 92vw;
  background: #fff;
  color: #111;
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 12px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
  z-index: 120;
}
.user-cart-dropdown * { color: inherit; }

.user-cart-dropdown .section { margin-bottom: 12px; font-size: 14px; }
.user-cart-dropdown ul { list-style: none; padding: 0; margin: 8px 0; }
.user-cart-dropdown li { padding: 4px 0; }

.hidden { display: none !important; }

/* Небольшая «чип»-кнопка для очистки */
.btn-chip {
  display: inline-flex; align-items: center; gap: .35rem;
  padding: .25rem .55rem; border-radius: 9999px; border: 1px solid #dadada;
  background: #f7f7f7; color: #222; font-size: 12px; cursor: pointer;
}

/* CTA внутри попапа */
.register-button {
  width: 100%;
  background: linear-gradient(rgba(255,255,255,.04), rgba(255,255,255,.02)) padding-box, linear-gradient(135deg, #ff54e4, #ff000063) border-box;
  color: #fff;
  padding: 10px 12px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 700;
}

/* Короткий лейбл на кнопке при узких/средних ширинах */
@media (max-width: 1200px) {
  .user-cart-button .full-text { display: none; }
  .user-cart-button::after { content: attr(data-short); }
}