.category-nav-shell{position:relative;display:block;padding:0 6%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--cream)}
/* Keep geometry identical with and without arrows to prevent overflow feedback. */
.category-nav-shell .category-nav{position:static;width:100%;min-width:0;justify-content:space-between;gap:clamp(18px,2vw,35px);overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;scroll-behavior:auto;padding:18px 0;border:0;background:transparent}
.category-nav-shell .category-nav::-webkit-scrollbar{display:none}
.category-arrow{position:absolute;z-index:1;top:50%;display:block;visibility:hidden;width:36px;height:36px;padding:0;transform:translateY(-50%);border:1px solid var(--line);border-radius:50%;background:var(--cream);color:var(--wine);font:400 28px/1 var(--sans);cursor:pointer}
.category-arrow[data-scroll="-1"]{left:clamp(12px,3vw,48px)}
.category-arrow[data-scroll="1"]{right:clamp(12px,3vw,48px)}
.category-nav-shell.is-scrollable .category-arrow{visibility:visible}
.category-arrow:hover:not(:disabled){background:var(--wine);color:var(--cream)}
.category-arrow:disabled{opacity:.32;cursor:default}
.category-nav-shell .category-nav a{flex:0 0 auto;border-bottom:1px solid transparent}
.category-nav-shell .category-nav a:first-child{margin-left:0}
.category-nav-shell .category-nav a:last-child{margin-right:0}
.category-nav-shell .category-nav a:hover{border-bottom-color:var(--wine)}
@media(min-width:1001px){.category-nav-shell{padding-left:5cm;padding-right:5cm}}
@media(max-width:700px){.category-nav-shell{padding:0 8px}.category-nav-shell .category-nav{justify-content:flex-start;gap:23px;padding:14px 38px;font-size:.8rem}.category-arrow{width:30px;height:30px;font-size:24px}.category-arrow[data-scroll="-1"]{left:8px}.category-arrow[data-scroll="1"]{right:8px}}