.CategoryGridComponent{width:100%}.CategoryGridComponent__Header{margin-bottom:2rem;text-align:center}.CategoryGridComponent__Subtitle{font-size:1.2rem}.CategoryGridComponent__Wrapper{position:relative}.CategoryGridComponent__Grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem}@media(max-width:768px){.CategoryGridComponent__Grid{grid-template-columns:repeat(2,1fr)}}.CategoryGridComponent__Item{color:var(--clr-white);display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;position:relative;-webkit-text-decoration:none;text-decoration:none;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding:1.5rem}.CategoryGridComponent__Item:first-child{aspect-ratio:2/1;grid-column:span 2;height:auto}.CategoryGridComponent__Item:before{background-image:var(--bg-image);background-position:50%;background-size:cover;bottom:0;content:"";left:0;position:absolute;right:0;top:0;-webkit-transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1);transition:transform .5s cubic-bezier(.4,0,.2,1);transition:transform .5s cubic-bezier(.4,0,.2,1),-webkit-transform .5s cubic-bezier(.4,0,.2,1);will-change:transform;z-index:0}.CategoryGridComponent__Item:hover:before{-webkit-transform:scale(1.08);transform:scale(1.08)}.CategoryGridComponent__Item:after{background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.7)),to(transparent));background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.CategoryGridComponent__Item:not(:first-child){aspect-ratio:1/1;height:auto}.CategoryGridComponent__ItemContent{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;z-index:2;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem}.CategoryGridComponent__ItemTitle{font-size:1.2rem;margin:0}@media(min-width:768px){.CategoryGridComponent__ItemTitle{font-size:1.5rem}}.CategoryGridComponent__Nav{display:none}.CategoryGridComponent__NavButton{background:var(--clr-primary);border:none;border-radius:.25rem;color:var(--clr-white);cursor:pointer;font-weight:700;margin:0 .5rem;padding:.5rem 1rem}.CategoryGridComponent__NavButton:disabled{cursor:not-allowed;opacity:.5}