/* Motion treatment is intentionally scoped to the AI plan card in #novinka. */
#novinka .plan-card{position:relative}
#novinka .plan-card .pc-bar i::after{
  width:100%;
  transform:scaleX(var(--plan-progress,0));
  transform-origin:left center;
}
#novinka .plan-card .pc-steps li{
  grid-template-columns:34px minmax(0,1fr) 52px;
  border-width:1px;
  transition:background-color .35s ease,border-color .35s ease,box-shadow .35s ease;
}
#novinka .plan-card .pc-steps li.now{transform:none;border-width:1px}
#novinka .plan-card .pc-steps .pc-st{width:52px;min-height:26px;display:grid;place-items:center;box-sizing:border-box;line-height:1;padding:5px 0}
@media(max-width:600px){
  #novinka .plan-card .pc-steps li{grid-template-columns:28px minmax(0,1fr) 46px}
  #novinka .plan-card .pc-steps .pc-st{width:46px}
}
#novinka .plan-card .pc-cursor{
  position:absolute;
  z-index:5;
  top:0;
  left:0;
  width:28px;
  height:36px;
  opacity:0;
  pointer-events:none;
  transform:translate3d(-48px,-48px,0);
  will-change:transform,opacity;
}
#novinka .plan-card.motion-ready .pc-cursor{opacity:1}
#novinka .plan-card .pc-cursor svg{position:relative;z-index:1;display:block;overflow:visible}
#novinka .plan-card .pc-cursor-ripple{
  position:absolute;
  z-index:0;
  left:3px;
  top:2px;
  width:20px;
  height:20px;
  border:1px solid rgba(35,196,142,.72);
  border-radius:50%;
  opacity:0;
  transform:scale(.3);
}
#novinka .plan-card .pc-cursor.is-clicking .pc-cursor-ripple{
  animation:plan-cursor-tap .48s cubic-bezier(.16,1,.3,1) both;
}
#novinka .plan-card .pc-cursor.is-clicking svg{animation:plan-cursor-press .36s ease-in-out}
#novinka .pc-spark i{
  transform:scaleY(var(--bar-scale,1));
  transform-origin:center bottom;
  transition:transform .65s cubic-bezier(.16,1,.3,1);
}
#novinka .pc-gain{
  width:max-content;
  min-width:170px;
  max-width:calc(100vw - 56px);
}
#novinka .pc-gain small,#novinka .pc-gain>span:not(.pc-sr-only){width:140px;max-width:100%}
#novinka .pc-gain-value{width:max-content;max-width:100%;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(18px,1.7vw,24px)}
#novinka .pc-sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
#novinka .plan-card.is-celebrating::after{
  content:"";
  position:absolute;
  z-index:3;
  top:17px;
  right:17px;
  width:12px;
  height:12px;
  border:2px solid #23c48e;
  border-radius:4px 4px 4px 0;
  opacity:0;
  transform:rotate(-18deg) scale(.5);
  pointer-events:none;
}
#novinka .plan-card.is-celebrating::after{
  animation:plan-finish-glint 1.6s cubic-bezier(.16,1,.3,1) both;
}
@keyframes plan-cursor-tap{
  0%{opacity:.9;transform:scale(.3)}
  75%{opacity:.25;transform:scale(1.45)}
  100%{opacity:0;transform:scale(1.65)}
}
@keyframes plan-cursor-press{
  0%,100%{transform:rotate(0) scale(1)}
  45%{transform:rotate(-5deg) scale(.88)}
}
@keyframes plan-finish-glint{
  0%{opacity:0;transform:rotate(-18deg) scale(.5)}
  24%{opacity:.9;transform:rotate(0) scale(1)}
  70%{opacity:.35;transform:rotate(45deg) scale(1.18)}
  100%{opacity:0;transform:rotate(60deg) scale(1.25)}
}
@media(prefers-reduced-motion:reduce){
  #novinka .plan-card .pc-cursor{display:none!important}
  #novinka .plan-card .pc-bar i::after,
  #novinka .plan-card .pc-steps li,
   #novinka .pc-spark i{transition:none!important}
  #novinka .plan-card.is-celebrating::after{animation:none!important}
}