/* The Nearby invitation, unfolding beside the existing homepage cart. */
.home-cart-reminder {
  position:fixed;
  z-index:97;
  right:var(--home-reminder-right,104px);
  bottom:var(--home-reminder-bottom,60px);
  transform:translateY(50%);
  display:flex;
  align-items:center;
  gap:19px;
  max-width:min(320px,calc(100vw - var(--home-reminder-right,104px) - 16px));
  color:var(--color-text);
  text-decoration:none;
  text-shadow:0 1px 6px var(--color-bg);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .34s ease,visibility 0s linear .42s;
}
.home-cart-reminder.is-visible {
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition:opacity .34s ease,visibility 0s;
}
.home-cart-reminder:focus-visible {
  outline:1px solid var(--color-accent);
  outline-offset:8px;
  border-radius:8px;
}
.home-cart-reminder-message {
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
  opacity:0;
  transform:translateX(42px);
  clip-path:inset(-8px 0 -8px 100%);
  transition:opacity .3s ease,transform .42s ease,clip-path .42s ease;
}
.home-cart-reminder-message strong {
  font-size:clamp(.92rem,1.35vw,1.12rem);
  font-weight:500;
  line-height:1.25;
  letter-spacing:-.025em;
}
.home-cart-reminder-message small {
  font-size:.69rem;
  line-height:1.3;
  color:var(--color-text-muted);
}
.home-cart-reminder-heart {
  flex:0 0 27px;
  color:var(--color-accent);
  opacity:0;
  transform:translateX(35px);
  transition:opacity .22s ease,transform .4s ease;
}
.home-cart-reminder-heart svg {display:block;width:27px;height:27px;}
.home-cart-reminder.is-visible .home-cart-reminder-message {
  opacity:1;
  transform:translateX(0);
  clip-path:inset(-8px 0 -8px -8px);
  transition:opacity .95s ease .12s,transform 1.1s cubic-bezier(.2,.75,.2,1) .08s,clip-path 1.1s cubic-bezier(.2,.75,.2,1) .08s;
}
.home-cart-reminder.is-visible .home-cart-reminder-heart {
  opacity:.78;
  transform:translateX(0);
  transition:opacity 1s ease .35s,transform 1.15s cubic-bezier(.2,.75,.2,1) .14s;
}
html.wallet-open .home-cart-reminder,
body.oath-visible .home-cart-reminder {opacity:0;visibility:hidden;pointer-events:none;}
@media(max-width:700px) {
  .home-cart-reminder {gap:12px;}
  .home-cart-reminder-heart {flex-basis:20px;}
  .home-cart-reminder-heart svg {width:20px;height:20px;}
}
@media(prefers-reduced-motion:reduce) {
  .home-cart-reminder,.home-cart-reminder * {transition:none!important;}
  .home-cart-reminder-message,.home-cart-reminder-heart {transform:none!important;}
}