/* V252: a quiet moving accent for the home page shop links. */
body.v252-home .v252-shop-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  grid-template-columns: auto minmax(0, 1fr) auto;
  border-color: #25864e;
  background: linear-gradient(115deg, #12552f, #086738 62%, #0b713d);
  color: #fff;
  box-shadow: 0 10px 28px #0b683326;
}
body.v252-home .v252-shop-card > * { position: relative; z-index: 1; }
body.v252-home .v252-shop-copy { min-width: 0; }
body.v252-home .v252-shop-card b { color: #fff; }
body.v252-home .v252-shop-card small { color: #effff1; }
body.v252-home .v252-shop-card i { color: #e3f5e6; }
body.v252-home .v252-shop-card .v184-action-icon {
  background: #ffffff1f;
  color: #fff;
  box-shadow: inset 0 0 0 1px #ffffff26;
}
body.v252-home .v252-shop-card::before {
  content: "";
  position: absolute;
  top: -80%;
  bottom: -80%;
  left: 0;
  width: 26%;
  background: linear-gradient(90deg, transparent, #ffffff1a, transparent);
  transform: translateX(-200%) skewX(-18deg);
  opacity: 0;
  pointer-events: none;
  animation: ps-shop-sheen 8s ease-in-out 1s infinite;
}
body.v252-home .v252-shop-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  border: 1px solid #d0ffd880;
  box-shadow: inset 0 0 22px #a4e8b229;
  pointer-events: none;
  opacity: .18;
  animation: ps-shop-glow 4.8s ease-in-out infinite;
}

/* The outline is a shop shortcut; aria-current still identifies the home page. */
body.v252-home .ps-site-header nav a[href="/shop.html"],
body.v252-home .ps-app-bottom-nav a[href="/shop.html"] {
  position: relative;
  border: 1px solid #b8d8bd;
  color: #16663b !important;
  background: #f5faf2 !important;
}
body.v252-home .ps-site-header nav a[href="/shop.html"] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 11px 12px;
}
body.v252-home .ps-site-header nav a[href="/shop.html"]::before {
  content: "";
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316663b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2 11h10l2-8H6'/%3E%3Ccircle cx='9' cy='19' r='1.3'/%3E%3Ccircle cx='17' cy='19' r='1.3'/%3E%3C/svg%3E");
}
body.v252-home .ps-site-header nav a[href="/shop.html"]::after,
body.v252-home .ps-app-bottom-nav a[href="/shop.html"]::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: 0 0 0 2px #76b9821a, 0 0 14px #63a97238;
  pointer-events: none;
  opacity: .18;
  animation: ps-shop-glow 4.8s ease-in-out -.8s infinite;
}
@keyframes ps-shop-glow {
  0%, 100% { opacity: .18; }
  50% { opacity: .75; }
}
@keyframes ps-shop-sheen {
  0%, 10% { transform: translateX(-200%) skewX(-18deg); opacity: 0; }
  12% { opacity: .9; }
  40% { transform: translateX(600%) skewX(-18deg); opacity: .9; }
  43%, 100% { transform: translateX(600%) skewX(-18deg); opacity: 0; }
}
@media (hover: hover) and (pointer: fine) {
  body.v252-home .v252-shop-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 32px #0b68333b;
  }
}
body.v252-home .v252-shop-card:focus-visible::before {
  animation-play-state: paused;
  opacity: 0 !important;
}
body.v252-home .v252-shop-card.is-shop-outside-view::before,
body.v252-home .v252-shop-card.is-shop-outside-view::after {
  animation-play-state: paused;
}
body.v252-home.ps-shop-motion-paused .v252-shop-card::before,
body.v252-home.ps-shop-motion-paused .v252-shop-card::after,
body.v252-home.ps-shop-motion-paused .ps-site-header nav a[href="/shop.html"]::after,
body.v252-home.ps-shop-motion-paused .ps-app-bottom-nav a[href="/shop.html"]::after {
  animation: none;
  opacity: 0;
}
@media (max-width: 520px) {
  body.v252-home .v252-shop-card { grid-template-columns: auto minmax(0, 1fr); }
  body.v252-home .v252-shop-card > i { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  body.v252-home .v252-shop-card::before,
  body.v252-home .v252-shop-card::after,
  body.v252-home .ps-site-header nav a[href="/shop.html"]::after,
  body.v252-home .ps-app-bottom-nav a[href="/shop.html"]::after {
    animation: none !important;
    opacity: 0;
  }
  body.v252-home .v252-shop-card { transform: none !important; }
}