body.shop-front .brand .logo,
body.shop-admin-page .shop-admin-header .shop-brand .brand-mark {
  background: transparent url('/assets/shop/jj-logo-transparent.webp') center / contain no-repeat;
  color: transparent;
  font-size: 0;
  padding: 0;
  border-radius: 4px;
  box-shadow: none;
}

body.shop-front .brand .logo::after { display: none; }

body.shop-front .hero-art {
  background: url('/assets/shop/jj-logo-transparent.webp') center / contain no-repeat;
}

body.shop-front .hero-art > * { display: none; }

@media (max-width: 680px) {
  body.shop-front .hero-art {
    top: auto;
    bottom: 10px;
    right: 16px;
    width: 190px;
    height: 190px;
    transform: none;
  }
}