.cat-nav{--cn-cream: #FFF8EA;--cn-ink: #241408;--cn-rust: #8B2F15;--cn-rust-2: #B5502A;--cn-shadow: 0 4px 10px rgba(36, 20, 8, .32);--cn-serif: Fraunces, Georgia, serif;--cn-sans: Roboto, var(--font-body-family), Arial, sans-serif;position:relative;z-index:20}.cat-nav .header__category-inner{padding-top:0;padding-bottom:0;gap:12px}.cat-nav__row{flex:1 1 auto;min-width:0;display:flex;align-items:flex-start;gap:clamp(18px,2vw,28px);margin:0;padding:7px 4px 6px;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cat-nav__row::-webkit-scrollbar{display:none}.cat-nav__row>li:first-child{margin-left:auto}.cat-nav__row>li:last-child{margin-right:auto}.cat-nav__item{flex:0 0 auto;width:72px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 4px 2px;background:var(--cn-cream);border:1px solid rgba(139,47,21,.18);border-radius:4px;box-shadow:var(--cn-shadow);text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform .2s ease,box-shadow .2s ease}.cat-nav__row>li:nth-child(odd) .cat-nav__item{transform:rotate(-3deg)}.cat-nav__row>li:nth-child(2n) .cat-nav__item{transform:rotate(2.5deg)}.cat-nav__item:hover,.cat-nav__item:focus-visible,.cat-nav__item.is-active{transform:rotate(0) translateY(-4px) scale(1.05)!important;box-shadow:0 0 0 2px var(--cn-rust-2),0 8px 16px #24140866;outline:none;text-decoration:none}.cat-nav__photo{display:block;width:64px;height:48px;object-fit:cover;border-radius:1px;background:#f3e6cc}.cat-nav__name{max-width:64px;padding:1px 0 2px;font:italic 600 11.5px/1.05 var(--cn-serif);color:var(--cn-rust);text-align:center;letter-spacing:.01em}.cat-nav__panels{position:absolute;left:0;right:0;top:100%;margin:0!important}.cat-nav__panel{padding:12px 0;background:var(--cn-cream);box-shadow:0 14px 28px #2816044d}.cat-nav__panel[hidden]{display:none}.cat-nav__panel-inner{width:max-content;max-width:100%;margin:0 auto;padding:0 20px;box-sizing:border-box}.cat-nav__body{display:flex;flex-direction:column;gap:8px}.cat-nav__head{display:flex;align-items:center;justify-content:space-between;gap:16px}.cat-nav__title{margin:0;font:400 19px/1.2 var(--cn-serif);color:var(--cn-ink)}.cat-nav__all{white-space:nowrap;text-decoration:none;padding:6px 12px;border-radius:18px;background:linear-gradient(135deg,var(--cn-rust) 0%,var(--cn-rust-2) 100%);color:#fff;font:700 12px var(--cn-sans)}.cat-nav__all:hover{text-decoration:none;filter:brightness(1.06)}.cat-nav__products{display:grid;grid-template-columns:repeat(6,104px);gap:12px;margin:0;padding:0;list-style:none}@media(max-width:1099px){.cat-nav__products{grid-template-columns:repeat(5,104px)}.cat-nav__products>li:nth-child(6){display:none}}.cat-nav__product{display:flex;flex-direction:column;gap:3px;min-width:0;text-decoration:none;color:var(--cn-ink);font:400 11.5px var(--cn-sans)}.cat-nav__product:hover{text-decoration:none}.cat-nav__product img,.cat-nav__product-img{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;border-radius:8px;background:#efe3cb}.cat-nav__product span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-nav__product b{color:var(--cn-rust)}.cat-nav__soon{margin:0;padding:10px 0 4px;min-width:300px;color:#6b5a48;font:400 13px var(--cn-sans)}@media(max-width:989px),(hover:none){.cat-nav__panels{display:none!important}}@media(max-width:749px){.cat-nav .header__category-inner{padding:0}.cat-nav__row{gap:12px;padding:14px 14px 12px;-webkit-mask-image:linear-gradient(to right,#000 95%,transparent);mask-image:linear-gradient(to right,#000 95%,transparent)}.cat-nav__row>li:first-child{margin-left:0}.cat-nav__item{width:80px}.cat-nav__photo{width:68px;height:62px}.cat-nav__name{max-width:72px;font-size:11.5px;line-height:1.05;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cat-nav__row,.cat-nav__item,.cat-nav__photo{transition:all .2s ease}.cat-nav.is-compact .cat-nav__row{padding:7px 12px;gap:8px}.cat-nav.is-compact .cat-nav__item{width:auto;flex-direction:row;gap:6px;padding:3px 12px 3px 3px;border-radius:18px;background:#ffffff1f;border:1px solid rgba(255,255,255,.35);box-shadow:none;transform:none!important}.cat-nav.is-compact .cat-nav__photo{width:28px;height:28px;border-radius:50%}.cat-nav.is-compact .cat-nav__name{display:block;white-space:nowrap;max-width:none;padding:0;font:600 12.5px var(--cn-sans);color:#fff}}@media(prefers-reduced-motion:reduce){.cat-nav__item,.cat-nav__row,.cat-nav__photo{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-category-nav.css.map */