.custom-b2b-categories{position:relative}.custom-b2b-categories svg,.custom-b2b-categories svg path,.custom-b2b-categories svg circle,.custom-b2b-categories svg rect,.custom-b2b-categories svg ellipse,.custom-b2b-categories svg polygon,.custom-b2b-categories svg polyline,.custom-b2b-categories svg line{fill:none;stroke:currentColor}.custom-b2b-categories__header{text-align:center;margin-bottom:40px}.custom-b2b-categories__badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;margin-bottom:12px;line-height:1}.custom-b2b-categories__title{font-weight:800;line-height:1.2;letter-spacing:-.3px;margin:0 0 14px;color:inherit}.custom-b2b-categories__subtitle{font-size:16px;line-height:1.6;max-width:640px;margin:0 auto}.custom-b2b-categories__subtitle p{margin:0}.custom-b2b-categories__subtitle p+p{margin-top:8px}.custom-b2b-categories__slider-wrap{position:relative}.custom-b2b-categories__track{display:flex;gap:var(--gap, 20px);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 2px 8px;margin:-4px -2px -8px}.custom-b2b-categories__track::-webkit-scrollbar{display:none}.custom-b2b-categories__card{flex:0 0 calc((100% - (var(--per-view) - 1) * var(--gap, 20px)) / var(--per-view));text-decoration:none;display:flex;flex-direction:column;gap:12px}.custom-b2b-categories__image-wrap{position:relative;aspect-ratio:1 / 1;border-radius:var(--img-radius, 14px);overflow:hidden;background:#f4f4f7}.custom-b2b-categories__image-wrap img,.custom-b2b-categories__image-wrap svg{width:100%;height:100%;object-fit:cover;transition:transform .45s ease;display:block}.custom-b2b-categories__image-wrap .placeholder-svg{fill:#d0d0d0;stroke:none;object-fit:contain;padding:22%}.custom-b2b-categories__card:hover .custom-b2b-categories__image-wrap img{transform:scale(1.06)}.custom-b2b-categories__caption{text-align:center;font-size:14.5px;font-weight:600;line-height:1.35;transition:color .25s ease;padding:0 4px}.custom-b2b-categories--logos .custom-b2b-categories__image-wrap{aspect-ratio:3 / 2;padding:8% 12%;border:1px solid #E5E5E5;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}.custom-b2b-categories--logos .custom-b2b-categories__image-wrap img{object-fit:contain}.custom-b2b-categories--logos .custom-b2b-categories__card:hover .custom-b2b-categories__image-wrap{border-color:#f8392a;transform:translateY(-2px);box-shadow:0 10px 24px -10px #00000026}.custom-b2b-categories--logos .custom-b2b-categories__card:hover .custom-b2b-categories__image-wrap img{transform:none}.custom-b2b-categories__arrow{position:absolute;top:calc(50% - 34px);transform:translateY(-50%);z-index:3;width:44px;height:44px;border-radius:50%;border:1px solid var(--arrow-border, #E5E5E5);background:var(--arrow-bg, #FFFFFF);color:var(--arrow-color, #232323);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px #0000001a;transition:background .2s ease,color .2s ease,opacity .2s ease,transform .2s ease;-webkit-appearance:none}.custom-b2b-categories__arrow:hover{background:var(--arrow-bg-hover, #F8392A);color:var(--arrow-color-hover, #FFFFFF);border-color:var(--arrow-bg-hover, #F8392A)}.custom-b2b-categories__arrow svg{width:20px;height:20px}.custom-b2b-categories__arrow--prev{left:-18px}.custom-b2b-categories__arrow--next{right:-18px}.custom-b2b-categories__arrow[disabled]{opacity:0;pointer-events:none}@media(max-width:1200px){.custom-b2b-categories__arrow--prev{left:4px}.custom-b2b-categories__arrow--next{right:4px}}@media(max-width:1024px){.custom-b2b-categories__card{flex-basis:calc((100% - (var(--per-view-tablet) - 1) * var(--gap, 20px)) / var(--per-view-tablet))}}@media(max-width:767px){.custom-b2b-categories__header{margin-bottom:28px}.custom-b2b-categories__card{flex-basis:calc((100% - (var(--per-view-mobile) - 1) * var(--gap, 20px)) / var(--per-view-mobile))}.custom-b2b-categories__caption{font-size:13px}.custom-b2b-categories__arrow{width:38px;height:38px}.custom-b2b-categories__arrow svg{width:18px;height:18px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/component-custom-b2b-categories.css.map */