/* KOMENDANT LOGO V2 — TYLKO HERO: rozmiar, swiatlo, animacja. */
/* Nie modyfikuje panelu HUB, API, sekcji statystyk ani rankingow. */
body.v3 .hero .v3-symbol-stage.k-clean-stage {
  width: min(100%, 555px)!important;
  max-width: 555px!important;
  min-height: 458px!important;
  height: 458px!important;
  overflow: visible!important;
}
body.v3 .hero .k-clean-mark {
  width: min(100%, 492px)!important;
  max-width: 492px!important;
  position: relative!important;
  isolation: isolate;
  animation: km-v2-float 7s ease-in-out infinite!important;
}
body.v3 .hero .k-clean-mark::before {
  inset: 14%!important;
  background: radial-gradient(circle,
    rgba(143,75,192,.26), rgba(113,54,170,.11) 43%, transparent 73%)!important;
  filter: blur(30px)!important;
  animation: km-v2-halo 6.8s ease-in-out infinite;
}
body.v3 .hero .k-clean-mark img[src*="komendant-logo-home"] {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%!important;
  height: auto!important;
  filter: brightness(1.14) contrast(1.07) saturate(1.07)
    drop-shadow(0 14px 24px rgba(0,0,0,.26))
    drop-shadow(0 0 11px rgba(170,106,216,.13))!important;
  transform-origin: center center;
  transition: filter .5s ease, scale .5s ease;
}
/* Blask po metalowym napisie — delikatny, raz na kilka sekund.
   Uzywamy CSS, bez drugiego obrazka i bez ingerencji w oryginalny WebP. */
body.v3 .hero .k-clean-mark::after {
  content: '';
  position: absolute;
  z-index: 2;
  pointer-events: none;
  left: 4%; right: 4%; top: 52%; height: 27%;
  background: linear-gradient(109deg,
    transparent 31%, rgba(255,232,255,0) 43%,
    rgba(255,222,255,.17) 50%, rgba(233,172,255,.07) 53%,
    transparent 64%);
  -webkit-mask-image: linear-gradient(to bottom,
    transparent 0%, #000 21%, #000 82%, transparent 100%);
  mask-image: linear-gradient(to bottom,
    transparent 0%, #000 21%, #000 82%, transparent 100%);
  mix-blend-mode: screen;
  opacity: 0;
  transform: translateX(-105%) skewX(-8deg);
  animation: km-v2-shine 9s ease-in-out 2.5s infinite;
}
body.v3 .hero .k-clean-mark:hover img[src*="komendant-logo-home"] {
  filter: brightness(1.23) contrast(1.08) saturate(1.12)
    drop-shadow(0 15px 30px rgba(0,0,0,.30))
    drop-shadow(0 0 20px rgba(181,103,238,.27))!important;
  scale: 1.025;
}
@keyframes km-v2-float {
  0%, 100% {transform: translateY(0)}
  50% {transform: translateY(-7px)}
}
@keyframes km-v2-halo {
  0%, 100% {opacity: .69; transform:scale(.98)}
  50% {opacity: 1; transform:scale(1.045)}
}
@keyframes km-v2-shine {
  0%, 53%, 100% {opacity:0; transform:translateX(-105%) skewX(-8deg)}
  58% {opacity:.45}
  66% {opacity:.66; transform:translateX(40%) skewX(-8deg)}
  75% {opacity:0; transform:translateX(115%) skewX(-8deg)}
}
@media (max-width:900px) {
  body.v3 .hero .v3-symbol-stage.k-clean-stage {
    min-height:380px!important; height:380px!important;
  }
  body.v3 .hero .k-clean-mark {
    width:min(100%,395px)!important;
  }
}
@media (max-width:700px) {
  body.v3 .hero .v3-symbol-stage.k-clean-stage {
    width:min(100%,400px)!important;
    min-height:319px!important; height:319px!important;
  }
  body.v3 .hero .k-clean-mark {
    width:min(100%,312px)!important;
  }
}
@media (max-width:420px) {
  body.v3 .hero .v3-symbol-stage.k-clean-stage {
    min-height:267px!important; height:267px!important;
  }
  body.v3 .hero .k-clean-mark {
    width:min(100%,260px)!important;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.v3 .hero .k-clean-mark,
  body.v3 .hero .k-clean-mark::before,
  body.v3 .hero .k-clean-mark::after {
    animation: none!important;
  }
  body.v3 .hero .k-clean-mark::after {opacity:0!important}
  body.v3 .hero .k-clean-mark img[src*="komendant-logo-home"] {
    animation: none!important;
    transition: none!important;
  }
}