/* Pinkcrush Custom CSS Overrides (not tokens) */

/* Hide category pills in content hero */
:root[data-product="pinkcrush"] .category-pill {
  display: none;
}

/* Add backdrop blur to content hero copy for better contrast */
:root[data-product="pinkcrush"] .content-hero-copy {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  background: color-mix(in srgb, var(--bg, #1a1320) 40%, transparent);
  border-radius: var(--radius-md, 8px);
  padding: 1rem;
}

/* Make bottom navigation transparent */
:root[data-product="pinkcrush"] .nav-bottom-wrapper {
  background: transparent;
}

/* Category Slider - 2 columns layout (1/3 cover, 2/3 content) */
:root[data-product="pinkcrush"] [class*="categorySlide"] {
  max-width: 640px;
  background-color: color-mix(in srgb, var(--bg, #1a1320) 30%, transparent);
  border: 1px solid color-mix(in srgb, var(--accent, #f9d320) 20%, transparent);
}

:root[data-product="pinkcrush"] [class*="categorySlideMedia"] {
  aspect-ratio: 3 / 4;
}

:root[data-product="pinkcrush"] [class*="categorySlideTitle"] {
  color: var(--color, #fff);
  font-family: var(--font-title-special, inherit);
}

:root[data-product="pinkcrush"] [class*="categorySlideDescription"] {
  color: color-mix(in srgb, var(--color, #fff) 75%, transparent);
}