.side-cu {
  position: fixed;
  right: 1.5rem;
  bottom: 2rem;
  z-index: 900;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  background: var(--color-brand-primary);
  color: #fff;
  border-radius: var(--radius-pill);
  box-shadow: 0 4px 16px rgba(0, 147, 216, 0.35);
  transition: transform var(--transition-default), background var(--transition-default);
}

.side-cu:hover {
  background: var(--color-brand-deep);
  transform: translateY(-2px);
}

.side-cu-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

.side-cu-text {
  font-size: 0.9rem;
}

@media (max-width: 640px) {
  .side-cu-text { display: none; }
  .side-cu { padding: 0.85rem 1rem; border-radius: 50%; }
}