.category-filter{position:relative;width:100%;max-width:1500px;margin:0 auto;padding:50px 0;min-height:141px}.category-filter i.icon-angle{position:absolute;right:15px;top:50%;transform-origin:50% 50%;transform:translateY(-30%) rotate(-135deg);width:15px;height:15px;border-right:1px solid #fff;border-bottom:1px solid #fff;transition:transform .5s,border-color .2s}.category-filter .category-filter__slider-wrapper{display:flex;align-items:center;justify-content:center;grid-gap:20px;gap:20px}.category-filter__slide{width:auto}.category-filter.few-items .category-filter__slide{min-width:200px}.category-filter__nav{position:relative;width:32px;height:32px}.category-filter__nav i.icon-angle{margin-top:-2px;border-color:var(--infra-primary)!important;border-right-width:2px;border-bottom-width:2px}.category-filter__nav--prev i.icon-angle{right:0;left:5px;transform:translateY(-40%) rotate(135deg)}.category-filter__nav--next i.icon-angle{right:5px;transform:translateY(-40%) rotate(-45deg)}.category-filter__pill{position:relative}.category-filter__pill__content{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:800px;grid-gap:8px;gap:8px;padding:10px 18px;border-radius:50px;border:none;cursor:pointer;background-color:#f0f0f0;color:#333;font-size:14px;font-weight:500;white-space:nowrap;text-align:center;transition:background-color .2s,color .2s}.category-filter__pill__content span{display:block;max-width:calc(100% - 25px);overflow:hidden;text-overflow:ellipsis}.category-filter__pill:not(.category-filter__pill--open) i.icon-angle{transform:translateY(-70%) rotate(45deg)}.category-filter__pill:not(.category-filter__pill--active):not(.category-filter__pill--open) i.icon-angle{border-color:#333}.category-filter__pill:hover:not(.category-filter__pill--active) .category-filter__pill__content{background-color:#e0e0e0}.category-filter__pill--active .category-filter__pill__content{background-color:#f5a623;color:#fff}.category-filter__dropdown{position:absolute;z-index:20;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;grid-gap:4px;gap:4px;background:#e6e6e6;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.12);padding:16px 28px;width:-moz-fit-content;width:fit-content;min-width:180px}.category-filter__sub-item{display:block;color:#333;font-size:14px;text-decoration:none;padding:4px 0;white-space:nowrap;transition:color .2s}.category-filter__sub-item:hover{color:#f5a623}.category-filter__sub-item--active{color:#f5a623;font-weight:600}.fade-enter-active,.fade-leave-active{transition:opacity .2s,transform .2s}.fade-enter,.fade-leave-to{opacity:0;transform:translateY(-6px)}.infra-product-card{display:flex;flex-direction:column;background:#fff;transition:box-shadow .2s}.infra-product-card__image-wrapper{background-color:transparent;display:flex;align-items:center;justify-content:center;padding:16px;aspect-ratio:1/1;border:1.5px solid #e8e8e8;border-radius:16px;overflow:hidden}.infra-product-card__image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.infra-product-card__image-placeholder{width:100%;height:100%;background:#e8e8e8}.infra-product-card__body{display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;padding:20px 16px 24px;flex:1;grid-gap:10px;gap:10px}.infra-product-card__name{font-size:15px;font-weight:700;color:#222;line-height:1.4;-webkit-line-clamp:2}.infra-product-card__description,.infra-product-card__name{margin:0;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.infra-product-card__description{font-size:14px;color:#777;line-height:1.3;-webkit-line-clamp:3}.infra-product-card__mpn{font-size:13px;word-break:break-all}.infra-product-card__mpn strong{font-weight:700;color:#000}.infra-product-card__btn{display:block;width:-moz-fit-content;width:fit-content;margin:10px auto 0;padding:12px;background-color:var(--infra-primary);color:#fff;font-size:15px;font-weight:600;text-align:center;text-decoration:none;border-radius:50px;transition:background-color .2s}.infra-product-card__btn:hover{background-color:#333;color:#fff}