.category-grid-section{padding-top:var(--section-padding-top, 36px);padding-bottom:var(--section-padding-bottom, 36px)}.category-grid__heading{text-align:center;margin-bottom:2rem;font-size:2rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.category-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media screen and (min-width:990px){.category-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}@media screen and (min-width:750px)and (max-width:989px){.category-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}.category-grid__item{position:relative;overflow:hidden}.category-grid__link{display:block;position:relative;text-decoration:none;color:inherit}.category-grid__image-wrapper{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;background-color:#f5f5f5}@media screen and (min-width:990px){.category-grid__image-wrapper{aspect-ratio:3 / 5}}.category-grid__image,.placeholder-svg{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;filter:brightness(.9)}.category-grid__link:hover .category-grid__image{transform:scale(1.05)}.category-grid__content{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;background:linear-gradient(to top,rgba(0,0,0,.4) 0%,rgba(0,0,0,.1) 50%,transparent 100%);z-index:2}@media screen and (min-width:990px){.category-grid__content{padding:4.25rem}}.category-grid__title{margin:0;font-size:var(--title-font-size, 18px);text-transform:uppercase;letter-spacing:.08em;color:var(--title-color, #FFFFFF);font-family:EinaBold!important}.category-grid__button{font-family:EinaSemiBold!important;font-size:12px;text-decoration:underline;color:#fff;text-transform:uppercase}@media screen and (max-width:749px){.category-grid__image-wrapper{aspect-ratio:16 / 9;height:160px}.category-grid__content{padding:1.25rem;bottom:25%;background:none}}.page-width{padding-left:1.5rem;padding-right:1.5rem}@media screen and (min-width:750px){.page-width{padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width:990px){.page-width{padding-left:1rem;padding-right:1rem}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/section-category-grid.css.map */