#product-hero{background:linear-gradient(-15deg, var(--color-primary-100) 0%, white 30%);grid-template-rows:1fr auto;place-content:center;place-items:center;height:100vh;display:grid;position:relative;overflow:hidden}@media (width>=64rem){#product-hero{background:linear-gradient(to left, var(--color-primary-900) 20%, transparent 20%), linear-gradient(-15deg, var(--color-primary-100) 0%, white 30%);grid-template-columns:1fr 40vw}}#product-hero #hex-1{pointer-events:none;width:30vw;height:30vw;position:absolute;top:0;left:0;transform:translate(-30%,-30%)rotate(5deg)}#product-hero #hex-2{pointer-events:none;width:20vw;height:20vw;position:absolute;bottom:0;right:50%;transform:translate(50%,50%)rotate(5deg)}#product-hero #alt-2{opacity:.2;position:absolute;bottom:10%;left:10%}#product-hero #freeze-dried-shiitake-mushrooms-front{justify-self:flex-end;max-height:70%;padding-right:10%;transform:rotate(-5deg)}.products-listing{gap:2rem;display:grid;overflow:auto}@media (width>=64rem){.products-listing{grid-template-columns:repeat(5,minmax(250px,1fr))}}.products-listing .app-card:not(.rounded-full) .app-card-title{padding-left:.75rem;position:relative}.products-listing .app-card:not(.rounded-full) .app-card-title:before{content:"";background:var(--color-primary-900);border-radius:4px;width:4px;position:absolute;top:.5rem;bottom:.5rem;left:0}.products-listing .app-card.rounded-full .app-card-body{height:17rem}.products-listing .app-card.rounded-full .app-card-title+p{text-align:justify;text-align-last:center}@media not all and (width>=64rem){.products-listing .info{order:-1}}