.product-video-gallery-section{max-width:120rem;padding:5%;margin:0 auto}.custom-carousel{position:relative;overflow:hidden}.carousel-inner-wrapper{overflow-x:scroll;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;display:flex;scrollbar-width:none;-ms-overflow-style:none}.carousel-inner-wrapper::-webkit-scrollbar{display:none}.carousel-inner{display:flex;gap:1rem;justify-content:flex-start;width:100%}.carousel-item{flex-shrink:0;scroll-snap-align:center}.product-video-item{display:flex;flex-direction:column;height:100%}.product-video-wrapper{width:100%;aspect-ratio:9 / 16;background-color:#f0f0f0;border-radius:4px;overflow:hidden}.product-video{width:100%;height:100%;object-fit:cover;border-radius:4px;display:block}.product-video-link{display:flex;align-items:flex-start;gap:.75rem;text-align:left;margin:1rem 0;color:#222;text-decoration:none;transform:scale(.92)}.product-thumbnail{width:60px;height:60px;object-fit:cover;border-radius:2px;flex-shrink:0}.product-info{flex:1;display:flex;flex-direction:column;justify-content:center}.product-video-title{margin:0;text-align:left}.product-video-price{margin:.25rem 0 0}.carousel-control{position:absolute;top:40%;transform:translateY(-50%);background:#000c;color:#fff;border:none;cursor:pointer;z-index:10;width:3rem;height:3rem;border-radius:50%;display:none;align-items:center;justify-content:center;opacity:.8;transition:opacity .2s;margin-top:0}.carousel-control:hover{opacity:1}.carousel-control.prev{left:2%}.carousel-control.next{right:2%}.carousel-chevron{width:.8rem;height:.8rem;border:2px solid white;border-width:0 2px 2px 0;display:inline-block}.carousel-control.prev .carousel-chevron{transform:rotate(135deg);margin-right:2px}.carousel-control.next .carousel-chevron{transform:rotate(-45deg);margin-left:2px}@media (max-width: 767px){.carousel-inner-wrapper{padding:0;scroll-padding:15vw}.carousel-inner{padding:0 15vw;justify-content:center}.carousel-inner:has(.carousel-item:nth-child(2)){justify-content:flex-start}.carousel-item{width:70vw;max-width:300px}.carousel-inner:has(.carousel-item:only-child){padding:0}.carousel-control{display:none}}@media screen and (min-width: 990px){.product-video-gallery-section{max-width:var(--page-width);padding:48px 5rem;padding-top:48px}}@media (min-width: 768px){.carousel-item{width:calc(25% - .75rem)}.carousel-inner-wrapper{overflow-x:hidden}.carousel-control{display:flex}}.product-video-wrapper{width:100%;aspect-ratio:9 / 16;background-color:#f0f0f0;border-radius:4px;overflow:hidden;transition:transform .2s ease,box-shadow .3s ease;cursor:pointer;transform:scale(.92)}@media (max-width: 767px){.product-video-wrapper,.product-video-wrapper:hover{transform:scale(1)}}.product-video-wrapper:hover{transform:scale(1);box-shadow:0 8px 16px #0003;z-index:5}.video-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000f2;z-index:9999;align-items:center;justify-content:center}.video-modal.active{display:flex}.video-modal-content{position:relative;width:90%;max-width:400px;max-height:90vh}.video-modal-video{width:100%;height:auto;aspect-ratio:9 / 16;border-radius:8px;object-fit:cover}.video-modal-close{position:absolute;top:0;background:none;right:-50px;border:none;color:#fff;font-size:2rem;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity .2s}.video-modal-close:hover{opacity:1}.video-modal-nav{position:absolute;font-size:28px;font-weight:300;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity .2s}.video-modal-nav:hover{opacity:1}.video-modal-nav.prev{left:-50px}.video-modal-nav.next{right:-50px}.video-modal-nav .carousel-chevron{width:.8rem;height:.8rem;border:2px solid #222;border-width:0 2px 2px 0;display:inline-block;transform:none}.video-modal-nav.prev .carousel-chevron{transform:rotate(135deg);margin-left:-2px}.video-modal-nav.next .carousel-chevron{transform:rotate(-45deg);margin-right:-2px}.video-modal-info{position:absolute;bottom:8px;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.7) 50%,rgba(0,0,0,.7) 80%,transparent 100%);padding:3rem 1.5rem 1.5rem;border-radius:0 0 8px 8px}.video-modal-product-link{display:flex;align-items:center;gap:1rem;color:#fff;text-decoration:none;margin-bottom:1rem}.video-modal-thumbnail{width:60px;height:60px;object-fit:cover;border-radius:4px;flex-shrink:0}.video-modal-product-info{flex:1}.video-modal-title{margin:0 0 .25rem;color:#fff;font-size:1.5rem;font-weight:600}.video-modal-price{margin:0;color:#fff;font-size:1.5rem;font-weight:700}.video-modal-actions{display:flex;align-items:center;gap:10px}.video-modal-button.detail-btn{display:inline-block;padding:.2rem 1rem;background:#fff;color:#222;border-radius:4px;text-decoration:none;font-weight:400;font-size:1.4rem;white-space:nowrap;transition:all .2s;height:30px}.video-modal-button.detail-btn:hover{background:#222;color:#fff}.sns-button{display:flex;gap:.5rem;align-items:center}.sns-button a{display:flex;align-items:center;justify-content:center;width:40px;height:30px;border-radius:4px;text-decoration:none;transition:opacity .2s;flex-shrink:0;color:#fff}.sns-button a:hover{opacity:.8}.sns-button a.x{background:#000}.sns-button a.line{position:relative;background:#00b900;font-size:28px;color:#00b900}.sns-button a.line:before{position:absolute;content:"";height:24px;width:24px;background:#fff}.sns-button a.line i{z-index:1}.sns-button a.facebook{background:#214f97;font-size:19px}@media (max-width: 767px){.video-modal-close{right:10px;top:10px;background:#0009;border-radius:50%;touch-action:manipulation;z-index:10000}.video-modal-nav{display:none}.video-modal-content{max-width:95%}.video-modal-info{padding:2.5rem 1rem 1rem}.video-modal-button.detail-btn{padding:.5rem 1rem}.sns-button a{width:36px;height:36px}}.video-modal-video-wrapper{position:relative;width:100%;height:100%}.video-modal-mute-btn{position:absolute;bottom:20px;right:20px;background:#0009;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background .3s ease}.video-modal-mute-btn:hover{background:#000c}.video-modal-mute-btn i{color:#fff;font-size:20px}@media (max-width: 768px){.video-modal-mute-btn{width:40px;height:40px;bottom:15px;right:15px}.video-modal-mute-btn i{font-size:18px}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/product-video.css.map */