.cat-rail{--tile:9.5rem}.cat-rail-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.1rem}.cat-rail-title{margin:0;font-family:var(--font-heading);font-weight:var(--fw-heading);font-size:clamp(1.3rem,2.4vw,1.75rem);color:var(--c-text);line-height:1.45}.rail-nav{display:flex;gap:.5rem;flex-shrink:0}.rail-btn{display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:12px;border:2px solid var(--c-primary);background:var(--c-card,#fff);color:var(--c-primary);cursor:pointer;transition:background .15s,color .15s,opacity .15s}.rail-btn:hover:not(:disabled){background:var(--c-primary);color:#fff}.rail-btn:disabled{opacity:.3;cursor:default}.rail-btn:focus-visible{outline:3px solid var(--c-secondary);outline-offset:2px}.rail-btn-flip{display:inline-flex;transform:scaleX(-1)}.cat-rail-track{list-style:none;margin:0;padding:.35rem .1rem 1rem;display:grid;grid-auto-flow:column;grid-auto-columns:var(--tile);gap:.9rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:.1rem;scrollbar-width:none;overscroll-behavior-x:contain}.cat-rail-track::-webkit-scrollbar{display:none}.cat-tile{scroll-snap-align:start}.cat-tile-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:var(--c-text);background:var(--c-card,#fff);border:1px solid var(--c-border,rgba(0,0,0,.08));border-radius:18px;padding:.5rem .5rem .8rem;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.cat-tile-link:focus-visible,.cat-tile-link:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(2,57,138,.12);border-color:var(--c-secondary);outline:none}.cat-tile-media{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;border-radius:13px;overflow:hidden;background:color-mix(in srgb,var(--c-secondary) 22%,var(--c-surface));color:var(--c-primary)}.cat-tile-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.cat-tile-link:hover .cat-tile-media img{transform:scale(1.06)}.cat-tile-label{margin-top:.65rem;font-weight:700;font-size:.98rem;color:var(--c-primary)}.cat-tile-hint,.cat-tile-label{padding-inline:.2rem;line-height:1.5}.cat-tile-hint{font-size:.8rem;color:var(--c-muted)}@media (max-width:640px){.cat-rail{--tile:8.25rem}.rail-nav{display:none}.cat-rail-track{margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px}}@media (prefers-reduced-motion:reduce){.cat-tile-link,.cat-tile-media img{transition:none}.cat-tile-link:hover{transform:none}}.cat-rail-wrap{margin-bottom:2.25rem}