.collection-top-banner-wrapper{overflow:hidden}.collection-top-banner-wrapper .section-wrapper{position:relative;width:100%;height:100%}.collection-top-banner-wrapper .collection-hero .banner-media{position:relative;width:100%;height:300px;display:flex}.collection-top-banner-wrapper .collection-hero .banner-media.no-img{height:150px}.collection-top-banner-wrapper .collection-hero .section-wrapper .banner-media:before{content:"";position:absolute;height:100%;width:100%;left:0;top:0;z-index:1;opacity:0}.collection-top-banner-wrapper .collection-hero img{position:absolute;top:50%;left:50%;height:100%;width:100%;object-fit:cover;transform:translate(-50%,-50%)}.collection-top-banner-wrapper .collection-hero .banner-content{margin:0 auto;padding:40px 0}.collection-top-banner-wrapper .collection-hero .banner-content .sec-head{max-width:966px;width:100%;margin:0 auto}.collection-top-banner-wrapper .collection-hero .banner-content .sec-head .sec-title{font-size:36px;letter-spacing:.36px;line-height:1.22;font-weight:600}.collection-top-banner-wrapper .collection-hero .banner-content .sec-head .sec-text{margin-top:30px}.collection-top-banner-wrapper .collection-hero .banner-content .sec-head .sec-text>*:first-child{margin-top:0}.collection-top-banner-wrapper .collection-hero .banner-content .sec-head .sec-text>*:last-child{margin-bottom:0}.collection-top-banner-wrapper .sec-head .sec-title{margin:0;max-width:700px}.collection-top-banner-wrapper .sec-head .sec-text{margin-top:30px;width:100%;max-width:966px}.collection-top-banner-wrapper .sec-head .sec-text,.collection-top-banner-wrapper .sec-head .sec-text p{font-size:16px;letter-spacing:0px;line-height:24px}.collection-top-banner-wrapper .sec-head .sec-text a,.collection-top-banner-wrapper .sec-head .sec-text p a{font-weight:600;text-decoration:underline;text-underline-offset:3px}.collection-top-banner-wrapper .sec-head .sec-text a:hover,.collection-top-banner-wrapper .sec-head .sec-text p a:hover{text-underline-offset:6px}.collection-top-banner-wrapper .collection-block-list{max-width:1060px;width:100%;margin:30px auto 0}.collection-top-banner-wrapper .collection-block-list .swiper-slide{width:auto}.collection-top-banner-wrapper .collection-block-list .list-item{display:flex;flex-flow:column;align-items:center;gap:12px;text-decoration:none;transition:all .5s cubic-bezier(.68,-.55,.27,1.55)}.collection-top-banner-wrapper .collection-block-list .list-item .media-box{position:relative;width:120px;border-radius:50%;overflow:hidden;outline:1px solid transparent;outline-offset:-4px;transition:all .5s cubic-bezier(.68,-.55,.27,1.55);box-shadow:0 0 1px #000}.collection-top-banner-wrapper .collection-block-list .list-item .media-box:before{content:"";display:flex;width:100%;padding-bottom:100%;background:#f8f7f1}.collection-top-banner-wrapper .collection-block-list .list-item .media-box .media{position:absolute;left:0;top:0;height:100%;width:100%;object-fit:cover;background:transparent}.collection-top-banner-wrapper .collection-block-list .list-item .item-title{font-size:13px;font-weight:800;letter-spacing:1.3px;color:rgba(var(--color-title),1);line-height:16px;text-transform:uppercase;border:1px solid #000;padding:10px 7px;border-radius:var(--buttons-radius-outset);width:100%;text-align:center}.collection-top-banner-wrapper .collection-block-list .list-item:hover .item-title,.collection-top-banner-wrapper .collection-block-list .list-item.active .item-title{background:#f15a24;color:#fff;border-color:#f15a24}.collection-top-banner-wrapper .collection-block-list .list-item:hover .media-box,.collection-top-banner-wrapper .collection-block-list .list-item.active .media-box{outline:3px solid #F15A24;outline-offset:0}.collection-top-banner-wrapper .collection-block-list .swiper-main-wrapper{transition:all .2s linear}.collection-top-banner-wrapper .collection-block-list .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#f15a24}@media screen and (max-width:749px){.collection-top-banner-wrapper .collection-hero .banner-media.no-img{height:110px}.collection-top-banner-wrapper .collection-hero .banner-media.no-img img{object-position:left}.template-collection .collection-top-banner-wrapper .sec-head{text-align:left}.collection-top-banner-wrapper .collection-block-list{margin:20px auto 0}.collection-top-banner-wrapper .collection-block-list .swiper{padding:0 10px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/collection-top-banner.css.map */