.cat-carousel{content-visibility:auto;contain-intrinsic-size:auto 600px;padding:32px 0;overflow:hidden}.cat-carousel__container{max-width:none;margin:0;padding:0;overflow:hidden}.cat-carousel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding:0 max(16px,4vw)}.cat-carousel__title{font-family:var(--font-heading-family);font-size:2rem;font-weight:600;margin:0}.cat-carousel__nav{display:flex;gap:8px}.cat-carousel__arrow{width:32px;height:32px;border:1px solid rgba(var(--color-foreground),.2);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;color:rgb(var(--color-foreground));transition:background-color .2s ease,color .2s ease,transform .2s ease}.cat-carousel__arrow:hover{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.cat-carousel__track{display:flex;gap:10px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding:0 max(16px,4vw)}.cat-carousel__track::-webkit-scrollbar{display:none}.cat-carousel__slide{flex:0 0 calc((100% - 40px)/5);scroll-snap-align:start;text-decoration:none;color:rgb(var(--color-foreground));display:block}.cat-carousel__image-wrapper{aspect-ratio:4/7;overflow:hidden;border-radius:0;background:#f2f2f2}.cat-carousel__image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.cat-carousel__slide:hover .cat-carousel__image{transform:scale(1.04)}.cat-carousel__placeholder{width:100%;height:100%;background:#e0e0e0;display:flex;align-items:center;justify-content:center}.cat-carousel__name{font-family:var(--font-heading-family);font-size:1.2rem;font-weight:600;margin:12px 0 0;text-transform:uppercase;letter-spacing:1.2px}@media(max-width:989px){.cat-carousel__slide{flex:0 0 calc((100% - 20px) / 3)}}@media(max-width:749px){.cat-carousel{padding:24px 0}.cat-carousel__header{padding:0 16px}.cat-carousel__title{font-size:1.6rem}.cat-carousel__track{gap:10px;padding:0 16px}.cat-carousel__slide{flex:0 0 calc((100% - 10px)/2)}.cat-carousel__name{font-size:1rem;margin-top:8px;letter-spacing:1px}.cat-carousel__arrow{width:28px;height:28px}.cat-carousel__arrow svg{width:12px;height:12px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/fenleixuanxian.css.map */