.os-commerce .os-legacy-category-nav{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--category-cols,5) - 1)*24px)/var(--category-cols,5));gap:24px;margin:24px 0 36px;padding:8px 4px 14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#f47821 #fff7ef;overscroll-behavior-x:contain}
.os-commerce .os-legacy-category-nav a{display:flex;flex-direction:column;align-items:center;gap:20px;min-width:0;scroll-snap-align:start;text-align:center;text-decoration:none;color:inherit;padding:4px}
.os-commerce .os-legacy-category-image{display:block;width:180px;max-width:100%;aspect-ratio:1;border:5px solid #ff781f;border-radius:50%;padding:6px;background:#f4f1ed;box-sizing:border-box;overflow:hidden}
.os-commerce .os-legacy-category-image img,.os-commerce .os-legacy-category-placeholder{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.os-commerce .os-legacy-category-label{font-family:inherit;font-size:14px;line-height:1.6;font-weight:500;overflow-wrap:anywhere}
.os-commerce .os-legacy-category-nav a:focus-visible{outline:2px solid #211d19;outline-offset:0;border-radius:10px}
.os-commerce .os-legacy-category-nav a[aria-current="page"] .os-legacy-category-label{color:#ad4c13;font-weight:700}
@media(hover:hover){.os-commerce .os-legacy-category-nav a:hover .os-legacy-category-label{color:#ad4c13}}
@media(max-width:749px){.os-commerce .os-legacy-category-nav{grid-auto-columns:calc((100% - (var(--category-mobile-cols,2.3) - 1)*16px)/var(--category-mobile-cols,2.3));gap:16px;margin:16px 0 24px;padding-bottom:12px}.os-commerce .os-legacy-category-image{width:120px;border-width:3px;padding:4px}.os-commerce .os-legacy-category-nav a{gap:12px}.os-commerce .os-legacy-category-label{font-size:12px}}

.os-commerce .os-legacy-category-image--original{border:0;padding:0;background:transparent}.os-commerce .os-legacy-category-image--original img{transform:scale(1.25)}