.scoop-info{--_br:1rem;grid-template-rows:1fr auto;grid-template-columns:repeat(4,1fr);gap:1rem;height:100vh;display:grid;position:relative}.scoop-image{border-radius:var(--_br);grid-area:1/1/3/5;overflow:hidden}.scoop-image:before,.scoop-image:after{--_size:calc(var(--_br) + 15px);content:"";width:calc(var(--_size));aspect-ratio:1;background-image:radial-gradient(circle at 100% 100%,transparent var(--_size),var(--_corner-color,white)calc(var(--_size) + 1px));position:absolute;rotate:-90deg}.scoop-image:before{grid-area:2/4/3;bottom:0;left:0}@media (min-width:768px){.scoop-image:before{grid-column:3}}@media (min-width:1024px){.scoop-image:before{grid-column:2}}.scoop-image:after{grid-area:1/1/2;bottom:0;left:0;box-shadow:-1rem 0 #fff}.scoop-image img{object-fit:cover;width:100%;height:100%}.scoop-price{background:var(--color-background);border-radius:var(--_br)var(--_br)0 0;box-shadow:0 1rem 0 var(--color-background),0 0 0 1rem white;grid-area:2/1/3/4;padding:1rem 1.5rem 1.5rem;font-weight:500;display:grid}.scoop-price:after{--_size:calc(var(--_br)*1.5);--_corner-color:var(--color-background);grid-area:2/4/3/5}@media (min-width:768px){.scoop-price{grid-column:1/3}.scoop-price:after{grid-column:3/4}}@media (min-width:1024px){.scoop-price{grid-column:1/2}.scoop-price:after{grid-column:2/3}}.scoop-price span{border-radius:calc(var(--_br)/2);background:#fff;place-items:center;display:grid}