.more-categories{position:relative}.more-categories__heading{margin:0 0 16px;font-size:24px;font-weight:700;text-align:center;text-transform:capitalize;color:#1b0f66}.more-categories__rail-wrap{position:relative}.more-categories__grid{display:flex;list-style:none;margin:0;padding:0;gap:16px}.more-categories__grid--static{flex-wrap:wrap;row-gap:20px;padding-left:0 !important}.more-categories__item{width:calc((100% - 8px)/1.5);margin:0;flex:0 0 auto}@media screen and (width >= 750px){.more-categories__item{width:calc((100% - 16px)/2)}}@media screen and (width >= 990px){.more-categories__item{width:calc((100% - 48px)/4)}}.more-categories__link{display:flex;height:100%;overflow:hidden;background:#fff;border:1px solid #e6e6e6;border-radius:6px;text-align:center;text-decoration:none;color:inherit;transition:box-shadow .15s ease,transform .15s ease;flex-direction:column;align-items:stretch}.more-categories__link:hover,.more-categories__link:focus-visible{box-shadow:0 6px 20px rgba(0,0,0,.1);transform:translateY(-2px)}.more-categories__image{width:100%;height:auto;aspect-ratio:270/294;object-fit:contain;background:#f7f7f9}.more-categories__label{display:block;height:100%;margin:0;padding:10px 12px;background:#1b0f66;font-size:15px;font-weight:600;line-height:1.3;text-transform:capitalize;color:#fff}.more-categories__arrow{display:inline-flex;position:absolute;top:50%;z-index:2;width:44px;height:44px;margin:0;padding:0;background:#fff;border:1px solid #d9d9d9;border-radius:50%;color:#1b0f66;cursor:pointer;transition:background .15s ease,box-shadow .15s ease,opacity .15s ease;transform:translateY(-50%);box-shadow:0 2px 10px rgba(0,0,0,.1);align-items:center;justify-content:center}.more-categories__arrow:hover:not([disabled]){background:#1b0f66;color:#fff !important;box-shadow:0 4px 14px rgba(0,0,0,.18)}.more-categories__arrow[disabled],.more-categories__arrow.slider-button--disabled{opacity:.35;pointer-events:none}.more-categories__arrow .svg-wrapper{display:inline-flex;width:14px;height:14px}.more-categories__arrow svg{width:100%;height:100%;fill:currentcolor}.more-categories__arrow--prev{left:-8px}.more-categories__arrow--prev svg{transform:rotate(180deg)}@media screen and (width >= 750px){.more-categories__arrow--prev{left:-22px}}.more-categories__arrow--next{right:-8px}@media screen and (width >= 750px){.more-categories__arrow--next{right:-22px}}
