html.hipopo-redesign-active {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body.hipopo-redesign-active {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.hipopo-redesign-active img {
  max-width: 100%;
  height: auto;
}

.hipopo-redesign-active .hp-category-card img,
.hipopo-redesign-active .hp-v3-path-duo__banner img,
.hipopo-redesign-active .hp-v3-split__banner img,
.hipopo-redesign-active .hp-brands-showcase__media img,
.hipopo-redesign-active .hp-shop-path-card__media img,
.hipopo-redesign-active .hp-shop-topic-card__media img,
.hipopo-redesign-active .hp-shop-brand-card__media img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.hipopo-redesign-active .hp-mobile-drawer,
.hipopo-redesign-active .hp-mega-panel,
.hipopo-redesign-active .hp-live-search__panel,
.hipopo-redesign-active .hp-cart-drawer {
  -webkit-overflow-scrolling: touch;
}

.hipopo-redesign-active .hp-shop-path-card,
.hipopo-redesign-active .hp-category-card,
.hipopo-redesign-active .hp-v3-tabs__btn,
.hipopo-redesign-active .hp-hero-cta,
.hipopo-redesign-active .hp-pink-cta {
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;
}

.hipopo-redesign-active .hp-shop-path-card:hover,
.hipopo-redesign-active .hp-category-card:hover {
  transform: translateY(-2px);
}

body.home .hp-codex-home:has(.hp-v3-middle) .hp-categories,
body.home .hp-codex-home:has(.hp-v3-middle) .hp-path-cards,
body.home .hp-codex-home:has(.hp-v3-middle) .hp-brands-row {
  display: none !important;
}

@media (prefers-reduced-motion: reduce) {
  html.hipopo-redesign-active {
    scroll-behavior: auto;
  }

  .hipopo-redesign-active *,
  .hipopo-redesign-active *::before,
  .hipopo-redesign-active *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}