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