.video-action-section{position:relative;overflow:hidden}.video-action__container{margin:0 auto;padding:0 20px}.video-action__header{opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.4,0,.2,1)}.video-action__header.animated{opacity:1;transform:translateY(0)}.video-action__title{line-height:1.2;margin:0}.video-action__subtitle{line-height:1.6}.video-action__grid{display:flex;flex-direction:column;gap:40px}.video-action__item{width:100%}.video-action__content-wrapper{display:flex;flex-direction:column;width:100%}.video-action__video-container{width:100%;position:relative;overflow:hidden;background:#000;opacity:0;transform:translate(-30px);transition:all .8s cubic-bezier(.4,0,.2,1) .2s}.video-action__video-container.animated{opacity:1;transform:translate(0)}.video-action__video-wrapper{position:relative;width:100%;aspect-ratio:var(--aspect-ratio-mobile, 9/16);height:auto;max-height:var(--video-height-mobile, 600px)}@supports not (aspect-ratio: 1/1){.video-action__video-wrapper{padding-top:177.78%;height:0}}.video-action__video-container:has([id*=custom]) .video-action__video-wrapper{aspect-ratio:auto;height:var(--video-height-mobile, 600px);max-height:none}.video-action__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;cursor:pointer}.video-action__play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:none;background:transparent;cursor:pointer;transition:transform .3s ease,opacity .3s ease;z-index:5;padding:0}.video-action__play-btn:hover{transform:translate(-50%,-50%) scale(1.1)}.video-action__play-btn:active{transform:translate(-50%,-50%) scale(.95)}.video-action__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;background:#f5f5f5;color:#999;text-align:center;padding:40px;border-radius:12px}.video-action__placeholder p{margin-top:16px;font-size:14px}.video-action__text-container{width:100%;display:flex;flex-direction:column;opacity:0;transform:translate(30px);transition:all .8s cubic-bezier(.4,0,.2,1) .4s}.video-action__text-container.animated{opacity:1;transform:translate(0)}.video-action__item-title,.video-action__description{margin:0}.video-action__benefits{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.video-action__benefits li{position:relative;padding-left:32px;line-height:1.6;display:flex;align-items:flex-start}.video-action__benefits li:before{content:"\2713";position:absolute;left:0;top:0;width:var(--bullet-size, 20px);height:var(--bullet-size, 20px);display:flex;align-items:center;justify-content:center;font-size:var(--bullet-size, 20px);font-weight:700;color:var(--bullet-color, #10b981);flex-shrink:0}.video-action__cta-wrapper{margin-top:8px}.video-action__cta-btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.video-action__cta-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.video-action__cta-btn:active{transform:translateY(0)}.video-action__cta-btn svg{flex-shrink:0;transition:transform .3s ease}.video-action__cta-btn:hover svg{transform:translate(4px)}@media(min-width:768px){.video-action__grid{gap:60px}}@media(min-width:1024px){.video-action__container{padding:0 40px}.video-action__content-wrapper{flex-direction:row;align-items:center}.video-action__video-container{width:var(--video-width-desktop, 45%);flex-shrink:0}.video-action__video-wrapper{aspect-ratio:auto;height:100%;max-height:var(--video-max-height, 650px);min-height:400px}.video-action__video{position:relative;height:100%}.video-action__text-container{flex:1}.video-action__benefits li{padding-left:36px}}[data-animate=fade-up]{opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.4,0,.2,1)}[data-animate=fade-up].animated{opacity:1;transform:translateY(0)}[data-animate=fade-left]{opacity:0;transform:translate(-30px);transition:all .8s cubic-bezier(.4,0,.2,1) .2s}[data-animate=fade-left].animated{opacity:1;transform:translate(0)}[data-animate=fade-right]{opacity:0;transform:translate(30px);transition:all .8s cubic-bezier(.4,0,.2,1) .4s}[data-animate=fade-right].animated{opacity:1;transform:translate(0)}@media(prefers-reduced-motion:reduce){[data-animate],.video-action__header,.video-action__video-container,.video-action__text-container{transition:opacity .3s ease!important;transform:none!important}[data-animate].animated,.video-action__header.animated,.video-action__video-container.animated,.video-action__text-container.animated{opacity:1!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-video-action.css.map */