/* v8: clean hero with an image on every screen size. */
@media(max-width:700px){
 .storefront-page .hero{display:flex;flex-direction:column;gap:8px;padding-bottom:14px}
 .storefront-page .hero>div:first-child{width:100%}
 .storefront-page .hero .hero-art{display:flex;width:100%;min-height:0;height:175px;align-items:center;justify-content:center;isolation:isolate}
 .storefront-page .hero .hero-art:before{width:120px;height:120px;box-shadow:0 0 0 22px #fff3,0 0 0 44px #fff2;z-index:-1}
 .storefront-page .hero .hero-art img{width:min(100%,280px);height:175px;object-fit:contain}
 .storefront-page .hero .hero-art .custom-hero-image{transform:none}
}
@media(max-width:359px){
 .storefront-page .hero .hero-art,.storefront-page .hero .hero-art img{height:150px}
}