.hero-banner{display:flex;flex-direction:row;align-items:flex-start;min-height:calc(100vh + 5rem);overflow:hidden;width:100%;margin-top:-11.1rem;transform:translateY(0)!important;animation:none!important;position:relative}.hero-banner__media{width:100%;height:100%}.hero-banner .hero-banner__media img,.hero-banner .hero-banner__media video{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;top:0}.hero-banner-desktop-text{position:absolute;top:12rem;margin:0 3.8rem;width:calc(100% - 7.6rem)}.hero-banner__container{position:absolute;bottom:4rem;margin-left:3.8rem;z-index:1;align-self:center;display:flex;align-items:center}.hero-banner__heading{margin-bottom:1rem}.hero-banner__heading h1{font-family:var(--font-body-family);font-style:var(--font-body-style);color:#fff;font-size:7.2rem;line-height:100%;letter-spacing:.92px;margin-bottom:.4rem}.hero-banner__heading h1 strong{line-height:100%}.hero-banner-countdown-timer{background-color:#000;padding:.5rem;text-align:center;margin-bottom:.2rem;font-family:"owners-wide",var(--font-body-family);font-weight:500;font-style:normal;font-size:2.2rem;line-height:2.2rem;border-radius:.4rem}.hero-banner-countdown-timer .countdown-label{color:#e87461;margin-right:1rem}.hero-banner-countdown-timer .countdown-time{color:#fff}.hero-banner-countdown-timer.desktop-timer{display:none;margin-top:1.5rem;max-width:49rem}.hero-banner-countdown-timer.mobile-timer{display:none}.hero-banner-text-bf{margin-bottom:2.4rem}.hero-banner-text-bf picture,.hero-banner-text-bf img{width:100%;height:auto;display:block}.hero-banner__buttons{display:flex;gap:1.6rem}.hero-banner__buttons .button{text-transform:uppercase;width:100%;max-width:100%;padding:0 .5rem;text-align:center;line-height:1.6rem;letter-spacing:.32px}.hero-banner__buttons .button--dark-bordered:hover,.hero-banner__buttons .button--dark-bordered:focus{border-color:#000}.hero-banner__buttons .button--light{border-color:#000}.hero-banner__buttons .button--light:hover{border-color:#000;background-color:#000}.hero-banner__buttons .button br{display:none}.hero-banner__buttons.desktop-hidden{display:none!important}.hero-banner__buttons.mobile-hidden{display:flex!important;position:relative;width:100%;margin-top:2rem;max-width:49rem}.hero-banner__buttons .button--main{border-color:#000;background-color:#000;color:#fff}.hero-banner__buttons .button--main:hover{border-color:#000;background-color:#fff;color:#000}.hero-banner__video-icons{position:absolute;right:2rem;bottom:2.5rem;display:flex;align-items:center;gap:.7rem;cursor:pointer}.toggle-sound-icon{cursor:pointer;z-index:1}.toggle-play-icon{width:2.5rem;cursor:pointer;z-index:1}@media (max-width: 767px){.hero-banner{margin-top:-6.1rem;margin-bottom:0;justify-content:flex-end;flex-direction:column-reverse;height:100lvh;min-height:initial;overflow:hidden;background:url(/cdn/shop/files/cyber-monday-hero-home-background-mobile.png?v=1764166323);background-size:cover;background-position:center}.hero-banner__media{flex:1;height:auto}.hero-banner__media:after{content:"";position:absolute;top:0;left:0;background:linear-gradient(180deg,#2d3f5e33 50%,#2d3f5e00);object-fit:cover;width:100%;height:100%;background-repeat:no-repeat}.hero-banner-text-bf picture{position:relative;top:1.2rem}.hero-banner__container{top:-3rem;bottom:unset;margin:0 auto;padding:8rem 1.7rem 1rem;flex-shrink:0;align-self:stretch}.hero-banner-perfumes-mobile{position:absolute;top:3rem;left:50%;transform:translate(-50%);width:100%;height:auto}.hero-banner__heading h1{font-size:4.8rem;line-height:4.4rem;letter-spacing:.96px;margin-bottom:1.4rem}.hero-banner__heading h1 strong{line-height:4.4rem}.hero-banner-countdown-timer.mobile-timer{margin-bottom:1rem;margin-top:1.6rem;font-size:1.6rem;line-height:1}.hero-banner-text-bf{margin-bottom:0}.hero-banner__buttons{gap:.8rem}.hero-banner__buttons .button--light{border-color:#000}.hero-banner__buttons .button--light:hover{background-color:#000}.hero-banner__buttons .button{min-width:inherit;width:calc(50% - .4rem);text-align:center;line-height:1.6rem;letter-spacing:.32px;padding-bottom:.1rem}.hero-banner__buttons.desktop-hidden{display:flex!important}.hero-banner__buttons.mobile-hidden{display:none!important}.hero-banner .hero-banner__buttons{position:absolute;left:1.6rem;right:1.6rem;bottom:2.4rem}.hero-banner__video-icons{bottom:8.2rem}}@media (max-width: 551px){.hero-banner__buttons .button{height:4.8rem;text-wrap:nowrap}.hero-banner__buttons .button br{display:block}}@media (min-width: 767px){.hero-banner__container{max-width:47%}}
/*# sourceMappingURL=/cdn/shop/t/615/assets/dossier-hero-banner.css.map */