/* Garra da Loba — stationary collage; only the imagery breathes.
   Explicitly replaces rejected horizontal field drift & scroll X movement.
   All 9 CSS coordinate anchors stay exactly as approved. */
.shop-world .garra-world__images {
  animation:none!important;
  translate:none!important;
  transform:none!important;
}
.shop-world .garra-world .world-tile {
  /* app.js writes scroll-Y inline: override it because the owner wants
     completely stationary photo cards, with breathing only inside them. */
  translate:none!important;
  transform:none!important;
  scale:1;
  rotate:0deg;
  border-radius:6px;
  box-shadow:0 8px 26px rgba(0,0,0,.23);
  backface-visibility:hidden;
  transition:scale .48s cubic-bezier(.2,.8,.2,1),
             rotate .48s cubic-bezier(.2,.8,.2,1),
             box-shadow .48s ease;
}
.shop-world .garra-world .world-tile img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  animation:gdl-world-still-breathe 9.8s ease-in-out infinite;
  animation-play-state:paused;
  transform:translate3d(0,0,0) scale(1.065);
  transition:filter .42s ease;
  backface-visibility:hidden;
}
.shop-world .garra-world.gdl-breathe-visible .world-tile img {
  animation-play-state:running;
}
.shop-world .garra-world .world-tile:nth-child(3n + 1) img {
  animation-duration:10.6s;
  animation-delay:-2.8s;
}
.shop-world .garra-world .world-tile:nth-child(3n + 2) img {
  animation-duration:9.3s;
  animation-delay:-5.1s;
}
.shop-world .garra-world .world-tile:nth-child(3n) img {
  animation-duration:11.4s;
  animation-delay:-1.4s;
}
@keyframes gdl-world-still-breathe {
  0%,100% {transform:translate3d(0,1.4px,0) scale(1.055);}
  50% {transform:translate3d(0,-1.4px,0) scale(1.072);}
}
@media (hover:hover) and (pointer:fine) {
  .shop-world .garra-world .world-tile:hover {
    scale:1.115;
    rotate:var(--gdl-hover-tilt,-.75deg);
    z-index:2;
    box-shadow:0 18px 38px rgba(0,0,0,.42);
  }
  .shop-world .garra-world .world-tile:hover img {
    filter:brightness(1.065) saturate(1.04);
  }
}
@media(max-width:749px) {
  .shop-world .garra-world .world-tile {border-radius:5px;}
}
@media(prefers-reduced-motion:reduce) {
  .shop-world .garra-world__images {animation:none!important;translate:none!important}
  .shop-world .garra-world .world-tile {
    translate:none!important;transform:none!important;
    scale:1!important;rotate:0deg!important;transition:none!important;
  }
  .shop-world .garra-world .world-tile img {
    animation:none!important;transform:none!important;
    transition:none!important;filter:none!important;
  }
}