.video-with-text-section{position:relative;overflow:hidden}.video-with-text-container{position:relative;display:flex;align-items:stretch}.video-with-text-container.reverse{flex-direction:row-reverse}.video-section{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.image-section .image-wrapper{position:relative;width:100%;height:100%;min-height:300px}.video-section video,.video-section img{width:100%;height:100%;object-fit:cover;display:block}.video-section .play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:2;border:none;box-shadow:0 4px 20px #0003}.video-section .play-button:hover{background:#fff;transform:translate(-50%,-50%) scale(1.1);box-shadow:0 6px 25px #0000004d}.video-section .play-button svg{width:30px;height:30px;margin-left:3px;fill:#333}.text-section{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 30px;text-align:center;position:relative}.text-content{max-width:500px;width:100%}.text-content h2{margin:0 0 20px;line-height:1.2}.text-content p{margin:0;line-height:1.6}.text-content .button{margin-top:30px;display:inline-flex;align-items:center;justify-content:center;padding:15px 30px;text-decoration:none;border-radius:5px;font-weight:600;transition:all .3s ease;border:none;outline:none;cursor:pointer;min-width:120px}.text-content .button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0003}@media screen and (max-width: 1024px){.video-with-text-container{max-width:100%!important;width:100%!important}}@media screen and (max-width: 768px){.video-with-text-container{flex-direction:column!important;max-width:100%!important;width:100%!important}.video-section{flex:none;height:300px}.text-section{flex:none;padding:30px 20px}.video-section .play-button{width:60px;height:60px}.video-section .play-button svg{width:24px;height:24px}}@media screen and (max-width: 480px){.text-section{padding:20px 15px}.text-content .button{padding:12px 24px;font-size:14px}}@media screen and (max-width: 768px){.video-section video{height:300px;object-fit:cover}}.video-section .loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#666;font-size:16px}.video-section video::-webkit-media-controls{background:#0000001a}.video-section video::-webkit-media-controls-panel{background:#0000001a}.text-section:has(.text-content h2:only-child){justify-content:center}.text-section:has(.text-content h2:not(:only-child)){justify-content:center}.text-content:has(h2:only-child){display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.text-content:has(h2:only-child) h2{margin:0}.buttonC:after{box-shadow:none}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-video-with-text.css.map */