.public-layout .header{height:auto}
.public-layout .header>.nav{height:76px}
.public-layout main>.section:first-child:not(.hero){padding-top:150px}
.category-nav{border-top:1px solid rgba(255,255,255,.1);background:rgba(3,15,39,.92)}
.category-nav-scroll{display:flex;align-items:center;justify-content:safe center;gap:4px;min-height:43px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:rgba(255,121,0,.65) transparent}
.category-nav-scroll::-webkit-scrollbar{height:3px}
.category-nav-scroll::-webkit-scrollbar-thumb{background:rgba(255,121,0,.65);border-radius:10px}
.category-nav a{flex:0 0 auto;display:inline-flex;align-items:center;min-height:42px;padding:8px 14px;border-bottom:2px solid transparent;color:rgba(255,255,255,.8);font-size:12px;font-weight:700;white-space:nowrap;transition:.2s}
.category-nav a:hover,.category-nav a:focus-visible,.category-nav a[aria-current="page"]{color:#fff;border-bottom-color:#ff7900;background:rgba(255,255,255,.05)}
@media(min-width:851px){.public-layout .header:has(+ main>.hero) .category-nav{background:rgba(3,15,39,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}
@media(max-width:850px){.category-nav-scroll{width:100%;padding-left:14px;padding-right:14px}.category-nav a{padding-left:12px;padding-right:12px}.public-layout main>.hero:first-child{margin-top:119px}.public-layout .product-page,.public-layout .cart-page{padding-top:148px}}