.products__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}@media(width <= 30.06125rem){.products__header{flex-direction:column;row-gap:.625rem}.products__button{width:50%}}.products__list{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}@media(width <= 63.99875rem){.products__list{display:flex;flex-direction:column}}.products__card{position:relative;color:var(--color-light);box-shadow:.1875rem .1875rem .75rem 0 #42445a;border-radius:.625rem;overflow:hidden}@media(width <= 63.99875rem){.products__card{color:var(--color-dark);display:flex;justify-content:space-around}}@media(width <= 47.99875rem){.products__card{flex-direction:column;align-items:center}}.products__card-img{width:100%;height:100%;object-fit:contain}@media(width <= 63.99875rem){.products__card-img{max-width:25rem}.products__card-link{pointer-events:none;cursor:default}}.products__card-button{pointer-events:fill}.products__card-body{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding-block:1.25rem;text-align:center;background-color:rgba(0,0,0,.5);opacity:0;row-gap:.625rem;transition-duration:var(--transtion-duration)}@media(width <= 63.99875rem){.products__card-body{position:static;opacity:1;background-color:var(--color-light);width:100%;max-width:18.75rem;justify-content:center}}@media(any-hover:hover){.products__card-body:hover{opacity:1}}@media(any-hover:none){.products__card-body:active{opacity:1}}