.peraan-rec{--rec-gap: 20px;--rec-visible: var(--rec-per-view, 5);position:relative}.peraan-rec__track{display:flex;gap:var(--rec-gap);margin:0;padding:0 0 4px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none}.peraan-rec__track::-webkit-scrollbar{display:none}.peraan-rec__track>.grid__item{float:none;flex:0 0 calc((100% - (var(--rec-visible) - 1) * var(--rec-gap)) / var(--rec-visible));width:auto;max-width:none;margin:0;padding:0;scroll-snap-align:start}.peraan-rec__track>.grid__item .grid-product{margin-bottom:0}.peraan-rec__arrow{position:absolute;top:38%;z-index:4;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid rgba(0,0,0,.08);border-radius:50%;background:#ffffffe6;color:#1a1a1a;cursor:pointer;transform:translateY(-50%);transition:opacity .2s ease,background-color .2s ease}.peraan-rec__arrow svg{width:14px;height:14px}.peraan-rec__arrow:hover{border-color:#1a1a1a}.peraan-rec__arrow--prev{left:-20px}.peraan-rec__arrow--next{right:-20px}.peraan-rec__arrow[disabled]{opacity:0;pointer-events:none}.peraan-rec.is-static .peraan-rec__arrow{display:none}@media only screen and (max-width:1199px){.peraan-rec{--rec-visible: 3.3}}@media only screen and (max-width:768px){.peraan-rec{--rec-gap: 12px;--rec-visible: 2.2}.peraan-rec__arrow{width:32px;height:32px}.peraan-rec__arrow svg{width:15px;height:15px}.peraan-rec__arrow--prev{left:-6px}.peraan-rec__arrow--next{right:-6px}}@media(prefers-reduced-motion:reduce){.peraan-rec__track{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/peraan-recommendations.css.map */