.petivity-hero-banner{margin:auto;overflow:hidden;position:relative;background-repeat:no-repeat;background-size:cover}.petivity-hero-banner .hasJumpLinkHeading{margin-top:0!important;padding-top:0!important}.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-text{z-index:1;position:relative}.petivity-hero-banner__text-item>*{background-color:transparent!important}.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);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);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);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}}@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}}@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/65/assets/compiled-petivity-hero-banner.css.map */