/* Petuno horizontal product carousel */
petuno-carousel{display:block;position:relative}
.pt-track{display:flex;gap:var(--pt-gap,16px);margin:0;padding:2px 0 8px;list-style:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.pt-track::-webkit-scrollbar{display:none}
.pt-slide{flex:0 0 calc((100% - (var(--pt-view,1.35) - 1) * var(--pt-gap,16px)) / var(--pt-view,1.35));min-width:0;scroll-snap-align:start;margin:0;padding:0;list-style:none}
petuno-carousel{--pt-view:1.35;--pt-gap:14px}
@media (min-width:750px){petuno-carousel{--pt-view:2.3;--pt-gap:20px}}
@media (min-width:990px){petuno-carousel{--pt-view:3.3;--pt-gap:24px}}
.pt-arrow{position:absolute;top:38%;transform:translateY(-50%);z-index:2;display:none;place-items:center;width:46px;height:46px;padding:0;border-radius:50%;border:1px solid rgba(var(--color-base-text),.16);background:rgb(var(--color-base-background-1));color:rgb(var(--color-base-text));box-shadow:0 6px 18px rgba(0,0,0,.14);cursor:pointer;transition:opacity .2s ease,background-color .2s ease,color .2s ease}
.pt-arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pt-arrow--prev{left:-18px}
.pt-arrow--next{right:-18px}
.pt-arrow:hover{background:rgb(var(--color-base-text));color:rgb(var(--color-base-background-1))}
.pt-arrow:focus-visible{outline:3px solid rgb(var(--color-base-accent-1));outline-offset:2px}
.pt-arrow[disabled]{opacity:0;pointer-events:none}
@media (hover:hover) and (min-width:750px){petuno-carousel .pt-arrow{display:grid}}
petuno-carousel[data-static] .pt-arrow{display:none}
@media (prefers-reduced-motion:reduce){.pt-track{scroll-behavior:auto}}