.petivity-hero-banner{margin:auto;overflow:hidden;position:relative;background-repeat:no-repeat;background-size:cover}.petivity-hero-banner__content{position:relative;z-index:1}.petivity-hero-banner__content .petivity-hero-banner__media{height:100%;left:0;position:absolute;top:0;width:100%}.petivity-hero-banner__content .petivity-hero-banner__media picture:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}@media only screen and (max-width:1024px){.petivity-hero-banner__content .petivity-hero-banner__media.image-block{position:relative}.petivity-hero-banner__content .petivity-hero-banner__media.image-block picture{height:auto;position:relative;width:100vw}}.petivity-hero-banner__content picture{height:100%;left:0;position:absolute;top:0;width:100%}.petivity-hero-banner__content picture img{height:100%!important;object-fit:cover;width:100%}.petivity-hero-banner__content.petivity-hero-banner__content--mobile-split .video-section__video{padding:0}.petivity-hero-banner__content.petivity-hero-banner__content--mobile-split .petivity-hero-banner__content-text.petivity-hero-banner__mobile-above{padding:40px 0;display:flex}.petivity-hero-banner__content.petivity-hero-banner__content--mobile-split .petivity-hero-banner__buttons{margin:14px 0 0;justify-content:center}.petivity-hero-banner__content.petivity-hero-banner__content--mobile-split .petivity-full-blocks__item:has(.petivity-hero-banner__buttons){width:100%}.petivity-hero-banner__content.petivity-hero-banner__content--mobile-split .petivity-hero-banner__mobile-divider-video-player{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;z-index:3}.petivity-hero-banner__content.petivity-hero-banner__content--mobile-split .mobile-video-block+.petivity-hero-banner__container,.petivity-hero-banner__content.petivity-hero-banner__content--mobile-split .image-block+.petivity-hero-banner__container{margin-top:0;padding:28px 0 0}.petivity-hero-banner__content.petivity-hero-banner__content--mobile-split .petivity-hero-banner__container .petivity-full-blocks__item--mobile-position-above,.petivity-hero-banner__content.petivity-hero-banner__content--mobile-split .petivity-hero-banner__container .petivity-full-blocks__item--mobile-position-over-media{display:none}.petivity-hero-banner__content.petivity-hero-banner__content--mobile-split.content-container .petivity-hero-banner__content-text{max-width:730px}@media only screen and (min-width:1025px){.petivity-hero-banner__content.petivity-hero-banner__content--mobile-split .petivity-hero-banner__description{padding:0 1px}.petivity-hero-banner__content.petivity-hero-banner__content--mobile-split .petivity-hero-banner__buttons .d2c-button{padding:16px 24px;max-height:none}.petivity-hero-banner__content.petivity-hero-banner__content--mobile-split .petivity-hero-banner__buttons .d2c-button__label{font-size:var(--d2c-typography-body-02-bold-font-size);font-family:var(--d2c-typography-body-02-bold-font-family);font-style:var(--d2c-typography-body-02-bold-font-style);font-weight:var(--d2c-typography-body-02-bold-font-weight);letter-spacing:var(--d2c-typography-body-02-bold-letter-spacing);line-height:var(--d2c-typography-body-02-bold-line-height)}.petivity-hero-banner__content.petivity-hero-banner__content--mobile-split .petivity-full-blocks__item:has(.petivity-hero-banner__buttons){width:auto}.petivity-hero-banner__content.petivity-hero-banner__content--mobile-split .petivity-hero-banner__mobile-divider-video-player,.petivity-hero-banner__content.petivity-hero-banner__content--mobile-split .petivity-hero-banner__content-text.petivity-hero-banner__mobile-above{display:none}.petivity-hero-banner__content.petivity-hero-banner__content--mobile-split .petivity-hero-banner__container .petivity-full-blocks__item--mobile-position-above,.petivity-hero-banner__content.petivity-hero-banner__content--mobile-split .petivity-hero-banner__container .petivity-full-blocks__item--mobile-position-over-media{display:block}}.petivity-hero-banner__content-text{z-index:1;position:relative}.petivity-hero-banner__video-player-button{display:flex;align-items:center;justify-content:center;height:114px;width:114px;border:none;border-radius:50%;transition:opacity .3s ease;background:var(--d2c-color-white);box-shadow:none;padding:0;color:#000}.petivity-hero-banner__video-player-button:focus-visible{outline:2px solid var(--d2c-color-hero-blue);outline-offset:0}.petivity-hero-banner__video-player-button:hover{opacity:.7}.petivity-hero-banner__video-player-button svg{width:40px;height:38px}@media only screen and (min-width:577px){.petivity-hero-banner__video-player-button{height:110px;width:110px;margin:38px 0}}@media only screen and (min-width:1920px){.petivity-hero-banner__video-player-button{height:110px;width:110px;margin:80px 0}}.petivity-hero-banner__video-player-button-icon{width:24px;height:24px}.petivity-hero-banner__text-item>*{background-color:transparent!important}.petivity-hero-banner__badges{display:flex;padding:0;gap:16px;margin:0}.petivity-hero-banner__badges img{display:block}.petivity-hero-banner__top-badge{align-items:center;border-radius:12px;display:flex;justify-content:center;border:1px solid rgba(255,255,255,.03)}.petivity-hero-banner__top-badge p{text-wrap:balance;text-align:left}.petivity-hero-banner__top-badge img{width:100%;height:auto}.petivity-hero-banner__buttons,.petivity-hero-banner__badge{grid-gap:12px 16px;display:flex;flex-wrap:wrap;width:100%;max-width:100%}.petivity-hero-banner__buttons+div,.petivity-hero-banner__buttons+span{margin-top:28px}.petivity-hero-banner .subtitle,.petivity-hero-banner .caption-with-letter-spacing{display:flex}.petivity-hero-banner div+.petivity-hero-banner__video,.petivity-hero-banner [class*=__heading]+.petivity-hero-banner__video{margin-top:-16px}.petivity-hero-banner picture{display:block}.petivity-hero-banner .content-container{display:flex;flex-direction:column}.petivity-hero-banner .content-container .petivity-hero-banner__content-text .petivity-hero-banner__badge,.petivity-hero-banner .content-container .petivity-hero-banner__content-text .petivity-hero-banner__caption,.petivity-hero-banner .content-container p{margin:0}.petivity-hero-banner .content-container .petivity-hero-banner__content-text{display:flex;flex-direction:column;max-width:600px}.petivity-hero-banner .content-container .petivity-hero-banner__content-text:last-child{margin-bottom:0!important}.petivity-hero-banner .content-container:after{content:none}.petivity-hero-banner .mobile-video-block:before{content:none!important}.petivity-hero-banner .video-banner:after{z-index:0}@media only screen and (max-width:767px){.petivity-hero-banner .content-container .petivity-hero-banner__content-text{row-gap:16px}.petivity-hero-banner__buttons{margin:12px 0}}@media only screen and (min-width:768px){.petivity-hero-banner .subtitle--small,.petivity-hero-banner .caption-with-letter-spacing--small{font-size:var(--d2c-typography-body-04-bold-font-size);font-family:var(--d2c-typography-body-04-bold-font-family);font-style:var(--d2c-typography-body-04-bold-font-style);font-weight:var(--d2c-typography-body-04-bold-font-weight);letter-spacing:var(--d2c-typography-body-04-bold-letter-spacing);line-height:var(--d2c-typography-body-04-bold-line-height)}.petivity-hero-banner .subtitle--medium,.petivity-hero-banner .caption-with-letter-spacing--medium{font-size:var(--d2c-typography-body-03-bold-font-size);font-family:var(--d2c-typography-body-03-bold-font-family);font-style:var(--d2c-typography-body-03-bold-font-style);font-weight:var(--d2c-typography-body-03-bold-font-weight);letter-spacing:var(--d2c-typography-body-03-bold-letter-spacing);line-height:var(--d2c-typography-body-03-bold-line-height)}.petivity-hero-banner .subtitle--large,.petivity-hero-banner .caption-with-letter-spacing--large{font-size:var(--d2c-typography-body-02-bold-font-size);font-family:var(--d2c-typography-body-02-bold-font-family);font-style:var(--d2c-typography-body-02-bold-font-style);font-weight:var(--d2c-typography-body-02-bold-font-weight);letter-spacing:var(--d2c-typography-body-02-bold-letter-spacing);line-height:var(--d2c-typography-body-02-bold-line-height)}.petivity-hero-banner .content-container .petivity-hero-banner__content-text{row-gap:22px}.petivity-hero-banner__buttons{margin:20px 0}}@media only screen and (max-width:1024px){.petivity-hero-banner{padding-right:0;padding-left:0}.petivity-hero-banner__content{flex-direction:column}.petivity-hero-banner__container{display:flex;position:relative;width:100%;z-index:1}.petivity-hero-banner__container:after{content:"";top:0;left:0;height:100%;width:100vw;position:absolute}.petivity-hero-banner .video-banner{z-index:1}.petivity-hero-banner .mobile-video-block+.petivity-hero-banner__container,.petivity-hero-banner .image-block+.petivity-hero-banner__container{margin-top:-80px}.petivity-hero-banner__content--mobile-center .petivity-hero-banner__container,.petivity-hero-banner__content--mobile-center .petivity-hero-banner__container>*,.petivity-hero-banner__content--mobile-center .petivity-hero-banner__content-text,.petivity-hero-banner__content--mobile-center .petivity-hero-banner__content-text>*{align-self:center;text-align:center;justify-content:center}.petivity-hero-banner__content--mobile-left .petivity-hero-banner__container,.petivity-hero-banner__content--mobile-left .petivity-hero-banner__content-text{align-self:flex-start;text-align:left;justify-content:flex-start}.petivity-hero-banner__content--mobile-right .petivity-hero-banner__container,.petivity-hero-banner__content--mobile-right .petivity-hero-banner__content-text,.petivity-hero-banner__content--mobile-right .petivity-hero-banner__badge{align-self:flex-end;text-align:right;justify-content:flex-end}.petivity-hero-banner .video-section__play-button{right:initial;bottom:initial;left:20px;top:20px}.petivity-hero-banner .mobile-video-block{position:relative;max-width:100vw}.petivity-hero-banner .mobile-video-block .video-banner{position:relative}.petivity-hero-banner .mobile-video-block .video-banner video,.petivity-hero-banner .mobile-video-block .video-banner iframe{position:relative;object-fit:contain!important}.petivity-hero-banner__top-badge{gap:8px;max-width:127px;min-width:127px;height:54px;padding:8px}.petivity-hero-banner__top-badge [role=presentation]{max-width:38px;max-height:38px}}@media only screen and (min-width:1025px){.petivity-hero-banner{padding-right:0;padding-left:0}.petivity-hero-banner__content--bottom{justify-content:flex-end;align-self:flex-end}.petivity-hero-banner__content--top{justify-content:flex-start;align-self:flex-start}.petivity-hero-banner__content--desktop-center .petivity-hero-banner__container,.petivity-hero-banner__content--desktop-center .petivity-hero-banner__container>*,.petivity-hero-banner__content--desktop-center .petivity-hero-banner__content-text,.petivity-hero-banner__content--desktop-center .petivity-hero-banner__content-text>*{align-self:center;text-align:center;justify-content:center}.petivity-hero-banner__content--desktop-right .petivity-hero-banner__container,.petivity-hero-banner__content--desktop-right .petivity-hero-banner__content-text{align-self:flex-end;text-align:right;justify-content:flex-end}.petivity-hero-banner__content--desktop-right .petivity-hero-banner__container>*,.petivity-hero-banner__content--desktop-right .petivity-hero-banner__content-text>*{align-self:flex-start;text-align:left;justify-content:flex-start}.petivity-hero-banner__content--desktop-left .petivity-hero-banner__container,.petivity-hero-banner__content--desktop-left .petivity-hero-banner__content-text{align-self:flex-start;text-align:left;justify-content:flex-start}.petivity-hero-banner__top-badge{gap:12px;max-width:172px;min-width:172px;height:74px;padding:13px}.petivity-hero-banner__top-badge [role=presentation]{max-width:46px;max-height:46px}}@media only screen and (min-width:577px)and (max-width:1024px){.petivity-hero-banner .content-container .petivity-hero-banner__content-text.tablet__content-width{max-width:824px}.petivity-hero-banner .content-container .petivity-hero-banner__content-text.tablet__content-width .d2c-button{min-width:initial;flex-grow:1}}@media only screen and (min-width:577px)and (max-width:1300px){.petivity-hero-banner__buttons+div,.petivity-hero-banner__buttons+span{margin-top:16px}.petivity-hero-banner div+.petivity-hero-banner__video,.petivity-hero-banner [class*=__heading]+.petivity-hero-banner__video{margin-top:-18px}.petivity-hero-banner .content-container .petivity-hero-banner__content-text{max-width:540px}}@media only screen and (min-width:1301px){.petivity-hero-banner__buttons+div,.petivity-hero-banner__buttons+span{margin-top:28px}.petivity-hero-banner div+.petivity-hero-banner__video,.petivity-hero-banner [class*=__heading]+.petivity-hero-banner__video{margin-top:-22px}.petivity-hero-banner .content-container .petivity-hero-banner__content-text{max-width:540px}}@media only screen and (min-width:1920px){.petivity-hero-banner .content-container .petivity-hero-banner__content-text{max-width:600px}}
/*# sourceMappingURL=/cdn/shop/t/188/assets/compiled-petivity-hero-banner.css.map */