.zeniora-mobile-category{display:flex;flex-direction:column;height:calc(100vh - var(--m-header-height, 60px) - 52px);overflow:hidden;background-color:#fff;font-family:inherit}.scrollbar-none{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-none::-webkit-scrollbar{display:none}.zeniora-mobile-category__tabs-nav{display:flex;overflow-x:auto;white-space:nowrap;border-bottom:1px solid rgba(0,0,0,.08);background-color:#fff;flex-shrink:0;z-index:10}.zeniora-mobile-category__tab-item{flex:0 0 auto;padding:14px 20px;font-size:14px;font-weight:500;color:#666;border:none;background:transparent;position:relative;transition:color .25s ease;cursor:pointer;-webkit-tap-highlight-color:transparent}.zeniora-mobile-category__tab-item:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:2.5px;background-color:transparent;transition:background-color .25s ease;border-top-left-radius:2px;border-top-right-radius:2px}.zeniora-mobile-category__tab-item.active{color:#000;font-weight:700}.zeniora-mobile-category__tab-item.active:after{background-color:#000}.zeniora-mobile-category__content{flex:1;overflow:hidden;position:relative}.zeniora-mobile-category__tab-panel{display:none;width:100%;height:100%;overflow:hidden}.zeniora-mobile-category__tab-panel.active{display:flex}.zeniora-mobile-category__sidebar{width:95px;flex-shrink:0;background-color:#f7f8fa;overflow-y:auto;height:100%}.zeniora-mobile-category__sidebar-item{width:100%;padding:18px 10px;font-size:13px;font-weight:400;color:#555;text-align:center;border:none;background:transparent;border-left:3.5px solid transparent;transition:all .2s ease;word-break:break-word;line-height:1.3;cursor:pointer;-webkit-tap-highlight-color:transparent}.zeniora-mobile-category__sidebar-item.active{background-color:#fff;color:#000;font-weight:600;border-left-color:#000}.zeniora-mobile-category__grid-container{flex:1;height:100%;overflow-y:auto;background-color:#fff;padding:16px 14px 90px;-webkit-overflow-scrolling:touch}.zeniora-mobile-category__grid-container.full-width{width:100%;padding:18px 16px 90px}.zeniora-mobile-category__grid-panel{display:none}.zeniora-mobile-category__grid-panel.active{display:block;animation:fadeInGrid .25s ease-out}@keyframes fadeInGrid{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.zeniora-mobile-category__grid-list{display:grid;row-gap:20px;column-gap:12px}.zeniora-mobile-category[data-columns="3"] .zeniora-mobile-category__grid-list{grid-template-columns:repeat(3,minmax(0,1fr))}.zeniora-mobile-category[data-columns="4"] .zeniora-mobile-category__grid-list{grid-template-columns:repeat(4,minmax(0,1fr))}.zeniora-mobile-category__grid-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#222;transition:opacity .15s ease;-webkit-tap-highlight-color:transparent}.zeniora-mobile-category__grid-item:active{opacity:.75}.zeniora-mobile-category__grid-image-wrapper{width:100%;aspect-ratio:1 / 1;background-color:#f7f7f7;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:8px;border:1px solid rgba(0,0,0,.03)}.zeniora-mobile-category__grid-image-wrapper img{width:100%;height:100%;object-fit:cover}.zeniora-mobile-category__grid-image-wrapper svg.m-placeholder-svg{width:60%;height:60%;fill:#ccc}.zeniora-mobile-category[data-image-shape=circle] .zeniora-mobile-category__grid-image-wrapper{border-radius:50%}.zeniora-mobile-category[data-image-shape=square] .zeniora-mobile-category__grid-image-wrapper{border-radius:8px}.zeniora-mobile-category__grid-title{display:block;width:100%;text-align:center;word-wrap:break-word;word-break:break-word;line-height:1.25}.zeniora-mobile-category[data-font-size=small] .zeniora-mobile-category__grid-title{font-size:11px}.zeniora-mobile-category[data-font-size=medium] .zeniora-mobile-category__grid-title{font-size:12px}.zeniora-mobile-category[data-font-size=large] .zeniora-mobile-category__grid-title{font-size:13.5px;font-weight:500}body.category{overflow:hidden!important;height:100vh!important;position:fixed!important;width:100%!important}body.category #MainContent{height:calc(100vh - var(--m-header-height, 60px) - var(--mobile-sticky-bar-height, 60px));overflow:hidden}body.category footer,body.category .m-footer,body.category .m-scroll-top-button{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/4/assets/zeniora-mobile-category-tabs.css.map */