/* =========================================================
   THE BACON BIN — REV275M
   CATEGORY FEATHER REPAIR
   This file intentionally does one thing: remove the oval/radial
   category vignette failure mode and replace it with edge-only raster fades.
   ========================================================= */

/* Never let an older category mask back into the active scene. */
html body#bb-test-font-lock.category-page::before,
html body#bb-test-font-lock.category-page::after{
  -webkit-mask:none!important;
  mask:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  image-rendering:auto!important;
  will-change:auto!important;
}

/* Replace the universal oval vignette with a rectangular edge-only raster.
   Existing per-category heights remain untouched. */
html body#bb-test-font-lock.category-page::after{
  content:""!important;
  display:block!important;
  background-color:transparent!important;
  background-image:url('images/rev275m/edge-feather-v275m.png?v=275m')!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:100% 100%!important;
  filter:none!important;
  box-shadow:none!important;
  opacity:1!important;
  transform:none!important;
}

/* Vintage: the legacy file contained the ugly rounded/oval alpha channel.
   This replacement is rebuilt from the RGB artwork beneath it and only
   feathers the outer ~4–5% of the rectangle. The center is untouched. */
html body#bb-test-font-lock.category-page.category-vintage-toys::before{
  background-image:url('images/rev275m/vintage-toys-edgefade-v275m.png?v=275m')!important;
  background-position:center 20px!important;
  background-repeat:no-repeat!important;
  background-size:min(1203px,96vw) auto!important;
  opacity:.22!important;
  filter:brightness(.74) saturate(1.03) contrast(1.025)!important;
  box-shadow:none!important;
  transform:none!important;
}

/* Vintage already carries its own perimeter alpha. Do not put a second
   vignette over it. */
html body#bb-test-font-lock.category-page.category-vintage-toys::after{
  content:none!important;
  display:none!important;
  background:none!important;
  background-image:none!important;
  box-shadow:none!important;
  opacity:0!important;
}

@media(max-width:800px){
  html body#bb-test-font-lock.category-page.category-vintage-toys::before{
    background-size:auto 800px!important;
    background-position:center 34px!important;
    opacity:.20!important;
  }
}
@media(max-width:520px){
  html body#bb-test-font-lock.category-page.category-vintage-toys::before{
    background-size:auto 670px!important;
    background-position:center 38px!important;
    opacity:.18!important;
  }
}
