.collection-nav-list{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);color:var(--text-color);background-color:var(--bg-color)}.collection-nav-list-box{display:flex;justify-content:center;gap:var(--item-gap);margin:0 auto;text-align:var(--text-align)}.collection-nav-list .item-image-box{overflow:hidden}.collection-nav-list .item-image-box img{display:block;width:100%;height:auto;transition:all .2s linear}.collection-nav-list .item-content-box{width:100%;margin-top:0;position:absolute;left:0;bottom:clamp(8px,.84vw,16px);color:inherit;font-size:clamp(16px,1.05vw,20px);font-weight:700;line-height:1;font-family:var(--fonts-header);padding:0 2px;text-wrap:pretty}.collection-nav-list .collection-nav-list-item{position:relative;overflow:hidden;flex:1}.collection-nav-list-box:not(.slick-initialized){overflow:hidden;flex-wrap:nowrap}.collection-nav-list-box:not(.slick-initialized) .collection-nav-list-item{min-width:calc(20% - var(--item-gap) * 4 / 5);max-width:calc(20% - var(--item-gap) * 4 / 5)}.collection-nav-list-box.slick-initialized{margin-left:calc(-1 * var(--item-gap))}.collection-nav-list-box.slick-initialized .collection-nav-list-item{padding-left:var(--item-gap)}.collection-nav-list .collection-nav-list-item:hover img{transform:scale(1.05);transition:all .2s linear}.collection-nav-list .collection-nav-list-item .item-image-box:after{display:block;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--mask-bg-color)}.collection-nav-list a{display:block;width:100%;height:100%;position:relative;overflow:hidden;border:1px solid transparent;box-sizing:border-box}.collection-nav-list a:hover{color:var(--highlight-text-color)}.collection-nav-list a:focus,.collection-nav-list a:focus-visible,.collection-nav-list a:focus-within{border:1px solid var(--highlight-text-color)}.collection-nav-list .slick-arrow.slick-prev{left:var(--item-gap);transform:translate(-50%)}.collection-nav-list .slick-arrow.slick-next{right:0;transform:translate(50%)}.collection-nav-list .slick-dots{margin-top:10px;width:100%}@media only screen and (min-width:1001px)and (max-width:1200px){.collection-nav-list-box:not(.slick-initialized) .collection-nav-list-item{min-width:calc(25% - var(--item-gap) * 3 / 4);max-width:calc(25% - var(--item-gap) * 3 / 4)}}@media only screen and (min-width:750px)and (max-width:1000px){.collection-nav-list-box:not(.slick-initialized) .collection-nav-list-item{min-width:calc(33.3% - var(--item-gap) * 2 / 3);max-width:calc(33.3% - var(--item-gap) * 2 / 3)}}@media only screen and (max-width:749px){.collection-nav-list{padding-top:var(--mb-padding-top);padding-bottom:var(--mb-padding-bottom)}.collection-nav-list .page-width{padding:0}.collection-nav-list-box:not(.slick-initialized) .collection-nav-list-item{min-width:calc(50% - var(--item-gap) / 2);max-width:calc(50% - var(--item-gap) / 2)}.collection-nav-list-box.slick-initialized{flex-wrap:wrap;padding-left:1.5rem}.collection-nav-list .slick-dots{margin-left:-.75rem}.collection-nav-list-box .slick-list{padding-left:0!important}}
/*# sourceMappingURL=/cdn/shop/t/366/assets/section-collection-nav-list.css.map */