@font-face{font-family:AccessPoppins;src:url('/assets/fonts/Poppins-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:AccessPoppins;src:url('/assets/fonts/Poppins-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
.access-catalog{background:#eee url('/assets/accesorios/accesorios-bg-2.png') center top/cover;color:#000}
.ds-page-accesorios #catalogo{scroll-margin-top:0}
.access-stage{position:relative;width:100%;max-width:1700px;aspect-ratio:3356/2343;margin:auto;container-type:inline-size}
.access-card{position:absolute;isolation:isolate}
.access-card__bg{position:absolute;inset:0;width:100%;height:100%;z-index:-1;border-radius:inherit}
.access-shins{left:10.459%;top:11.054%;width:41.836%;height:59.71%;border-radius:2.7cqw;overflow:hidden}
.access-balls{left:53.307%;top:11.353%;width:36.293%;height:25.139%;border-radius:1.1cqw;overflow:hidden}
.access-bags{left:53.307%;top:38.199%;width:36.293%;height:32.224%;border-radius:1.1cqw;overflow:hidden}
.access-copy{position:absolute;z-index:3}
.access-shins .access-copy{left:7.5%;top:10.5%}
.ds-page-accesorios .access-card h2{margin:0 0 .5cqw;font:400 5.8cqw/.8 "Accessories Krisha",sans-serif;letter-spacing:0}
.ds-page-accesorios .access-card p{margin:0;font:400 .86cqw/1.5 AccessPoppins,sans-serif}
.access-balls .access-copy,.access-bags .access-copy{right:6%;top:13%;text-align:right}
.access-bags .access-copy{top:9%}
.access-quote{position:absolute;z-index:5;width:13.77cqw;line-height:0}
.access-quote img{display:block;width:100%;height:auto}
.access-shins .access-quote{left:50%;transform:translateX(-50%);bottom:6%}
.access-balls .access-quote,.access-bags .access-quote{right:6%;bottom:6%}
.access-carousel{position:absolute}
.access-carousel--shins{left:5%;top:36%;width:90%;height:48%}
.access-product{position:absolute;max-width:none;object-fit:contain;will-change:transform;pointer-events:none}
.access-carousel--shins .access-product{width:51%;height:110%;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2}
.access-carousel--shins .access-product[data-slot="-1"]{transform:translate(-50%,-50%) translateX(-72%) scale(.4);z-index:1}
.access-carousel--shins .access-product[data-slot="1"]{transform:translate(-50%,-50%) translateX(72%) scale(.4);z-index:1}
.access-arrow{position:absolute;z-index:5;top:38%;width:1.4cqw;height:2.2cqw;padding:0;border:0;background:none;cursor:pointer}
.access-arrow img{width:100%;height:100%;object-fit:contain;filter:brightness(0)}
.access-arrow--prev{left:0}.access-arrow--next{right:0}
.access-carousel--pair{left:5%;top:19%;width:49%;height:66%}
.access-carousel--pair .access-product{left:29%;top:50%;height:100%;width:60%;transform:translate(-50%,-50%);z-index:2}
.access-carousel--pair .access-product[data-slot="1"]{transform:translate(-50%,-50%) translateX(85%) scale(.63);z-index:1}
.access-bags .access-carousel--pair{top:11%;height:82%;left:3%;width:53%}
.access-bags .access-product{height:122%;width:86%;left:32%}
.access-bags .access-product[data-slot="1"]{transform:translate(-50%,-50%) translateX(59%) scale(.55)}
.access-banner{position:absolute;left:8.4%;top:70.9%;width:85.65%;line-height:0}
.access-banner img{width:100%;height:auto;display:block}
@media(max-width:700px){
 .access-stage{display:grid;gap:16px;padding:90px 18px 32px;aspect-ratio:auto}
 .access-card,.access-banner{position:relative;inset:auto;width:100%}
 .access-shins{height:auto;aspect-ratio:1404/1399;border-radius:25px}
 .access-balls{height:auto;aspect-ratio:1218/589;border-radius:12px}
 .access-bags{height:auto;aspect-ratio:1218/755;border-radius:12px}
 .ds-page-accesorios .access-card h2{font-size:12cqw}
 .ds-page-accesorios .access-card p{font-size:2.4cqw}
 .access-quote{width:33cqw}
 .access-arrow{width:3.5cqw;height:5cqw}
 .access-banner{width:105%;margin-left:-2.5%}
}