/* One round category-image foundation for Home, Categories and archive rails. */
.hbs-home-category-carousel .hbs-home-category-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 128px)/9);gap:16px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#ef42285c transparent;padding:10px 0 14px;min-width:0;max-width:100%}
.hbs-category-icon-card{min-width:0;scroll-snap-align:start}
.hbs-category-icon-card>a{display:flex;flex-direction:column;align-items:center;gap:12px;min-height:44px;text-align:center;padding:3px 0 5px}
.hbs-category-icon-round{display:grid;place-items:center;flex:none;width:min(100%,112px);aspect-ratio:1;border:1px solid #ef42282b;border-radius:50%;background:radial-gradient(circle at 40% 30%,#fff8,#e9e3d7);padding:5px;overflow:hidden;transition:background-color .25s,border-color .25s}
.hbs-category-icon-round>img{display:block;width:100%;height:100%;object-fit:contain;min-width:0;min-height:0}
.hbs-category-icon-card strong{font:700 clamp(12px,1.05vw,15px)/1.4 var(--hbs-body);text-transform:none;overflow-wrap:anywhere;min-height:2.8em;max-width:100%}
.hbs-category-icon-card>a:hover .hbs-category-icon-round{border-color:var(--hbs-red);background-color:#ef422811}
.hbs-category-icon-card>a:focus-visible{outline-offset:-2px}
.hbs-home-category-carousel .hbs-category-rail-controls{padding-top:0;min-height:46px}
.hbs-home-category-carousel .hbs-category-rail-controls>span{color:var(--hbs-muted)}
.hbs-home-category-carousel .hbs-category-rail-controls button{width:44px;height:44px;min-width:44px;min-height:44px;color:var(--hbs-ink);border-color:var(--hbs-line)}
.hbs-home-category-carousel .hbs-category-rail-controls button:hover:not(:disabled){background:var(--hbs-ink);color:var(--hbs-cream)}
/* Desktop rail art overrides the former mobile-only image opt-in. */
body.hbs-storefront .hbs-category-rail .hbs-category-tree-art{display:flex;align-items:center;justify-content:center;flex:none;width:38px;height:38px;border-radius:50%;background:var(--hbs-paper);padding:3px;overflow:hidden;color:var(--hbs-muted)}
body.hbs-storefront .hbs-category-rail .hbs-category-tree-art>img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain}
body.hbs-storefront .hbs-category-rail .hbs-category-tree-art>img+svg{display:none}
@media(max-width:760px){
 .hbs-home-category-carousel .hbs-home-category-grid{grid-auto-columns:calc((100% - 32px)/5);gap:8px;padding-top:7px;padding-bottom:10px}
 .hbs-category-icon-card>a{gap:8px}
 .hbs-category-icon-round{padding:3px}
 .hbs-category-icon-card strong{font:700 9px/1.35 var(--hbs-body);text-transform:none;letter-spacing:-.025em;min-height:2.7em}
 body.hbs-storefront .hbs-archive-page .hbs-category-rail .hbs-category-tree-art{display:flex;width:52px;height:52px;padding:3px}
 body.hbs-storefront .hbs-archive-page .hbs-category-rail .hbs-category-tree-art>img{display:block;width:100%;height:100%}
}
@media(prefers-reduced-motion:reduce){.hbs-category-icon-round{transition:none}}