.scene-collocation{min-height:45vh}.scene-collocation-banner,.scene-collocation-banner-h5{width:100%;object-fit:cover}.banner-scene{position:relative}.banner-scene .scene-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff}.banner-scene .scene-text-title{padding-bottom:10px}.banner-scene .scene-text-desc{font-size:12px}.scene-collocation .collocation-cont{padding-top:40px;display:flex}.scene-collocation .collocation-cont-left{font-size:12px;width:255px;padding-right:25px;margin-right:25px;border-right:1px solid #eee}.scene-collocation .collocation-cont-left-cont,.scene-collocation .collocation-cont-left{position:sticky;z-index:2;top:0;background:#fff}.collocation-cont-left-title{display:flex;justify-content:space-between;padding-bottom:35px}.scene-collocation .category-name{position:relative;cursor:pointer}.scene-collocation .category-item{cursor:pointer}.category-name .icon-plus{display:block}.scene-collocation .icon-plus:before{content:"+";font-size:20px;color:#aeaeae;position:absolute;right:0;top:50%;transform:translateY(-50%);width:12px;display:flex;justify-content:center;display:none}.category-name.is-open .icon-plus:before{content:"-"}.category-text .view-more,.category-name-list,.modal-product-item .modal-product-size{display:flex;align-items:center}.category-text .view-more>img{width:10px;margin-left:8px}.category-name-list.is-active{display:none}.category-text .view-more{cursor:pointer}.category-name-list{text-transform:capitalize}.category-name-list,.category-text .view-more{padding-top:16px}.category-name-list .category-quare{width:20px;height:20px;border:1px solid #eeeeee;display:flex;justify-content:center;margin-right:8px}.category-name-list.is-select .category-quare{background-color:var(--theme-btn-border-color);border:1px solid var(--theme-btn-border-color)}.category-quare .check-icon{width:20px;height:20px}.scene-collocation .collocation-cont-right{width:100%;display:flex;flex-wrap:wrap;gap:8px}.collocation-cont-right-item{width:calc((100% - 16px) / 3);position:relative;cursor:pointer}.collocation-cont-right-item:nth-child(3n){padding-right:0}.collocation-cont-right-item .collocation-cont-right-item-img{width:100%!important;aspect-ratio:.66;object-fit:cover}.collocation-cont-right-item .collocation-cont-right-item-bot-img{width:64px!important;aspect-ratio:1;object-fit:cover;cursor:pointer}.collocation-swiper{padding:5px;background:#f8f8f8}.collocation-cont-right-item .collocation-cont-right-item-bot{display:flex}.collocation-modal{display:none;position:fixed;top:0;left:0;background:#0009;width:100%;height:100%;z-index:99}.collocation-modal-content{background-color:#fff;width:1000px;height:750px;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:100;display:flex}.collocation-modal-content-right,.collocation-modal-img-thumbs{width:50%}.collocation-modal-content-left{width:100%}.collocation-modal-content-right{padding:0 20px 20px;position:relative}.collocation-modal-content-left-img{height:680px;object-fit:cover;cursor:pointer}.modal-product .modal-product-item{width:calc((100% - 20px)/2);font-size:11px}.modal-product-item .modal-product-item-img{width:100%;aspect-ratio:.66;object-fit:cover}.modal-product-size-select{position:relative}.modal-product-size .size-list{width:72px;text-align:center;border:#f9f9f9 1px solid}.collocation-modal-content-right .modal-product{display:flex;flex-wrap:wrap;gap:18px;padding-bottom:65px}.collocation-modal-content-right .modal-title{padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #e5e5e5;position:sticky;top:0;background:#fff;padding-top:20px}.modal-title .title-name{font-size:18px;font-weight:700;display:flex;justify-content:space-between;align-items:center}.title-name .collocation-modal-close-pc{width:20px;cursor:pointer}.modal-title .title-desc{font-size:12px;word-break:break-word}.modal-product-item .modal-product-item-name{font-size:11px;padding-top:6px;padding-bottom:8px;text-align:center}.modal-product-item .modal-product-size{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px}.modal-product-item .current-size{padding:2px 5px;background-color:#f8f8f8;border-radius:14px;display:flex;align-items:center;margin-left:5px;cursor:pointer}.current-size .botTriModal{width:8px;margin-left:6px}.botTriModal.botTriModalActive{transform:rotate(180deg)}.collocation-modal-content-right .buy-button{font-size:14px;background:var(--theme-btn-background-color);border-radius:4px;text-align:center;padding:8px;color:#fff;cursor:pointer}.modal-product-size .size-item{height:30px;width:44px;text-align:center;line-height:29px;cursor:pointer;border:1px solid #eeeeee;box-sizing:border-box}.size-item.size-item-active{background:var(--theme-btn-background-color);color:#fff}.modal-product-size .size-item.sold-out,.collocation-modal-content-right .sold-out-btn{background:#ededed;color:#6d6d6d;pointer-events:none}.collocation-modal-content-right .sold-out-btn{pointer-events:none;color:#bdc0c3}.collocation-modal-content-right .sold-in-btn{pointer-events:unset;color:#fff;background-color:var(--theme-btn-background-color)}.modal-product-size .size-item:hover{background:var(--theme-btn-background-color);color:#fff}.collocation-modal-close{width:20px!important;position:absolute;right:-38px;cursor:pointer}.collocation-modal-content-bot-img{width:60px!important;height:60px;object-fit:cover;cursor:pointer}.content-bot-bg{padding:5px}.content-bot-bg .swiper-slide-thumb-active,.collocation-cont-right-item-bot .swiper-slide-thumb-active{border:1px solid var(--theme-btn-background-color);padding:1px;box-sizing:border-box}.content-bot-bg .swiper-slide-thumb-active{border:1px solid #fff}.swiper-thumbs-product-bot{position:absolute;bottom:0;width:100%}.swiper-thumbs-product-bot .swiper-thumbs-product{background:var(--theme-btn-background-color)}.collocation-cont-right-all .halo-block-loader{position:fixed}.collocation-modal-img-thumbs .detail-video{display:block;width:100%}.soldOut-text{color:red;font-size:10px;margin-top:5px;display:none}.collocation-cont-right-item-wrapper .scene-add,.collocation-modal-content-right .title-name-mobile{display:none}.collocation-cont-bot-info{padding:8px 6px;min-height:90px}.collocation-cont-bot-info .info-text-left{max-width:110px;word-wrap:break-word}.collocation-cont-bot-info .info-text{font-size:10px;display:flex;justify-content:space-between}.collocation-cont-bot-info .bot-info-add{background:var(--theme-btn-background-color);border-radius:4px;padding:8px 0;font-size:12px;color:#fff;text-align:center;margin-top:9px}.modal-product-item .modal-product-item-price{font-size:12px;text-align:center;padding-bottom:8px}.collocation-cont-bot-info .bot-info-text-two{min-height:30px}.collocation-cont-bot-info .bot-info-text-three{min-height:45px}.collocation-cont-bot-info .bot-info-text-four{min-height:60px}.buy-button-all{z-index:9}@media screen and (min-width: 1025px){.h5-bot-tri,.collocation-modal-close-h5,.title-name-pc,.bot-numbers,.apply-text,.scene-collocation-banner-h5{display:none!important}.swiper-thumbs-product-bot{width:500px}.clear-wrap-bot .clear-type{text-align:right;cursor:pointer}.collocation-cont-right-all{flex:1;width:calc(100% - 255px)}.collocation-modal-img-thumbs .detail-video{display:block;width:100%;max-height:750px}.collocation-modal-content-right{overflow-y:auto}.buy-button-all{background:#fff;padding:20px 0;position:fixed;width:460px;bottom:0}.scene-collocation .collocation-cont-left-cont{top:75px}}@media screen and (min-width: 768px) and (max-width: 1024px){.collocation-modal-content{width:700px;height:600px}}@media screen and (max-width: 1024px){.scene-collocation-banner{display:none!important}.clear-wrap-bot .btn-select{display:flex;flex:1;justify-content:space-between}.bot-numbers{padding-right:20px}.hide-scene-list-bg{width:100%;height:100%;background:#0009;position:fixed;z-index:9;display:none}.collocation-cont-left .category-text{gap:12px;display:flex;flex-wrap:wrap}.hide-scene-list{padding:0 15px 12px;position:absolute;width:100%;background:#fff;z-index:11;border-radius:0 0 12px 12px}.collocation-cont.container{padding:0;display:block}.scene-collocation .collocation-cont-left{width:100%;padding:12px 0;margin-right:0}.scene-collocation .category-list{display:flex;flex-wrap:wrap}.collocation-cont-left-title{padding:0 15px 15px}.category-name .icon-plus,.collocation-modal-close,.collocation-modal-content-right .title-name{display:none!important}.h5-bot-tri{display:block;width:10px;margin-left:5px}.scene-collocation .category-name{display:flex;align-items:center;padding-left:15px}.h5-bot-tri.is-rotated{transform:rotate(180deg)}.scene-collocation .category-item{position:relative}.category-list-wrap{position:absolute;background:#fff;top:18px;z-index:999;width:100%;left:0;padding:0 15px 15px;border-radius:0 0 12px 12px}.clear-wrap-bot{display:flex;justify-content:space-between;padding-top:12px;align-items:center}.clear-wrap-bot .clear-type,.clear-wrap-bot .apply-text{width:48%;text-align:center;padding:7px 0;border-radius:4px;font-weight:700}.clear-wrap-bot .clear-type{background:#f5f5f5}.clear-wrap-bot .apply-text{background:var(--theme-btn-background-color);color:#fff}.collocation-cont-right-item{width:calc((100% - 3px)/2)}.collocation-cont-right-item:nth-child(5n){width:100%}.scene-collocation .collocation-cont-right{gap:3px}.collocation-cont-right-item .collocation-cont-right-item-bot-img{width:48px!important}.collocation-modal-content-right,.collocation-modal-img-thumbs{width:100%;position:relative}.collocation-modal-content{width:100%;height:90%;z-index:100;display:block;overflow:auto;bottom:0;left:unset;top:unset;transform:unset}.collocation-modal-close-h5{width:18px!important;height:18px}.collocation-modal-content-right{padding:15px}.collocation-modal-content-right .modal-title{padding-bottom:15px;margin-bottom:15px}.collocation-modal-content-right .modal-product{gap:8px}.modal-product .modal-product-item{width:calc((100% - 8px)/2)}.collocation-modal-content-right .modal-product{height:unset;overflow-y:unset;padding-bottom:70px}.buy-button-all{width:100%;background:#fff;padding:15px;position:fixed;bottom:0;left:0}.collocation-modal-content-right .buy-button{position:relative;width:unset;bottom:0}.modal-product-size .size-list{top:unset;bottom:28px}.h5-close-all{position:sticky;z-index:2;display:flex;justify-content:space-between;padding:15px;font-size:18px;font-weight:700;top:0;align-items:center;background-color:#fff}.h5-close-all .title-name-pc{max-width:85%}}@media screen and (max-height: 800px) and (min-width: 1024px){.collocation-modal-content{height:580px}.collocation-modal-img-thumbs .collocation-modal-content-left{height:100%}.collocation-modal-content-left .swiper-wrapper{height:calc(100% - 70px)}.collocation-modal-content-left .swiper-wrapper .collocation-modal-content-left-img{height:100%}}.product-collocation{min-height:unset}.product-collocation-title{font-size:13px;padding-bottom:15px}.halo-activity-h5 .product-collocation-title{margin-top:-20px}.product-collocation .collocation-cont-right-item{width:calc((100% - 3px)/2)}.product-collocation .collocation-cont-right{gap:3px}.product-collocation .collocation-cont-right-item-bot-img{width:48px!important}.product-collocation .collocation-swiper{background:#f8f8f8}.product-collocation .collocation-cont-right-item-bot .swiper-slide-thumb-active{border:1px solid var(--theme-btn-background-color)}.product-collocation .collocation-cont-right-item-wrapper .scene-add{display:flex;font-size:12px;align-items:center;position:absolute;bottom:0;width:100%;justify-content:center;padding:8px 0;background:#ffffffe6}.scene-add .add-scene{width:10px;height:10px;margin-left:5px}.product-collocation .collocation-cont-right{flex-wrap:nowrap;overflow-x:auto}.product-collocation .scroll-bar{position:relative;width:80px;background-color:#ddd;margin:25px auto 0;border-radius:4px;height:4px;display:none}.product-collocation .scroll-thumb{position:absolute;top:0;left:0;height:100%;background-color:var(--theme-btn-background-color);border-radius:4px;display:block}.collocation-cont-right::-webkit-scrollbar{height:0px}
/*# sourceMappingURL=/cdn/shop/t/504/assets/component-scene-collocation.css.map */