/* ============================================================
   КОРЗИНА В ШАПКЕ (VIPdosug.biz)
   ============================================================ */
.header-right { display: flex; align-items: center; gap: .625rem; }

/* --- Кнопка корзины --- */
.basket-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: .625rem;
  padding: .5rem .875rem .5rem .5rem;
  border-radius: var(--radius);
  background: #fff;
  color: var(--text);
  text-decoration: none;
  border: 1.5px solid #e5e7eb;
  box-shadow: var(--shadow-sm);
  line-height: 1.1;
  white-space: nowrap;
  transition: background .15s, border-color .15s, box-shadow .15s, transform .15s;
}
.basket-btn:hover,
.basket-btn:focus-visible {
  background: #fff0f6;
  border-color: #d1d5db;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(255,46,136,.15);
  outline: none;
}

/* --- Иконка (квадрат 36x36) --- */
.basket-btn__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: linear-gradient(135deg, #ffe9f2, #ffd6e9);
  box-shadow: inset 0 0 0 1px rgba(255,46,136,.12);
  flex-shrink: 0;
  animation: iconPulse 2s ease-in-out infinite;
}

/* Пульсация иконки */
@keyframes iconPulse {
  0%, 100% { transform: scale(1); }
  50%      { transform: scale(1.08); }
}

/* Картинка корзины с сердечком (SVG) */
.basket-btn__icon::before {
  content: "";
  width: 26px;
  height: 26px;
  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M3 6h18l-1.6 12.2a2 2 0 0 1-2 1.8H6.6a2 2 0 0 1-2-1.8L3 6Z' fill='%23ff2e88' fill-opacity='0.12'/><path d='M3 6h18l-1.6 12.2a2 2 0 0 1-2 1.8H6.6a2 2 0 0 1-2-1.8L3 6Z' stroke='%23ff2e88' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/><path d='M8 6a4 4 0 0 1 8 0' stroke='%23ff2e88' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/><path d='M12 18.4c-.35 0-.7-.12-.98-.36C9.4 16.7 6.6 14.1 6.6 11.55a2.42 2.42 0 0 1 4.3-1.5l1.1 1.35 1.1-1.35a2.42 2.42 0 0 1 4.3 1.5c0 2.55-2.8 5.15-4.42 6.49-.28.24-.63.36-.98.36Z' fill='%23ff2e88' stroke='%23ff2e88' stroke-width='1.2' stroke-linejoin='round'/></svg>") center/contain no-repeat;
  transition: transform .25s;
}

/* Наведение — остановить пульсацию и увеличить */
.basket-btn:hover .basket-btn__icon {
  animation-play-state: paused;
}
.basket-btn:hover .basket-btn__icon::before {
  transform: scale(1.15) rotate(-3deg);
}

/* --- Текст кнопки --- */
.basket-btn__text { display: flex; flex-direction: column; line-height: 1.15; }
.basket-btn__title { font-size: .875rem; font-weight: 800; color: var(--text); }
.basket-btn__sub   { font-size: .6875rem; font-weight: 600; color: var(--muted); }

/* --- Бейдж с цифрой (по центру) --- */
.basket-btn__count {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--pink);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  border-radius: 50%;
  border: 1.5px solid #fff;
  box-shadow: 0 2px 6px rgba(255,46,136,.45);
}
.basket-btn__count[hidden] { display: none !important; }
.basket-btn__count.is-bump { animation: bump .35s; }

@keyframes bump {
  0%   { transform: scale(1); }
  40%  { transform: scale(1.4); }
  100% { transform: scale(1); }
}

/* --- Мобильная версия (круглая иконка) --- */
@media (max-width: 640px) {
  .basket-btn { padding: .375rem; gap: 0; border-radius: 50%; }
  .basket-btn__text { display: none; }
  .basket-btn__icon { width: 42px; height: 42px; border-radius: 50%; }
}

/* Отключаем анимации при reduced-motion */
@media (prefers-reduced-motion: reduce) {
  .basket-btn__icon { animation: none; }
  .basket-btn:hover .basket-btn__icon::before { transform: none; }
}