.node-categories{padding:1.5rem 0 2rem;background-color:var(--color-background, #fff);overflow:hidden}.node-categories__container{display:flex;flex-direction:column;gap:1rem}.node-categories__header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.node-categories__heading{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text, #0f172a)}.node-categories__nav{display:none;gap:.5rem}.node-categories__nav-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--color-border, #e2e8f0);border-radius:50%;background-color:var(--color-background, #fff);color:var(--color-text, #0f172a);cursor:pointer;transition:all .2s ease}.node-categories__nav-btn:hover:not(:disabled){background-color:var(--color-primary, #0071dc);border-color:var(--color-primary, #0071dc);color:#fff}.node-categories__nav-btn:focus-visible{outline:2px solid var(--color-primary, #0071dc);outline-offset:2px}.node-categories__nav-btn:disabled{opacity:.4;cursor:not-allowed}.node-categories__nav-btn svg{width:20px;height:20px}.node-categories__carousel-wrapper{position:relative;margin:0 -1.5rem;padding:0 1.5rem}.node-categories__carousel{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;padding:.5rem 0}.node-categories__carousel::-webkit-scrollbar{display:none}.node-categories__pagination{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}.node-categories__dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-border, #e2e8f0);transition:background-color .2s ease,transform .2s ease}.node-categories__dot--active{background-color:var(--color-primary, #0071dc);transform:scale(1.25)}.node-category-card{display:flex;flex-direction:column;align-items:center;gap:.625rem;flex-shrink:0;width:80px;text-decoration:none;scroll-snap-align:start;transition:transform .2s ease}.node-category-card:hover{transform:translateY(-2px)}.node-category-card:focus-visible{outline:2px solid var(--color-primary, #0071dc);outline-offset:4px;border-radius:4px}.node-category-card__image-wrapper{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background-color:var(--color-background-secondary, #f8fafc);overflow:hidden;transition:background-color .2s ease,box-shadow .2s ease}.node-category-card:hover .node-category-card__image-wrapper{box-shadow:0 4px 12px #0000001a}.node-category-card--circle .node-category-card__image-wrapper{border-radius:50%}.node-category-card--rounded .node-category-card__image-wrapper{border-radius:12px}.node-category-card--square .node-category-card__image-wrapper{border-radius:4px}.node-category-card__image{width:100%;height:100%;object-fit:cover}.node-category-card__icon{font-size:1.75rem;line-height:1}.node-category-card__placeholder{color:var(--color-text-muted, #94a3b8)}.node-category-card__label{font-size:.75rem;font-weight:500;color:var(--color-text, #0f172a);text-align:center;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.node-category-card:hover .node-category-card__label{color:var(--color-primary, #0071dc)}.node-category-card__count{font-size:.625rem;color:var(--color-text-muted, #94a3b8)}@media(min-width:768px){.node-categories{padding:2rem 0}.node-categories__heading{font-size:1.5rem}.node-categories__nav{display:flex}.node-categories__pagination{display:none}.node-categories__carousel-wrapper{margin:0;padding:0}.node-categories__carousel{gap:1.25rem;overflow-x:hidden;scroll-snap-type:none}.node-category-card{width:100px}.node-category-card__image-wrapper{width:80px;height:80px}.node-category-card__label{font-size:.8125rem}}@media(min-width:1024px){.node-category-card{width:120px}.node-category-card__image-wrapper{width:100px;height:100px}.node-category-card__label{font-size:.875rem}}@media(min-width:1200px){.node-categories__carousel{gap:1.5rem}.node-category-card{width:140px}.node-category-card__image-wrapper{width:110px;height:110px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.node-category-card{animation:fadeInUp .4s ease forwards;animation-delay:calc(var(--card-index, 0) * .05s)}@media(prefers-color-scheme:dark){.node-categories{background-color:var(--color-background-dark, #0f172a)}.node-categories__heading{color:var(--color-text-dark, #f8fafc)}.node-categories__nav-btn{background-color:var(--color-background-secondary-dark, #1e293b);border-color:var(--color-border-dark, #334155);color:var(--color-text-dark, #f8fafc)}.node-category-card__image-wrapper{background-color:var(--color-background-secondary-dark, #1e293b)}.node-category-card__label{color:var(--color-text-dark, #f8fafc)}.node-categories__dot{background-color:var(--color-border-dark, #475569)}}@media(prefers-reduced-motion:reduce){.node-categories__carousel{scroll-behavior:auto}.node-category-card,.node-category-card__image-wrapper,.node-categories__nav-btn{transition:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-node-categories.css.map */