/* Keyframes остаются без изменений */
@keyframes heart-scale-up {
    from { scale: 1; }
    to { scale: 1.25; }
  }
  
  @keyframes sparks-appear {
    from { opacity: 0; }
    to { opacity: 1; }
  }
  
  /* Базовые состояния */
  .like-icon .core {
    fill: transparent;
    transition: fill 0.3s linear 0.03s;
  }
  
  .like-icon .main-body {
    fill: transparent;
    transition: fill 0.3s linear;
  }
  
  .like-icon .contour {
    fill: var(--heart-contour-color);
    transition: fill 0.1s linear;
  }
  
  .like-icon .sparks {
    opacity: 0;
    fill: var(--heart-sparks-color);
  }
  
  /* Hover: сердце заполняется черным */
  .like-icon:hover .core {
    fill: var(--heart-contour-color);
  }
  
  .like-icon:hover .main-body {
    fill: var(--heart-contour-color);
    transition-delay: 0.05s;
  }
  
  /* МОМЕНТ НАЖАТИЯ (Зажали мышку) */
  /* Контур остается черным, пока палец на кнопке */
  .like-icon:active .core,
  .like-icon:active .main-body {
    fill: var(--heart-sparks-color);
  }
  
  .like-icon:active .contour {
    fill: var(--heart-contour-color);
  }
  
  /* СОСТОЯНИЕ ЛАЙКА (Отпустили мышку) */
  /* Контур становится красным и "исчезает", сливаясь с телом */
  .like-icon.is-liked .core,
  .like-icon.is-liked .main-body,
  .like-icon.is-liked .contour {
    fill: var(--heart-sparks-color);
  }
  
  
  /* Задержки для плавности состояния is-liked */
  .like-icon.is-liked .core {
    transition: fill 0.3s linear 0.03s;
  }
  
  .like-icon.is-liked .main-body {
    transition: fill 0.3s linear;
  }
  
  .like-icon.is-liked .contour {
    transition: fill 0.3s linear 0.06s;
  }
  
  /* Анимации */
  .like-icon.is-liked {
    animation: heart-scale-up 0.3s ease-in 0.1s 1 alternate;
    transform-origin: center;
  }
  
  .like-icon.is-liked .sparks {
    animation: sparks-appear 0.3s ease-in 0.3s 1 alternate;
  }