/* Trinity V40 — remove the yellow hero CTA bar
   Keeps Browse Catalog functional, but removes the large yellow rectangle
   so the Templar is unobstructed. */

@media (max-width:700px){
  body.trinity-storefront #trinityCinematicHero .tri-hero-actions,
  body.trinity-storefront .brand-hero#trinityCinematicHero .tri-hero-actions{
    width:auto!important;
    max-width:max-content!important;
  }

  body.trinity-storefront #trinityCinematicHero .tri-hero-primary,
  body.trinity-storefront .brand-hero#trinityCinematicHero .tri-hero-primary{
    width:auto!important;
    min-width:0!important;
    max-width:max-content!important;
    height:auto!important;
    min-height:0!important;
    padding:8px 0!important;
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    color:#e5bd68!important;
    gap:10px!important;
    font-size:13px!important;
    line-height:1.15!important;
    letter-spacing:.08em!important;
    text-shadow:0 1px 10px rgba(0,0,0,.8)!important;
  }

  body.trinity-storefront #trinityCinematicHero .tri-hero-primary::before,
  body.trinity-storefront #trinityCinematicHero .tri-hero-primary::after{
    display:none!important;
    content:none!important;
  }

  body.trinity-storefront #trinityCinematicHero .tri-hero-primary-label{
    color:#e5bd68!important;
  }

  body.trinity-storefront #trinityCinematicHero .tri-hero-primary-arrow{
    color:#e5bd68!important;
  }
}

/* Desktop/tablet: remove the yellow fill there too while retaining
   Browse Catalog as a clean text link. */
@media (min-width:701px){
  body.trinity-storefront #trinityCinematicHero .tri-hero-primary{
    width:auto!important;
    min-width:0!important;
    max-width:max-content!important;
    height:auto!important;
    min-height:0!important;
    padding:9px 0!important;
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    color:#e5bd68!important;
    gap:12px!important;
  }

  body.trinity-storefront #trinityCinematicHero .tri-hero-primary::before,
  body.trinity-storefront #trinityCinematicHero .tri-hero-primary::after{
    display:none!important;
    content:none!important;
  }
}