@import url("../shared/garbage-can-flip-lid-series.css?v=20260629-2");

.ocp-page {
  --fls-green: var(--product-accent);
  --fls-blue: var(--product-deep);
  --fls-hero-accent: var(--product-accent);
  --fls-hero-accent-deep: var(--product-deep);
  --fls-steel: var(--product-deep);
}

.ocp-page .fls-hero-media::after {
  background:
    linear-gradient(90deg, rgba(14, 24, 31, .9) 0%, rgba(14, 24, 31, .66) 42%, rgba(14, 24, 31, .18) 100%),
    linear-gradient(180deg, rgba(14, 24, 31, .12) 0%, rgba(14, 24, 31, .82) 100%);
}