.main_product{padding-top:40px;padding-bottom:12px;display:flex;justify-content:space-between;--theme_color: #474747;--theme_color_rgb: 71, 71, 71;--main_color: #008c38;color:var(--theme_color);font-size:16px}.main_product .icon--thick{stroke-width:1px}.main_product .icon--thick path{stroke-width:1px}.main_product .left{width:calc(54% - 20px)}.main_product .left .media_list_box{position:sticky;top:var(--header_height)!important}.main_product .left .media{background:none}.main_product .left .swiper_btns{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:0;display:flex;align-items:center;justify-content:space-between;z-index:2}.main_product .left .swiper_btns .swiper_btn{width:50px;height:50px;background-color:transparent;color:#474747;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease,color .3s ease;cursor:pointer}.main_product .left .swiper_btns .swiper_btn svg{width:32px;height:32px}.main_product .left .swiper_btns .swiper_btn:hover{color:var(--main_color)}.main_product .left .swiper{-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;height:100%}.main_product .left .media_popup{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;padding:20px;box-sizing:border-box;background-color:#000;z-index:-99;pointer-events:none}.main_product .left .media_popup .close{width:50px;height:50px;border-radius:50%;box-shadow:0 0 2px #26394d99;background-color:#fff;display:flex;align-items:center;justify-content:center;position:absolute;top:30px;right:30px;z-index:2;cursor:pointer}.main_product .left .media_popup .close .icon{width:22px;height:22px;transform:scale(.8);transition:transform .3s ease}.main_product .left .media_popup .close:hover .icon{transform:scale(1) rotate(90deg)}.main_product .left .media_popup .swiper{max-width:1200px;width:100%;height:100%;z-index:0}.main_product .left .media_popup .swiper .media_box{width:100%;height:100%}.main_product .left .media_popup .swiper .media_box .media{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.main_product .left .media_popup .swiper_btns{position:absolute;max-width:1200px;padding:0 20px;top:50%;left:50%;transform:translate(-50%,-50%);height:0;display:flex;align-items:center;width:100%}.main_product .left .media_popup.show{opacity:1;z-index:100;pointer-events:auto}.main_product .left .media_list_box .media_top{position:relative;margin-bottom:40px}.main_product .left .media_list_box .media_top .media_main,.main_product .left .media_list_box .media_top .video_main{aspect-ratio:1/1;overflow:hidden}.main_product .left .media_list_box .media_top .media_main .swiper-slide,.main_product .left .media_list_box .media_top .video_main .swiper-slide{position:relative;transition:opacity .3s ease;background-color:#f5f5f5;border-radius:10px}.main_product .left .media_list_box .media_top .media_main .swiper-slide .view_media,.main_product .left .media_list_box .media_top .video_main .swiper-slide .view_media{position:absolute;z-index:3;right:6px;top:6px;background-color:#fff;box-shadow:0 0 2px #26394d99;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer}.main_product .left .media_list_box .media_top .media_main .swiper-slide .view_media .icon,.main_product .left .media_list_box .media_top .video_main .swiper-slide .view_media .icon{width:30px;height:30px}.main_product .left .media_list_box .media_top .media_main .swiper-slide .media,.main_product .left .media_list_box .media_top .video_main .swiper-slide .media{cursor:pointer;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:opacity .3s ease;position:absolute;z-index:2;top:0;left:0}.main_product .left .media_list_box .media_top .media_main .swiper-slide .media.video,.main_product .left .media_list_box .media_top .video_main .swiper-slide .media.video{max-width:100%;max-height:100%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.main_product .left .media_list_box .media_top .media_main .swiper-slide .play_btn,.main_product .left .media_list_box .media_top .video_main .swiper-slide .play_btn{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000000b3;color:#fff;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:3;opacity:0;transition:opacity .3s ease}.main_product .left .media_list_box .media_top .media_main .swiper-slide .play_btn.show,.main_product .left .media_list_box .media_top .video_main .swiper-slide .play_btn.show{opacity:1}.main_product .left .media_list_box .media_btm{display:flex;align-items:center;justify-content:center;--gap: 24px;-moz-column-gap:var(--gap);column-gap:var(--gap)}.main_product .left .media_list_box .media_btm .mp_swiper_btns .swiper_btn{width:12px;height:52px;color:#000;display:flex;align-items:center;justify-content:center}.main_product .left .media_list_box .media_btm .mp_swiper_btns .swiper_btn svg{width:12px;height:12px}.main_product .left .media_list_box .media_btm .thumbs .media_box{background-color:#f5f5f5;border:1px solid #f0f0f0;opacity:.5;aspect-ratio:1/1;border-radius:16px;overflow:hidden;box-sizing:border-box;cursor:pointer}.main_product .left .media_list_box .media_btm .thumbs .media_box .media{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.main_product .left .media_list_box .media_btm .thumbs .media_box.swiper-slide-thumb-active{opacity:1;border:1px solid var(--main_color)}.main_product .left .media_list_box .media_btm .line{width:1px;height:32px;background-color:#d0d0d0;flex-shrink:0}.main_product .left .media_list_box .media_btm .video_btn{width:112px;height:40px;overflow:hidden;border-radius:20px;flex-shrink:0;position:relative;cursor:pointer}.main_product .left .media_list_box .media_btm .video_btn .video_icon{font-size:21px;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.main_product .left .media_list_box .media_btm .video_btn video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.main_product .right{width:calc(46% - 20px)}.main_product .right .r_header{font-size:20px;font-weight:700}@media(max-width:1200px){.main_product .left,.main_product .right{width:calc(50% - 15px)}}@media(max-width:768px){.main_product{flex-direction:column;row-gap:36px;font-size:10px;padding-top:0;padding-bottom:0}.main_product .left{width:100%}.main_product .left .swiper_btns .swiper_btn:hover{color:#474747}.main_product .left .media_list_box .media_top{margin-bottom:12px}.main_product .left .media_list_box .media_btm .thumbs .media_box{border-radius:12px}.main_product .right{width:100%}.main_product .right .r_header{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/dk_product_main.css.map */