.showcase_image_wall{max-width:1430px;padding:calc(30px + 2.6vw) 15px;margin:0 auto;letter-spacing:0}.section-showcase-image img{width:100%;height:auto;vertical-align:top}.noscroll{position:fixed;overflow:hidden;width:calc(100% + 0px);min-height:100vh}.showcase_image_wall .showcase_title{margin-bottom:27px;font-size:calc(20px + 1.875vw);text-align:center;font-weight:700;color:#000}.showcase_image_wall .showcase_subtitle{font-size:calc(16px + .4vw);text-align:center;color:#000}.showcase_image_wall .image_list{margin-top:calc(30px + 1.1vw);display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:calc(16px + 1.2vw)}.showcase_image_wall .image_list .image_item{position:relative;cursor:pointer}.showcase_image_wall .image_list .play_icon{position:absolute;top:50%;left:50%;width:50px;transform:translate(-50%,-50%)}.showcase_image_wall .image_list .image_item:hover .hover_active{filter:brightness(.5)}.showcase_image_wall .image_list .image_item span{position:absolute;bottom:14px;left:10px;font-size:14px;color:#fff}.showcase_image_wall .image_list .image_item .hover_text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:calc(20px + .84vw);width:90%;text-align:center;font-weight:700;display:none}.showcase_image_wall .image_list .image_item .hover_text p{color:#fff}.showcase_image_wall .image_list .image_item:hover .hover_text{display:block}.showcase_image_wall .show_more{max-width:180px;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:calc(14px + .24vw);background:#6dc0bb;line-height:2.5;font-weight:700;color:#000;margin:40px auto 0}.showcase_image_wall .show_more svg path{fill:#000}.showcase_image_wall .show_more span{margin-right:10px}.section-showcase-image .product_dialog{position:fixed;left:0;top:0;display:none;width:100%;height:100%;background:#00000080;z-index:25}.section-showcase-image .product_dialog .close_dialog{position:absolute;right:12px;top:12px;cursor:pointer;z-index:2;width:32px;height:32px}.section-showcase-image .product_dialog .close_dialog svg{width:100%;height:100%}.product_dialog .swiper_product{max-width:944px;width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);overflow:hidden}.product_dialog .swiper_product .swiper-slide{display:flex}.swiper_product .swiper-slide .left_media{width:64%;max-width:600px;position:relative}.swiper_product .swiper-slide .img_filter{background:#181818}.swiper_product .swiper-slide .img_filter img{visibility:hidden}.swiper_product .swiper-slide .left_media .video_box{width:auto;height:100%;position:absolute;left:50%;transform:translate(-50%);z-index:1}.swiper-slide .left_media div[class^=button_]{width:48px;height:48px;position:absolute;top:50%;cursor:pointer;transform:translateY(-50%);z-index:2}.swiper-slide .left_media div[class^=button_] svg{width:100%;height:100%}.swiper-slide .left_media .button_prev{left:10px}.swiper-slide .left_media .button_next{right:10px}.swiper-slide .left_media .swiper_button:not(.swiper-button-disabled):hover svg path:first-child{fill:#fff;stroke:#fff;opacity:1}.swiper-slide .left_media .swiper_button:not(.swiper-button-disabled):hover svg path:last-child{stroke:#000;opacity:1}.swiper-slide .right_detail{padding:calc(6px + 1.25vw) calc(8px + 1.25vw);background:#fff;flex:1;display:flex;flex-direction:column}.swiper-slide .right_detail .top_tag{flex:0 0 auto;padding:15px 0;border-bottom:1px solid #E6E9EB}.swiper-slide .right_detail .top_tag .text{color:#121212;font-size:20px}.swiper-slide .right_detail .top_tag .collect{display:flex;color:#7e7e7e;column-gap:5px;font-size:16px}.swiper-slide .right_detail .main_product{margin-top:15px;display:flex;flex-direction:column;flex:1 1 0px;overflow:auto}.swiper-slide .right_detail .header_title{color:#000;font-size:calc(16px + .4vw);font-weight:700;margin-bottom:15px;flex:0 0 auto}.right_detail .main_product .product_list{display:flex;flex:1 1 0px;overflow-y:auto;justify-content:space-between;padding-right:15px;flex-wrap:wrap;row-gap:calc(12px + .625vw)}.main_product .product_list .main_detail{width:46%;height:max-content;max-width:128px;color:#121212}.product_list .main_detail .pro_img{border-radius:3px;border:1px solid #E0E0E0;overflow:hidden}.product_list .main_detail .pro_title{line-height:1.25;margin:8px 0;font-size:14px;min-height:35px;color:#1a1a1a}.product_list .main_detail .pro_title span:first-child{font-weight:700;color:#262626;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.product_list .main_detail .transcy-money{font-size:16px;color:#000;font-weight:700}@media (max-width:1000px){.swiper_product .swiper-slide .left_media{width:65%}}@media (min-width:768px){.product_dialog .swiper_product .swiper-slide{border-radius:12px;overflow:hidden}}@media (max-width:767px){.section-showcase-image .product_dialog{background:#fff}.showcase_image_wall .showcase_title{font-size:calc(12px + 3.2vw)}.right_detail .main_product .product_list{padding:0}.section-showcase-image .product_dialog .close_dialog{width:24px;height:24px;right:20px;top:20px;background:#fff}.showcase_image_wall .image_list{grid-template-columns:1fr 1fr;grid-gap:20px 15px}.showcase_image_wall .image_list .image_item span{display:none}.swiper-slide .left_media div[class^=button_]{width:30px;height:30px}.swiper_product .swiper-slide .left_media{width:100%;max-width:unset}.section-showcase-image .product_dialog{overflow-y:auto}.product_dialog .swiper_product{transform:unset;top:0;left:0}.swiper-slide .right_detail .top_tag{display:flex;justify-content:space-between}.product_dialog .swiper_product .swiper-slide{flex-direction:column}.swiper-slide .right_detail .main_product,.right_detail .main_product .product_list{flex:1}.main_product .product_list .main_detail{max-width:unset}.swiper-slide .right_detail .top_tag .text{font-size:calc(4px + 3.2vw)}.swiper-slide .right_detail{padding:10px 18px 150px}.swiper-slide .right_detail .header_title{font-size:calc(4px + 3.2vw)}.showcase_image_wall .show_more{width:140px;font-size:15px}}body.dark-mode #MainContent{background:var(--dark-mode-bg-color2)!important;color:#fff!important}body.dark-mode .showcase_image_wall .show_more span{color:#000!important}
/*# sourceMappingURL=/cdn/shop/t/57/assets/showcase-image-wall.css.map?v=97855786646916309821734003272 */
