.landing-promo-maillot{padding:2rem 0;background-color:#000}.landing-promo-video-preview{position:relative;cursor:pointer;overflow:hidden;border-radius:8px;max-width:800px;margin:0 auto;transition:transform .3s ease}.landing-promo-video-preview:hover{transform:scale(1.02)}.landing-promo-video-preview__image{width:100%;height:auto;display:block;object-fit:cover}.landing-promo-video-preview__placeholder{width:100%;aspect-ratio:16 / 9;background-color:#222;display:flex;align-items:center;justify-content:center;color:#fff;border-radius:8px}.landing-promo-video-preview__play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:#ffd700e6;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000004d}.landing-promo-video-preview__play-button svg{width:32px;height:32px;color:#000;margin-left:4px}.landing-promo-video-preview:hover .landing-promo-video-preview__play-button{background:gold;transform:translate(-50%,-50%) scale(1.1);box-shadow:0 6px 30px #ffd70066}.landing-promo-video-preview__title{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);color:#fff;padding:2rem 1.5rem 1.5rem;font-size:1.2rem;font-weight:600;text-align:center}.landing-promo-video-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;opacity:0;visibility:hidden;transition:all .3s ease}.landing-promo-video-modal.active{opacity:1;visibility:visible}.landing-promo-video-modal__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000e6;cursor:pointer}.landing-promo-video-modal__content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.landing-promo-video-modal__close{position:absolute;top:2rem;right:2rem;width:50px;height:50px;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.landing-promo-video-modal__close:hover{background:#fff3;transform:scale(1.1)}.landing-promo-video-modal__close svg{width:24px;height:24px}.landing-promo-video-modal__video-container{position:relative;width:100%;max-width:90vh;max-height:90vh;margin:0 auto}.landing-promo-video-modal__video{width:100%;height:auto;max-height:90vh;border-radius:8px;box-shadow:0 10px 50px #00000080}.landing-promo-video-modal__no-video{color:#fff;text-align:center;padding:3rem;background:#ffffff1a;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media screen and (max-width: 768px){.landing-promo-video-preview__play-button{width:60px;height:60px}.landing-promo-video-preview__play-button svg{width:24px;height:24px}.landing-promo-video-preview__title{font-size:1rem;padding:1.5rem 1rem 1rem}.landing-promo-video-modal__content{padding:1rem}.landing-promo-video-modal__close{top:1rem;right:1rem;width:40px;height:40px}.landing-promo-video-modal__close svg{width:20px;height:20px}.landing-promo-video-modal__video-container{max-width:95vw}}.landing-promo-maillot__wrapper{width:100%;padding:0 1.5rem;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.landing-promo-maillot__wrapper.full-width{max-width:100%}.landing-promo-maillot__image{position:relative;overflow:hidden}.landing-promo-maillot__image img{width:100%;height:auto;object-fit:cover}.landing-promo-maillot__image.have-overlay:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0006}.landing-promo-maillot__content{max-width:500px}.landing-promo-maillot__subtitle{margin-bottom:1rem;color:gold;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.landing-promo-maillot__title{margin-bottom:1.5rem;color:#fff;font-weight:800;text-shadow:2px 2px 4px rgba(0,0,0,.5);line-height:1.1}.landing-promo-maillot__desc{margin-bottom:2rem;color:#ccc;line-height:1.6}.landing-promo-maillot__button{display:inline-block}@media screen and (max-width: 768px){.landing-promo-maillot__wrapper{grid-template-columns:1fr;gap:2rem;text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/landing-promo-maillot.css.map */