/* Homepage hero: cat background + dog overlay on kb-row-layout-id813_084526-c4 */
.kb-row-layout-id813_084526-c4 {
  position: relative;
  z-index: 5;
  overflow: visible;
  padding-bottom: 20px;
  animation: innopetHeroCat 14s ease-in-out infinite alternate;
}
.kb-row-layout-id813_084526-c4 > .kt-row-column-wrap {
  overflow: visible;
}
.kb-row-layout-id813_084526-c4 > .kt-row-layout-overlay {
  transform-origin: 30% 0%;
  animation: innopetHeroDog 16s ease-in-out infinite alternate;
}

/* Cat stays glued to the bottom edge — only sway left/right. */
@keyframes innopetHeroCat {
  0% {
    background-position: 10% 100%;
  }
  50% {
    background-position: 13% 100%;
  }
  100% {
    background-position: 8% 100%;
  }
}

/* Dog sways sideways only so it does not drop below the fold. */
@keyframes innopetHeroDog {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-8px);
  }
  100% {
    transform: translateX(8px);
  }
}

/*
 * Keep Kadence margin-bottom: -150px on shop column; lift refill row above the
 * footer block that overlaps upward (left claim shell + footer inner-col below).
 */
.kb-row-layout-id813_084526-c4 > .kt-row-column-wrap > .kadence-column813_2e85a4-bd > .kt-inside-inner-col {
  position: relative;
  z-index: 1;
}

.kb-row-layout-id813_084526-c4 .kadence-column813_7ed850-7a,
.kb-row-layout-id813_084526-c4 .kadence-column813_f93280-d8 {
  position: relative;
  z-index: 2;
  max-width: 100%;
}

.kadence-column813_398ec1-bd {
  position: relative;
  z-index: 8 !important;
}

.kb-row-layout-id813_d34c8a-28 {
  position: relative;
  z-index: 9 !important;
}

.kb-row-layout-id813_d34c8a-28 > .kt-row-column-wrap.kt-has-2-columns.kb-theme-content-width {
  position: relative;
  z-index: 10 !important;
}

/* Footer pulled up by shop column −150px — stay under hero + refill */
.kb-row-layout-id224_9ea3f6-90,
.kb-row-layout-id224_9ea3f6-90 .kt-inside-inner-col {
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .kb-row-layout-id813_084526-c4,
  .kb-row-layout-id813_084526-c4 > .kt-row-layout-overlay {
    animation: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .kb-row-layout-id813_084526-c4,
  .kb-row-layout-id813_084526-c4 > .kt-row-layout-overlay {
    animation: none;
  }
}