/* Keep the category geometry stable while only the illustrations change. */
.fk-compact .fk-categories{position:relative}
.fk-compact .fk-category>.fk-category-visual{position:relative;display:block;width:100%;max-width:110px;height:90px;flex:none;margin:0 0 9px}
.fk-compact .fk-category .fk-category-visual img{position:absolute;inset:0;width:100%;max-width:none;height:100%;margin:0;object-fit:contain;opacity:0;transition:opacity .65s ease}
.fk-compact .fk-category .fk-category-visual img.is-visible{opacity:1}
.fk-compact .fk-category-motion-toggle{position:absolute;top:7px;right:7px;z-index:2;display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:5px;border:1px solid #dce8e6;border-radius:50%;background:#fff;color:#087e75;cursor:pointer;opacity:.75}
.fk-compact .fk-category-motion-toggle[hidden]{display:none}
.fk-compact .fk-category-motion-toggle:hover{opacity:1;background:#edf8f6}
.fk-compact .fk-category-motion-toggle:focus-visible{opacity:1;outline:2px solid #087e75;outline-offset:2px}
.fk-compact .fk-category-motion-toggle svg{display:block;width:14px;height:14px;fill:currentColor}
.fk-compact .fk-category-motion-toggle .fk-motion-play{display:none}
.fk-compact .fk-category-motion-toggle[aria-pressed="true"] .fk-motion-pause{display:none}
.fk-compact .fk-category-motion-toggle[aria-pressed="true"] .fk-motion-play{display:block}
@media(max-width:991px){.fk-compact .fk-category>.fk-category-visual{height:72px}}
@media(max-width:575px){.fk-compact .fk-category>.fk-category-visual{height:66px;margin-bottom:6px}.fk-compact .fk-category-motion-toggle{width:24px;height:24px;top:5px;right:5px}}
@media(prefers-reduced-motion:reduce){.fk-compact .fk-category .fk-category-visual img{transition:none}.fk-compact .fk-category-motion-toggle{display:none}}

/* A single navigation band distinguishes categories from the white product grid. */
.fk-compact .fk-categories{padding:12px;background:linear-gradient(110deg,#e8f4f2,#e0eeeb);border-radius:16px}
.fk-compact .fk-category{background:transparent;border-color:transparent;box-shadow:none;border-radius:10px}
.fk-compact .fk-category:hover{background:#d3e9e4;border-color:transparent;box-shadow:none}
.fk-compact .fk-category:focus-visible{outline:2px solid #087e75;outline-offset:2px;background:#d3e9e4}
.fk-compact .fk-category>span:not(.fk-category-visual):not(.fk-category__arrow){color:#245b54;font-weight:600}
.fk-compact .fk-category .fk-category-visual img{mix-blend-mode:multiply}
@media(max-width:575px){.fk-compact .fk-categories{padding:8px;border-radius:12px}.fk-compact .fk-category{border-radius:8px}}