/* Shared quiet category controls: products retain the visual priority. */
.zk-category-navigation { margin: 1rem 0 1.5rem; }
.zk-category-buttons { display:grid; grid-template-rows:repeat(2,auto); grid-auto-flow:column; grid-auto-columns:178px; gap:8px; list-style:none; margin:0; padding:4px 4px 10px; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:thin; scrollbar-color:#cd7a8b #fce9e3; }
.zk-category-buttons > li { min-width:0; margin:0; }
.zk-category-button { display:flex; align-items:center; gap:10px; min-height:62px; height:100%; padding:7px 10px 7px 7px; border:1px solid var(--line); border-radius:13px; background:#fff9f6; color:var(--ink); text-decoration:none; }
.zk-category-button-image { flex:0 0 44px; width:44px; height:44px; overflow:hidden; border-radius:9px; background:#fff0e7; }
.zk-category-button-image img { display:block; width:100%; height:100%; object-fit:contain; }
.zk-category-button-name { font-family:var(--font-body); font-size:.8rem; font-weight:800; line-height:1.35; overflow-wrap:anywhere; }
.zk-category-button:hover { background:#fbe5e3; border-color:#d598a3; }
.zk-category-button:focus-visible { outline:3px solid var(--accent); outline-offset:2px; }
@media(min-width:768px) {
 .zk-category-buttons { grid-template-rows:none; grid-auto-flow:row; grid-auto-columns:auto; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); overflow:visible; padding:4px; }
}
@media(prefers-reduced-motion:no-preference) { .zk-category-button { transition:background-color .18s ease,border-color .18s ease; } }