/* Shop usability: products remain visible without waiting for scroll animation. */
#site-root main [data-reveal] {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}
#site-root main button,
#site-root main a[role="button"],
#site-root main a[href*="amazon.com/dp/"] {
  min-height: 44px;
}
#site-root main input[type="search"],
#site-root main input[type="email"],
#site-root main input[type="text"],
#site-root main select {
  min-height: 44px;
  font-size: 16px;
}
#site-root main a:focus-visible,
#site-root main button:focus-visible,
#site-root main input:focus-visible,
#site-root main select:focus-visible {
  outline: 2px solid #0068DF;
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  #site-root main *, #site-root main *::before, #site-root main *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/* Consistent product cards, navigation and keyboard controls across the shop. */
#site-root main [data-reveal] > a[href^="/shop/"] h3 {
  min-height: 2.75em;
}
#site-root main [data-reveal] > a[href^="/shop/"] + div {
  margin-top: auto;
  padding-top: 8px;
}
#site-root main [role="tablist"] {
  border-color: #DFE2E4;
  gap: 8px 24px;
}
#site-root main [role="tab"] {
  min-height: 44px;
  color: #555555;
  padding: 12px 8px;
}
#site-root main [role="tab"][aria-selected="true"] {
  color: #0068DF;
  border-color: #0068DF;
}
#site-root main nav[aria-label="Shop departments"] a {
  align-items: center;
  justify-content: center;
}
#site-root main [role="tabpanel"] + div > a {
  min-height: 44px;
  border-color: #0068DF;
  color: #0068DF;
}
#site-root main [role="tabpanel"] + div > a:hover {
  background: #0068DF;
  color: white;
}
@media (max-width: 639px) {
  #site-root main nav[aria-label="Shop departments"] > div {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-padding-inline: 20px;
  }
  #site-root main nav[aria-label="Shop departments"] a {
    flex: 0 0 auto;
    white-space: nowrap;
  }
  #site-root main [role="tablist"] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px 8px;
  }
  #site-root main [role="tablist"] li,
  #site-root main [role="tablist"] button {
    width: 100%;
  }
  #site-root main [data-reveal] > a[href^="/shop/"] h3 {
    font-size: 14px;
    line-height: 1.4;
  }
}