/* Restore the store's playful motion without changing compact card markup. */
body.tww-compact-catalog #content .tww-hero-products { min-width: 0; }
body.tww-compact-catalog #content .tww-retail-rail { position: relative; padding: 0 20px; }
body.tww-compact-catalog #content #tww-recent-rail {
  grid-template-columns: none !important; grid-template-rows: auto !important;
  grid-auto-flow: column !important; grid-auto-columns: clamp(250px,42%,310px) !important;
  overflow: auto; overscroll-behavior-x: contain; scrollbar-width: thin;
  scrollbar-color: var(--tww-accent) #fff2e4; padding: 8px 4px 18px !important;
}
/* Let the existing wishlist picker expand in the row instead of clipping it. */
body.tww-compact-catalog #content #tww-recent-rail .tww-wishlist-control:has(.tww-wishlist-popover:not([hidden])) { grid-column: 1 / -1; justify-self: stretch; }
body.tww-compact-catalog #content #tww-recent-rail .tww-wishlist-popover { position: static; width: 100%; margin-top: 8px; }
body.tww-compact-catalog #content :is(.tww-retail-rail-prev,.tww-retail-rail-next) {
  position: absolute; top: 46%; z-index: 2; width: 28px; min-height: 40px;
  display: grid; place-items: center; padding: 0; transform: translateY(-50%);
  border: 1px solid var(--tww-accent); border-radius: 3px;
  background: #fff; color: var(--tww-link); font-size: 24px; line-height: 1;
}
body.tww-compact-catalog #content .tww-retail-rail-prev { left: -10px; }
body.tww-compact-catalog #content .tww-retail-rail-next { right: -10px; }
body.tww-retail-storefront #content :is(ul.products li.product,.tww-product-card,.tww-category-tiles > a) {
  transition: translate 220ms ease, scale 220ms ease, filter 220ms ease !important;
}
/* Individual transforms coexist with the legacy layout's transform resets. */
@media (prefers-reduced-motion: no-preference) {
  body.tww-compact-catalog #content ul.products[data-tww-collection="tww-deals-rail"] > li.product {
    animation: twwRetailDealWobble 5.5s ease-in-out infinite !important;
    transform-origin: center 70%;
  }
  body.tww-compact-catalog #content ul.products[data-tww-collection="tww-deals-rail"] > li.product:nth-child(2n) { animation-delay: -1.2s !important; }
  body.tww-compact-catalog #content ul.products[data-tww-collection="tww-deals-rail"] > li.product:nth-child(3n) { animation-delay: -2.4s !important; }
  body.tww-compact-catalog #content ul.products[data-tww-collection="tww-deals-rail"] > li.product:is(:hover,:focus-within) { animation-play-state: paused !important; }
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  body.tww-retail-storefront #content :is(ul.products li.product,.tww-product-card,.tww-category-tiles > a):hover {
    translate: 0 -4px !important; scale: 1.015; filter: drop-shadow(0 5px 5px #29150612);
  }
}
@keyframes twwRetailDealWobble {
  0%,86%,100% { rotate: 0deg; translate: 0 0; }
  90% { rotate: -.65deg; translate: 0 -2px; }
  94% { rotate: .65deg; translate: 0 -2px; }
  98% { rotate: -.3deg; translate: 0 0; }
}
@media(max-width:760px) {
  body.tww-compact-catalog #content #tww-recent-rail { grid-auto-columns: minmax(245px,85%) !important; }
  body.tww-compact-catalog #content :is(.tww-retail-rail-prev,.tww-retail-rail-next) { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  body.tww-retail-storefront #content :is(ul.products li.product,.tww-product-card,.tww-category-tiles > a) {
    animation: none !important; transition: none !important; translate: none !important; rotate: none !important; scale: none !important;
  }
}
