:root{--products-gap:2rem;--products-columns:1;--products-text-maxwidth:520px;--products-items-gap:2.5rem;--product-minwidth:200px;--product-maxwidth:400px;--product-background:var(--color-green-500);--product-border-radius:1rem;--product-border-width:1px;--product-border-color:var(--color-black);--product-padding:2.5rem 1.5rem;--product-price-background:var(--color-white);--product-price-color:var(--color-black);--product-price-border-color:var(--color-black);--product-price-border-radius:0.625rem;--product-price-border-width:4px;--product-popular-background:var(--color-green-800);--product-popular-color:var(--color-yellow-500);@media (min-width:1024px){--product-minwidth:300px;--products-gap:2.5rem;--products-items-gap:1.25rem;--products-columns:3}}::view-transition-old(products){animation:scaleOut .25s ease-out both}::view-transition-new(products){animation:fadeIn .25s ease-in both}.products-wrapper{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;grid-gap:3.125rem 2.5rem;gap:3.125rem 2.5rem;grid-gap:calc(var(--products-items-gap)*1.25) var(--products-items-gap);gap:calc(var(--products-items-gap)*1.25) var(--products-items-gap);justify-content:center;padding-bottom:calc(var(--padding-y)*1.5);padding-top:calc(var(--padding-y)*1.5);@media (min-width:1024px){align-items:stretch;flex-direction:row;padding-bottom:var(--padding-y);padding-top:var(--padding-y)}@supports (view-transition-name:products){&{view-transition-name:products}}}.products-text{margin-left:auto;margin-right:auto}.products-showmore{cursor:pointer;margin-bottom:0!important;text-align:center;& span{display:none;&.active{display:block}}}.product{background:var(--color-green-500);background:var(--product-background);border-radius:1rem;border-radius:var(--product-border-radius);color:var(--text-color);display:grid;flex:1 1 0;grid-template-columns:repeat(1,minmax(0,1fr));list-style-type:none;max-width:400px;max-width:var(--product-maxwidth);min-width:200px;min-width:var(--product-minwidth);outline:1px solid var(--color-black);outline:var(--product-border-width) solid var(--product-border-color);padding:2.5rem 1.5rem;padding:var(--product-padding);position:relative;transition:var(--transition-fast);width:100%;&:hover{background:hsla(from var(--color-green-500) h s l/50%);background:hsla(from var(--product-background) h s l/50%)}&.recommended,&[data-popular="1"]{&:before{background:var(--color-green-800);background:var(--product-popular-background);border:2px solid var(--color-black);border-radius:1rem;color:var(--color-yellow-500);color:var(--product-popular-color);content:"Populär";display:block;font-family:var(--font-family-base);font-size:15px;font-weight:600;left:50%;line-height:1;padding:6px 12px;position:absolute;text-align:center;text-transform:uppercase;top:-1rem;transform:translateX(-50%);z-index:1000}}&.recommended{background:hsla(from var(--color-green-500) h s l/50%);background:hsla(from var(--product-background) h s l/50%);outline:2px solid var(--color-black);outline:calc(var(--product-border-width)*2) solid var(--product-border-color);&:before{content:"Rekommenderat för dig"}}}.product-title{display:flex;flex-direction:column;text-align:center;--heading-color:var(--product-popular-background)!important;& .h1{margin-bottom:0!important}& .h4{margin-bottom:1rem!important;&[data-empty]{display:none;@media (min-width:768px){display:flex}}}& .pretitle{color:var(--text-color)!important;margin-bottom:0!important;@media (min-width:768px){margin-bottom:2rem!important}}}.product-cost{margin-bottom:1rem!important;margin-top:auto}.product-cost,.product-data{text-align:center}.product-usps{margin:0 auto!important}.products-description{margin-left:auto;margin-right:auto;max-width:520px;max-width:var(--products-text-maxwidth)}