.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;overflow-x:auto;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.CategoryGridComponent__Grid::-webkit-scrollbar{display:none}@media(max-width:768px){.CategoryGridComponent__Grid{display:-webkit-box;display:-ms-flexbox;display:flex}}.CategoryGridComponent__Item{color:var(--clr-white);display:-webkit-box;display:-ms-flexbox;display:flex;height:400px;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;scroll-snap-align:start;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}@media(min-width:769px){.CategoryGridComponent__Item{-webkit-box-flex:1;-ms-flex:auto;flex:auto}.CategoryGridComponent__Item:first-child{grid-column:span 2}}.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__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.5rem;margin:0}.CategoryGridComponent__Nav{display:none}@media(max-width:768px){.CategoryGridComponent__Nav{display:block}}.CategoryGridComponent__NavButton{background:#333;border:none;border-radius:.25rem;color:#fff;cursor:pointer;margin:0 .5rem;padding:.5rem 1rem}.CategoryGridComponent__NavButton:disabled{cursor:not-allowed;opacity:.5}@media(max-width:768px){.CategoryGridComponent__NavButton{border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;height:40px;padding:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:40px;z-index:5;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.CategoryGridComponent__NavButton--prev{left:10px}.CategoryGridComponent__NavButton--next{right:10px}}