:root{--banner-top:clamp(1.5rem,10vw,2rem);--banner-padding:clamp(0.75rem,3vw,1rem);--banner-background:var(--color-black)}.product-banner{position:relative;top:clamp(1.5rem,10vw,2rem);top:var(--banner-top);left:0;text-transform:uppercase;font-size:.875rem;font-weight:600;background:var(--color-black);background:var(--banner-background);line-height:1;letter-spacing:0;color:var(--color-white);padding:calc(clamp(.75rem, 3vw, 1rem)/1.5) clamp(.75rem,3vw,1rem);padding:calc(var(--banner-padding)/1.5) var(--banner-padding);grid-area:gallery;width:-webkit-min-content;width:-moz-min-content;width:min-content;height:-webkit-min-content;height:-moz-min-content;height:min-content}.products .product-banner{position:absolute}.product-banner-1{--banner-background:var(--color-green-900)}.product-banner-2{--banner-background:var(--color-khaki-500)}.product-banner-3{--banner-background:var(--color-red-500)}.product-banner-4{--banner-background:var(--color-ess)}