.category-directory-grid{display:flex;position:relative;gap:20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding-bottom:4px}.category-directory-grid::-webkit-scrollbar{display:none}.category-tile{position:relative;flex:0 0 calc((100% - 20px)*.6);height:clamp(520px,85vw,850px);overflow:hidden;scroll-snap-align:start;background:#e9e3db}.category-tile:nth-child(even){flex-basis:calc((100% - 20px)*.4);scroll-snap-align:none}.category-tile-media{width:100%;height:100%;aspect-ratio:auto;border-radius:0}.category-tile img{padding:0;object-fit:contain}.category-tile:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.6));pointer-events:none}.category-tile h3{position:absolute;bottom:26px;left:26px;right:26px;font-size:clamp(25px,3.5vw,36px);margin:0;color:white;z-index:1}.category-tile small{position:absolute;bottom:82px;left:26px;color:white;z-index:1}.category-tile-empty{padding:30px;max-width:280px}.category-carousel-controls{display:flex;justify-content:flex-end;align-items:center;gap:18px;margin:0 0 22px}.category-carousel-controls button{border:1px solid #9f978c;background:transparent;color:#303030;width:46px;height:46px;border-radius:50%;font-size:23px;cursor:pointer}.category-carousel-controls button:disabled{opacity:.3;cursor:default}.category-carousel-controls button:focus-visible{outline:2px solid #720039;outline-offset:3px}.category-carousel-controls span{font-size:13px;min-width:60px;text-align:center}.category-tile:focus-visible{outline-offset:-4px}@media(max-width:600px){.category-directory-grid{gap:14px}.category-tile,.category-tile:nth-child(even){flex-basis:88%;height:580px;max-height:76svh;scroll-snap-align:start}.category-tile h3{font-size:28px;left:20px;right:20px}.category-tile small{left:20px}.category-carousel-controls{justify-content:space-between}}