@media only screen and (min-width:0rem){#products{padding:var(--sectionPadding);padding-bottom:clamp(10rem,16vw,12.5rem);position:relative;z-index:1}#products .cs-container{align-items:center;display:flex;flex-direction:column;margin:auto;max-width:80rem}#products .cs-results{align-self:start;color:var(--bodyTextColor);display:block;font-size:clamp(1rem,2vw,1.25rem);font-weight:700;line-height:1.5em;margin:0 0 clamp(1rem,3vw,1.5rem)}#products .cs-card-group{-moz-column-gap:clamp(1rem,3vw,1.25rem);column-gap:clamp(1rem,3vw,1.25rem);display:grid;grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(17.5rem,1fr));row-gap:clamp(2rem,6vw,3.75rem);width:100%}#products .cs-item{list-style:none;width:100%}#products .cs-link{display:flex;flex-direction:column;text-decoration:none;width:100%}#products .cs-link:hover .cs-picture img{opacity:.3;transform:scale(1.2)}#products .cs-picture{background-color:var(--primary);display:block;height:clamp(17.5rem,45vw,19.0625rem);overflow:hidden;position:relative;width:auto}#products .cs-picture img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;transition:transform .6s,opacity .3s;width:100%}#products .cs-topper{margin:1.5rem 0 .25rem}#products .cs-name{color:var(--headerColor);font-family:var(--headerFont);font-size:1.25rem;font-weight:700;line-height:1.2em;margin:0 0 .5rem;-webkit-line-clamp:1}#products .cs-desc,#products .cs-name{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}#products .cs-desc{color:var(--bodyTextColor);font-size:1rem;font-weight:400;line-height:1.5em;margin:0 0 1.5rem;-webkit-line-clamp:3}#products .cs-fake-link{align-items:flex-end;color:var(--primary);display:flex;font-family:var(--headerFont);font-size:1rem;font-weight:700;gap:.625rem;line-height:1.2em;position:relative;text-decoration:none;text-transform:uppercase;width:-moz-fit-content;width:fit-content}#products .cs-fake-link:after{background-color:currentColor;bottom:0;content:"";height:1px;left:0;position:absolute;width:100%;z-index:99999}}@media only screen and (min-width:48rem){#products .cs-card-group{grid-template-columns:repeat(auto-fill,minmax(19.0625rem,1fr))}}@media only screen and (min-width:0rem){body.dark-mode #products .cs-desc,body.dark-mode #products .cs-fake-link,body.dark-mode #products .cs-name,body.dark-mode #products .cs-results{color:var(--bodyTextColorWhite)}body.dark-mode #products .cs-desc,body.dark-mode #products .cs-fake-link{opacity:.8}body.dark-mode #products .cs-arrow{filter:invert(1) brightness(1000%);opacity:.8}}