.cat-pills-wrap{align-items:center;width:100%;margin-bottom:36px;display:flex;position:relative}.cat-pills-wrap .cat-row{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;scroll-snap-type:x mandatory;flex-wrap:nowrap;align-items:center;gap:8px;width:100%;margin-bottom:0;padding:4px 48px;scroll-padding-left:48px;scroll-padding-right:48px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#fff 48px calc(100% - 48px),#0000);mask-image:linear-gradient(90deg,#0000,#fff 48px calc(100% - 48px),#0000)}.cat-pills-wrap .cat-row::-webkit-scrollbar{display:none}.cat-pills-wrap .cat-pill{scroll-snap-align:start;flex-shrink:0}.cat-nav{z-index:10;background:var(--c-white);width:38px;height:38px;color:var(--c-navy);cursor:pointer;border:1.5px solid #e0e0e0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Poppins,sans-serif;transition:background .2s,border-color .2s,color .2s,box-shadow .2s,opacity .2s,transform .15s;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #00000014}.cat-nav:hover:not(:disabled){border-color:var(--c-navy);background:var(--c-mint)}.cat-nav:disabled{opacity:0;pointer-events:none}.cat-nav-prev{left:0}.cat-nav-next{right:0}.cat-nav-next:not(:disabled){background:var(--c-red);border-color:var(--c-red);color:var(--c-white);box-shadow:0 4px 12px #ff4f404d}.cat-nav-next:not(:disabled):hover{background:#e8443a;border-color:#e8443a}@media (max-width:768px){.cat-pills-wrap .cat-row{padding:4px 40px;scroll-padding-left:40px;scroll-padding-right:40px;-webkit-mask-image:linear-gradient(90deg,#0000,#fff 40px calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#0000,#fff 40px calc(100% - 40px),#0000)}.cat-nav{width:34px;height:34px}}