/* Matsuba product page overrides (Yamayoshi family)
   Common styles: ../css/n_style.css
   Brand utilities: yamayoshi.css
   This file customizes hero image + a few accents for Matsuba.
*/
:root{
  --matsuba-hero: url('img/n_top3.jpg');
}

/* If the image doesn't exist, page still looks fine */
.hero-gradient{
  background:
    radial-gradient(1200px 700px at 20% 20%, rgba(255,179,71,.22), transparent 60%),
    radial-gradient(1000px 600px at 80% 30%, rgba(255,122,89,.18), transparent 55%),
    linear-gradient(rgba(0,0,0,0.30), rgba(0,0,0,0.40)),
    var(--matsuba-hero);
  background-size: cover;
  background-position: center;
}

.matsuba-note{
  border: 1px solid rgba(229,231,235,1);
  background: #fff;
  border-radius: .75rem;
  padding: 1rem 1.1rem;
}

.matsuba-price{
  font-weight: 900;
  letter-spacing: .02em;
}