.tk-subcat-section-wrapper{width:100%}.tk-subcat-section{background:var(--tk-subcat-bg, #fff);border-bottom:1px solid #ebebeb;padding:0}.tk-subcat-wrap{display:flex;align-items:center;gap:0;padding:10px 0;position:relative;max-width:var(--page-width, 1200px);margin:0 auto}.tk-subcat-arrow{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1.5px solid #e2e2e2;border-radius:50%;background:#fff;color:#555;cursor:pointer;transition:all .2s ease;z-index:2;padding:0;box-shadow:0 1px 4px #0000000f}.tk-subcat-arrow:hover{background:#f5f5f5;border-color:#bbb;color:#111}.tk-subcat-arrow--hidden{opacity:0;pointer-events:none}.tk-subcat-track{flex:1;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;padding:0 8px}.tk-subcat-track::-webkit-scrollbar{display:none}.tk-subcat-list{display:flex;align-items:center;gap:6px;list-style:none;margin:0;padding:0;white-space:nowrap}.tk-subcat-item{flex-shrink:0}.tk-subcat-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 16px;border:1.5px solid #e2e2e2;border-radius:12px;background:#fff;color:#444;font-size:13.5px;font-weight:500;line-height:1.3;text-decoration:none;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;white-space:nowrap;-webkit-user-select:none;user-select:none;letter-spacing:.01em}.tk-subcat-pill:hover{background:#f5f5f5;border-color:#ccc;color:#111;text-decoration:none}.tk-subcat-pill--active{background:#111;border-color:#111;color:#fff;box-shadow:0 2px 8px #0000001f}.tk-subcat-pill--active:hover{background:#222;border-color:#222;color:#fff}.tk-subcat-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#0000000f;border-radius:999px;font-size:11.5px;font-weight:600;color:inherit;line-height:1;transition:background .18s}.tk-subcat-pill--active .tk-subcat-count{background:#fff3}@media screen and (max-width:989px){.tk-subcat-wrap{padding:8px 16px}}@media screen and (max-width:749px){.tk-subcat-arrow{width:26px;height:26px}.tk-subcat-pill{padding:6px 13px;font-size:12.5px}.tk-subcat-count{font-size:10.5px;min-width:18px;height:18px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/teknolet-subcategory-bar.css.map */