/* ══════════════════════════════════════════════════════════════════
   SHUNGITE BRAND LOGO & TYPOGRAPHY ENGINE (CANONICAL v3.0)
   LAW: ZERO NON-PROPORTIONAL DISTORTION (ASPECT-RATIO INVARIANCE)
   Букви назви та геометрія логотипу 100% недоторканні.
   Заборонено: scaleX != scaleY, rotateY/rotateX (псевдо-3D сплющення), skew.
   ══════════════════════════════════════════════════════════════════ */

.shungite-logo-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  aspect-ratio: auto;
}

.shungite-logo-svg {
  width: 100%;
  height: auto;
  display: block;
  /* Суворе збереження вихідних пропорцій 1:1 */
  transform: none !important;
}

/* ══════ СЛОВОФОРМА / БУКВИ (100% СТАТИЧНІ ТА НЕДОТОРКАННІ) ══════ */
.shungite-wordmark,
.shungite-wordmark path,
.shungite-wordmark text {
  transform: none !important;
  transform-origin: initial !important;
  font-stretch: normal !important;
  letter-spacing: normal;
  /* Букви бренду ніколи не змінюються непропорційно */
}

/* ══════ ВЕРХНІЙ ЗНАК КРИСТАЛУ (СВІТЛОВІ ЕФЕКТИ БЕЗ СПЛЮЩЕННЯ) ══════ */
.shungite-crystal {
  transform-origin: 368.61px 115.36px;
  transform-box: view-box;
  will-change: filter, transform;
  transition: filter 0.4s ease, transform 0.4s ease;
  cursor: pointer;
}

/* 1. SIGNATURE GOLDEN HALO & SHIMMER (1.0 SEC HIGHLIGHT)
   Геометрія та букви зберігаються 1:1. Тільки світловий ореол та відблиск. */
.anim-spin,
.anim-shimmer,
.shungite-logo-wrap:hover .shungite-crystal {
  animation: shungitePureHalo 1.0s cubic-bezier(0.22, 1, 0.36, 1) forwards !important;
}
@keyframes shungitePureHalo {
  0% {
    filter: drop-shadow(0 0 0px transparent) brightness(1);
    transform: scale(1);
  }
  30% {
    filter: drop-shadow(0 0 16px rgba(212, 175, 55, 0.9)) drop-shadow(0 0 32px rgba(212, 175, 55, 0.6)) brightness(1.35);
    transform: scale(1.04); /* Рівномірне симетричне збільшення X=Y */
  }
  60% {
    filter: drop-shadow(0 0 24px rgba(212, 175, 55, 1)) drop-shadow(0 0 44px rgba(255, 235, 170, 0.8)) brightness(1.5);
    transform: scale(1.05);
  }
  85% {
    filter: drop-shadow(0 0 12px rgba(138, 106, 61, 0.6)) brightness(1.15);
    transform: scale(1.02);
  }
  100% {
    filter: drop-shadow(0 0 0px transparent) brightness(1);
    transform: scale(1);
  }
}

/* 2. FULLERENE C60 BIO-PULSE (РІВНОМІРНЕ СИМЕТРИЧНЕ ДИХАННЯ) */
.anim-pulse {
  animation: shungiteBioPulse 1.0s cubic-bezier(0.34, 1.56, 0.64, 1) forwards !important;
}
@keyframes shungiteBioPulse {
  0% {
    transform: scale(1);
    filter: drop-shadow(0 0 0px transparent);
  }
  40% {
    transform: scale(1.06); /* Симетричний масштаб без сплющення */
    filter: drop-shadow(0 0 18px rgba(56, 189, 248, 0.9)) drop-shadow(0 0 32px rgba(139, 92, 246, 0.7));
  }
  75% {
    transform: scale(1.02);
    filter: drop-shadow(0 0 10px rgba(56, 189, 248, 0.5));
  }
  100% {
    transform: scale(1);
    filter: drop-shadow(0 0 0px transparent);
  }
}

/* 3. SUBTLE 2D ROTATION (ПЛОСКЕ МІКРО-КОЛИВАННЯ БЕЗ 3D-СПЛЮЩЕННЯ) */
.anim-twist {
  animation: shungitePlanarTilt 1.0s cubic-bezier(0.25, 1, 0.5, 1) forwards !important;
}
@keyframes shungitePlanarTilt {
  0% {
    transform: rotate(0deg) scale(1);
    filter: drop-shadow(0 0 0px transparent);
  }
  30% {
    transform: rotate(-6deg) scale(1.04);
    filter: drop-shadow(0 0 18px rgba(212, 175, 55, 0.85));
  }
  65% {
    transform: rotate(4deg) scale(1.03);
    filter: drop-shadow(0 0 14px rgba(212, 175, 55, 0.65));
  }
  100% {
    transform: rotate(0deg) scale(1);
    filter: drop-shadow(0 0 0px transparent);
  }
}