.tpt-hero-banner-3{box-sizing:border-box}.tpt-hero-banner-3 *,.tpt-hero-banner-3 *:before,.tpt-hero-banner-3 *:after{box-sizing:border-box}.hero-banner-3_layout{display:flex;align-items:flex-start;gap:4em}.hero-banner-3_layout--product-left{flex-direction:row}.hero-banner-3_layout--product-right{flex-direction:row-reverse}.hero-banner-3_product-column{flex:0 0 var(--product-width);max-width:var(--product-width)}.hero-banner-3_video-column{flex:1;min-width:0}.hero-banner-3_product-content{display:flex;flex-direction:column;gap:2em}.hero-banner-3_badge{display:inline-block;width:fit-content}.hero-banner-3_badge-link,.hero-banner-3_badge-text{display:inline-block;padding:.5em 1.25em;border:.0625em solid rgba(var(--tpt-section-foreground-color),.3);border-radius:2em;font-size:.875em;font-weight:500;text-decoration:none;transition:all .3s ease}.hero-banner-3_badge-link:hover{border-color:rgba(var(--tpt-section-foreground-color),.6);background-color:rgba(var(--tpt-section-foreground-color),.05)}.hero-banner-3_title{margin:0}.hero-banner-3_heading{margin:0;line-height:1.1;font-weight:700}.hero-banner-3_description{line-height:1.6}.hero-banner-3_description>*{margin:0 0 1em}.hero-banner-3_description>*:last-child{margin-bottom:0}.hero-banner-3_product-card{background:rgba(var(--tpt-section-foreground-color),.03);border-radius:1.5em;padding:1em;border:.0625em solid rgba(var(--tpt-section-foreground-color),.1)}.hero-banner-3_product-item{display:flex;gap:1.5em}.hero-banner-3_product-image{flex:0 0 auto;width:7.5em;height:7.5em;border-radius:1em;overflow:hidden;background:rgba(var(--tpt-section-foreground-color),.05)}.hero-banner-3_product-image img{width:100%;height:100%;object-fit:cover}.hero-banner-3_product-info{flex:1;display:flex;flex-direction:column;gap:.75em}.hero-banner-3_product-title{margin:0;font-size:1.125em;font-weight:600;line-height:1.3;display:block}.hero-banner-3_product-price{margin:0;font-size:1em;font-weight:500}.hero-banner-3_product-button{margin-top:.5em}.hero-banner-3_product-button .tpt-button{min-width:6em;padding:.875em 2em;font-size:.9375em}.hero-banner-3_container{position:relative}.hero-banner-3_container .tpt-swiper-container{margin-bottom:0}.hero-banner-3_item{width:100%;height:100%;display:flex;flex-direction:column;transition:transform .3s ease}.hero-banner-3_container .swiper-slide{height:auto;min-width:0}.hero-banner-3_video{position:relative;width:100%;height:var(--video-height-desktop);border-radius:1.5em;overflow:hidden;margin-bottom:0;cursor:pointer;min-height:20em}.hero-banner-3_video-container{position:relative;width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;transition:box-shadow .3s ease}.swiper-slide:nth-child(4n-3) .hero-banner-3_video-container{background:linear-gradient(135deg,#4ecdc4,#44a08d)}.swiper-slide:nth-child(4n-2) .hero-banner-3_video-container{background:linear-gradient(135deg,#a8edea,#fed6e3)}.swiper-slide:nth-child(4n-1) .hero-banner-3_video-container{background:linear-gradient(135deg,#ffecd2,#fcb69f)}.swiper-slide:nth-child(4n) .hero-banner-3_video-container{background:linear-gradient(135deg,#667eea,#764ba2)}@media screen and (min-width: 1024px){.swiper-slide-next .hero-banner-3_video-container,.swiper-slide-next .tpt-hero-banner-video-main{-webkit-mask-image:linear-gradient(90deg,#000 -30%,transparent 85%);mask-image:linear-gradient(90deg,#000 -30%,transparent 85%)}}.tpt-hero-banner-video-main{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:1;transition:opacity .3s ease}.hero-banner-3_play-button,.hero-banner-3_pause-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3.75em;height:3.75em;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:2;color:#333;opacity:1}.hero-banner-3_pause-button{opacity:0;pointer-events:none;transition:opacity .3s ease}tpt-hero-banner-video-item.loaded .hero-banner-3_video:hover .hero-banner-3_pause-button{opacity:1;pointer-events:auto}tpt-hero-banner-video-item.loaded .hero-banner-3_video:hover .hero-banner-3_play-button{opacity:0;pointer-events:none}tpt-hero-banner-video-item.loaded .hero-banner-3_pause-button{opacity:0;pointer-events:none}tpt-hero-banner-video-item.loaded .hero-banner-3_play-button{opacity:0;pointer-events:none}.hero-banner-3_play-button:hover,.hero-banner-3_pause-button:hover{transform:translate(-50%,-50%) scale(1.1)}.hero-banner-3_play-button svg,.hero-banner-3_pause-button svg{width:100%;height:100%}.hero-banner-3_container .swiper-button-next,.hero-banner-3_container .swiper-button-prev{top:45%;width:3em;height:3em}.hero-banner-3_container .swiper-button-next{right:-1.5em}.hero-banner-3_container .swiper-button-prev{left:-1.5em}.hero-banner-3_video.playing .hero-banner-3_play-button,tpt-hero-banner-video-item.loaded .hero-banner-3_play-button{opacity:0;pointer-events:none}.tpt-hero-banner-video-main.active{opacity:1}tpt-hero-banner-video-item.loaded .hero-banner-3_video-container{box-shadow:0 .5em 2em #0000001a}.hero-banner-3_video:active{transform:scale(.98)}.hero-banner-3_video:active .hero-banner-3_video-container{opacity:.9}@media screen and (min-width: 1280px){.hero-banner-3_video{height:var(--video-height-desktop)}}@media screen and (min-width: 768px) and (max-width: 1279px){.hero-banner-3_product-info{align-items:flex-start}.hero-banner-3_layout{gap:3em}.hero-banner-3_product-content{gap:1.5em}.hero-banner-3_video{height:var(--video-height-tablet);margin-bottom:0}.hero-banner-3_container .swiper-button-next,.hero-banner-3_container .swiper-button-prev{width:2.5em;height:2.5em}.hero-banner-3_container .swiper-button-next{right:-1.25em}.hero-banner-3_container .swiper-button-prev{left:-1.25em}.hero-banner-3_product-card{padding:1.5em}.hero-banner-3_product-item{gap:1.25em}.hero-banner-3_product-image{width:6em;height:6em}.swiper-slide-next .hero-banner-3_video-container,.swiper-slide-next .tpt-hero-banner-video-main{-webkit-mask-image:none!important;mask-image:none!important}}@media screen and (max-width: 991px){.hero-banner-3_layout{flex-direction:column!important;gap:3em}.hero-banner-3_product-column{flex:none;max-width:100%}.hero-banner-3_video-column{flex:none;width:100%}.hero-banner-3_product-content{text-align:center}.hero-banner-3_badge{align-self:center}}@media screen and (max-width: 767px){.hero-banner-3_layout{gap:2.5em}.hero-banner-3_product-content{gap:1.5em;text-align:center}.hero-banner-3_video-column{width:100%;min-height:var(--video-height-mobile)}.hero-banner-3_video{height:var(--video-height-mobile);min-height:20em;margin-bottom:0;border-radius:1.25em;width:100%}.hero-banner-3_video-container{width:100%;height:100%;min-height:inherit}.hero-banner-3_container .swiper-slide{width:100%!important;min-width:100%;flex-shrink:0}.hero-banner-3_container .swiper-wrapper{width:100%}.hero-banner-3_item{width:100%;min-width:100%}.hero-banner-3_play-button,.hero-banner-3_pause-button{width:3em;height:3em}tpt-hero-banner-video-item.loaded .hero-banner-3_pause-button{opacity:1;pointer-events:auto}tpt-hero-banner-video-item.loaded .hero-banner-3_play-button{opacity:0;pointer-events:none}tpt-hero-banner-video-item.loaded .hero-banner-3_video:hover .hero-banner-3_pause-button{opacity:1;pointer-events:auto}tpt-hero-banner-video-item.loaded .hero-banner-3_video:hover .hero-banner-3_play-button{opacity:0;pointer-events:none}.hero-banner-3_container .swiper-button-next,.hero-banner-3_container .swiper-button-prev{display:none}.hero-banner-3_container .tpt-swiper-paginations{display:flex!important;justify-content:center;padding-top:1.5em}.swiper-slide-next .hero-banner-3_video-container,.swiper-slide-next .tpt-hero-banner-video-main{-webkit-mask-image:none!important;mask-image:none!important}.hero-banner-3_product-card{padding:1.25em}.hero-banner-3_product-item{flex-direction:column;text-align:center;gap:1em}.hero-banner-3_product-image{width:5em;height:5em;align-self:center}.hero-banner-3_product-info{align-items:center}.hero-banner-3_badge-link,.hero-banner-3_badge-text{padding:.4375em 1.125em;font-size:.8125em}.hero-banner-3_heading{line-height:1.2}tpt-hero-banner-video-item.loaded{transform:none}tpt-hero-banner-video-item.loaded .hero-banner-3_video-container{box-shadow:0 .25em 1em #0000001a}}@media screen and (max-width: 480px){.hero-banner-3_layout{gap:2em}.hero-banner-3_product-content{gap:1.25em}.hero-banner-3_product-card{padding:1em}.hero-banner-3_product-image{width:4.5em;height:4.5em}.hero-banner-3_product-button .tpt-button{min-width:5em;padding:.75em 1.5em;font-size:.875em}.hero-banner-3_video{min-height:18em}.hero-banner-3_play-button,.hero-banner-3_pause-button{width:2.5em;height:2.5em}}@media (prefers-reduced-motion: reduce){.hero-banner-3_play-button,.hero-banner-3_pause-button,.hero-banner-3_video-element,.hero-banner-3_video{transition:none}}tpt-hero-banner-play-video:focus,tpt-hero-banner-pause-video:focus,.hero-banner-3_play-button:focus,.hero-banner-3_pause-button:focus{outline:.125em solid currentColor;outline-offset:.125em}tpt-hero-banner-play-video:focus-visible,tpt-hero-banner-pause-video:focus-visible,.hero-banner-3_play-button:focus-visible,.hero-banner-3_pause-button:focus-visible{outline:.125em solid #0066cc;outline-offset:.125em}.hero-banner-3_badge-link:focus,.hero-banner-3_product-button .tpt-button:focus{outline:.125em solid #0066cc;outline-offset:.125em}.hero-banner-3_container .swiper{width:100%;overflow:hidden}.hero-banner-3_container .swiper-wrapper{display:flex;transition-property:transform}@media screen and (max-width: 767px){.hero-banner-3_video-column,.hero-banner-3_container,.hero-banner-3_video{display:block!important;visibility:visible!important;opacity:1!important}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/tpt-hero-banner-3.css.map */