/* ===== Эффект привлечения внимания к коммерческому виджету — ИНФЕРНО =====
   Мотив: угли и живой огонь. В отличие от медузы, ритм НЕ ровный: неровное
   мерцание, как у пламени, плюс редкий короткий всплеск искры.
   ⛔ Геометрию .offw-b1/.offw-b2 не трогаем: только свечение и тень. */

@keyframes infEmber{
  0%  {filter:drop-shadow(0 6px 14px rgba(0,0,0,.6)) drop-shadow(0 0 6px rgba(255,110,20,.28))}
  13% {filter:drop-shadow(0 6px 14px rgba(0,0,0,.6)) drop-shadow(0 0 14px rgba(255,140,30,.5))}
  22% {filter:drop-shadow(0 6px 14px rgba(0,0,0,.6)) drop-shadow(0 0 7px rgba(255,110,20,.3))}
  37% {filter:drop-shadow(0 6px 14px rgba(0,0,0,.6)) drop-shadow(0 0 17px rgba(255,170,40,.58))}
  48% {filter:drop-shadow(0 6px 14px rgba(0,0,0,.6)) drop-shadow(0 0 8px rgba(255,110,20,.3))}
  61% {filter:drop-shadow(0 6px 14px rgba(0,0,0,.6)) drop-shadow(0 0 12px rgba(255,140,30,.45))}
  74% {filter:drop-shadow(0 6px 14px rgba(0,0,0,.6)) drop-shadow(0 0 6px rgba(255,110,20,.26))}
  88% {filter:drop-shadow(0 6px 14px rgba(0,0,0,.6)) drop-shadow(0 0 19px rgba(255,190,60,.62))}
  100%{filter:drop-shadow(0 6px 14px rgba(0,0,0,.6)) drop-shadow(0 0 6px rgba(255,110,20,.28))}
}
.offw.on .offw-art{animation:infEmber 3.1s linear infinite}

/* жар над углями: тёплое пятно снизу карточки, дышит вразнобой с фигурой */
.offw-card::after{
  content:"";position:absolute;left:8%;right:8%;bottom:-6px;height:38%;z-index:0;
  pointer-events:none;border-radius:50%;
  background:radial-gradient(ellipse at 50% 100%,
    rgba(255,120,20,.34) 0%,rgba(255,80,10,.14) 45%,transparent 72%);
  filter:blur(6px);
  animation:infHeat 2.3s ease-in-out infinite alternate;
}
@keyframes infHeat{
  from{opacity:.45;transform:scaleY(.9)}
  to  {opacity:.95;transform:scaleY(1.12)}
}

/* CTA — короткая вспышка искры, редкая и резкая (не плавное кольцо, как у медузы) */
@keyframes infSpark{
  0%,72% {box-shadow:0 0 0 0 rgba(255,179,0,0)}
  78%    {box-shadow:0 0 10px 2px rgba(255,179,0,.75)}
  84%    {box-shadow:0 0 0 0 rgba(255,179,0,0)}
  90%    {box-shadow:0 0 8px 1px rgba(255,120,20,.6)}
  100%   {box-shadow:0 0 0 0 rgba(255,179,0,0)}
}
.offw.on .offw-b1{animation:infSpark 5.4s linear infinite}

.offw.min .offw-badge{animation:infEmber 3.1s linear infinite}

@media (prefers-reduced-motion:reduce){
  .offw.on .offw-art,.offw.on .offw-b1,.offw.min .offw-badge{animation:none}
  .offw-card::after{animation:none;opacity:.5}
}